/*ヘッダーナビゲーションの文字サイズ調整*/
.sub-menu>li a{
	font-size: 1.2rem!important;
}
/*----------------Smile9紹介サイト----------------*/
/*画像表示*/
.pc-img { display: block !important; }
.sp-img { display: none !important; }
.ac-pc-img{ display: block !important; }
.ac-img { display: none !important; }

.pc-logo-img { display: block !important; }
/* .sp-logo-img { display: none !important; } */

@media only screen and (max-width: 767px) {
	.pc-img { display: none !important; }
	.sp-img { display: block !important; }
}
@media only screen and (max-width: 481px){
	.pc-logo-img { 
/* 		display: none !important; */
	width: 58px!important;
	height: 50px!important;	
	}
/* 	.sp-logo-img { 
		display: block !important; 
				display: none !important;
	} */
	.ac-pc-img { display: none !important; }
	.ac-img { display:block !important; }
}
/*画像表示*/

/*折り返し*/
.br-pc{
	display: none;	
}
@media only screen and (max-width: 481px) {
	.br-pc{
		display: block;	
	}
}
/*折り返し*/

/*見出しアコーディオン*/

.acbox{
	margin-top: 1rem!important;
	text-align: center;
}
.acbox2{
	margin-top: 0!important;
	text-align:left;
}
.acbox3{
	margin-top: 0!important;
	text-align: center;
}

.acbox label,
.acbox2 label,
.acbox3 label{
	cursor: pointer;
	color: #C08C45;
}

.acbox input,
.acbox2 input,
.acbox3 input{
  display: none;
}

.acbox label:before,
.acbox2 label:before,
.acbox3 label:before{
	content:"[＋]"; /* ラベルのアイコン */
	position: relative;
	margin-right: 1rem;
}

.acbox input:checked ~ label::before,
.acbox2 input:checked ~ label::before,
.acbox3 input:checked ~ label::before{
	content:"[－]"; /* ラベルをクリックした後のアイコン */
}

.acbox div,
.acbox2 div,
.acbox3 div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div,
.acbox2 input:checked ~ div,
.acbox3 input:checked ~ div{
	height: auto;
	padding: 0; /* 開いた部分の枠内の余白 */
	opacity: 1;
}

.acbox input:checked ~ label,
.acbox2 input:checked ~ label,
.acbox3 input:checked ~ label{
  background: #FEE7C8; /* クリック後のラベルの背景色 */
}

.acbox-under{
	margin-top: 0!important;
}

.ac-blank{
	margin-top: 0!important;
}
/*見出しアコーディオン*/


/*スライダー*/
.slider{
	margin-top: 0rem!important;
}
.slick-list,.draggable{
	margin-top: 0!important;
}
.slick-slide{
	outline:none!important;
}
.slider-list{
	width: 100%;
	height: 100px!important;
	line-height: 100px!important;
	text-align: center;
	margin-top: 0!important;
}
.slider-img,.slider-img2,.slider-img3,.slider-img4{
	display: inline-block!important; 
	vertical-align: middle!important;
	margin 0!important;
}
.slider-text{
	font-size: 1.4rem;
	margin-top: 1rem!important;
	text-align: right!important;
}

@media only screen and (max-width: 481px) {
	.slider-list{
		height: 70px!important;
		line-height: 70px!important;
	}
	.slider-img{
		width: 80%;
	}
	.slider-img2{
		width: 60%;
	}
	.slider-img3{
		width: 55%;
	}
	.slider-img4{
		width: 40%;
	}
	.slider-text{
		margin: 0!important;
		font-size: 1rem;
	}
}
/*スライダー*/
/*画像、ボタン位置*/
.center-font{
	text-align: center;
}

.top-blank{
	margin-top: 3rem!important;
}
.top2-blank{
	margin-top: 2.5rem!important;
}

/*画像、ボタン位置*/
/*ボタン*/
.btn-header-orange,
a.btn-header-orange {
	font-size: 1.8rem;
  	font-weight: 700;
  	line-height: 2;
	padding: 1.2rem 1.6rem;
  	cursor: pointer; 
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
	color: #fff!important;
	background-color: #C08C45;
}

.btn-footer-orange,
a.btn-footer-orange {
	font-size: 2rem;
  	font-weight: 500;
  	line-height: 2;
	padding: 1.2rem 7.5rem;
  	cursor: pointer; 
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
	color: #fff!important;
	background-color: #C08C45;
}
.btn-header-orange:hover,
a.btn-header-orange:hover,
.btn-footer-orange:hover,
a.btn-footer-orange:hover{
 	background: #9F7439;
}

.btn-orange,
a.btn-orange,
.btn-orange2,
a.btn-orange2,
.btn-orange-itadakimasu,
a.btn-orange-itadakimasu{
	font-size: 1.8rem;
  	font-weight: 500;
  	line-height: 2;
	padding: 1.2rem 1.5rem;
  	cursor: pointer; 
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
	color: #fff!important;
	background-color: #C08C45;
}

.btn-orange:hover,
a.btn-orange:hover,
.btn-orange2:hover,
a.btn-orange2:hover
.btn-orange-itadakimasu:hover,
a.btn-orange-itadakimasu:hover,
a.btn-contact-orange:hover{
 	background: #9F7439;
	font-weight: 500;
}
a.btn-radius {
	border-radius: 100vh;
}
.btn-orange2,
a.btn-orange2{
	margin-left: 2rem;
}

.btn-muji{
	font-size: 1.5rem;
  	font-weight: 500;
  	line-height: 1.5;
	padding: 1rem 3rem;
  	cursor: pointer; 
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
	background-color: white;
	border: 1px solid #7f7f7f;
	color: #191919!important;
}

.btn-muji2{
	font-size: 1.5rem;
  	font-weight: 500;
  	line-height: 1.5;
	padding: 1rem 4.6rem;
  	cursor: pointer; 
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
	background-color: white;
	border: 1px solid #7f7f7f;
	color: #191919!important;
}

.btn-muji:hover,
a.btn-muji:hover,
.btn-muji2:hover,
a.btn-muji2:hover{
 	background: #7f7f7f;
	color: white!important;
	font-weight: 500;
}

.br-s{
	display: none;	
}

.btn-contact-orange,
a.btn-contact-orange {
	width: 350px;
	font-size: 1.8rem;
  	font-weight: 500;
  	line-height: 2;
	padding: 1.6rem 1.3rem;
  	cursor: pointer; 
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
	color: #fff!important;
	background-color: #c08c45;
}

.btn-story-orange:hover,
.btn-story-orange:hover{
 	background: #A68653;
}

@media (max-width: 576px) {
	.btn-contact-orange,
	a.btn-contact-orange{
		display: block;
		margin: 0 auto;
		width: 250px;
		font-size: 1.3rem;
		font-weight: 500;
		line-height: 2;
		padding: 1.2rem 1em;
	}
}

@media only screen and (max-width: 1140px) {
	.br-s{
		display: block;
	}
	.btn-orange2,
	a.btn-orange2{
		margin-left: 0;
	}
}
@media only screen and (max-width: 481px) {
	.btn-header-orange,
	a.btn-header-orange {
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1;
		padding: 1rem 3rem;
	}
	.btn-orange,
	a.btn-orange,
	.btn-orange2,
	a.btn-orange2{
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1;
		padding: 1rem 2rem;
	}
	.btn-orange-itadakimasu,
	a.btn-orange-itadakimasu{
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1;
		padding: 1rem 2rem;
	}
	.btn-footer-orange,
	a.btn-footer-orange{
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1;
		padding: 1.2rem 5rem;
	}
	.btn-muji{
		font-size: 1.2rem;
		line-height: 1;
		padding: 1rem 1rem;
	}
	.btn-muji2{
		font-size: 1.2rem;
		line-height: 1;
		padding: 1rem 2.3rem;
	}
}
/*ボタン*/

/*ヘッダー*/
.header-box{
	display: flex;
    justify-content: flex-end;
	align-items: flex-end;
	margin-bottom: 1rem!important;
}

.first-child{
    margin-right: auto;
}
.header-img{
	display:inline-block!important;
	margin-top: 0!important;	
}

.header-in-img{
	margin-bottom: 0!important;
}

.heder-btn{
	margin-top: 0!important;
	margin-bottom: 0.7rem!important;
}

.top-img{
	margin-top: 0!important;
}
@media only screen and (max-width: 767px) {
	.header-in-img {
		width: 75%;
		height: auto;
	}
}
/*ヘッダー*/

/*見出し*/
.intro-title{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 3.5rem!important;
	text-align:center;
	margin-top: 12rem!important;
	border: none!important;
	padding: 0!important;
}
.intro-title:before,.intro-title:after,
.intro-title2:before,.intro-title2:after,
.slider-title:before,.slider-title:after{
	border: none!important;
}
.intro-border{
	border-bottom: dashed 3px #B79F51;
}

.intro-title2{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.5rem!important;
	text-align:center;
	margin-top: 6rem!important;
	border: none!important;
	padding: 0!important;
}

.intro-text{
	text-align: center;
}

.intro-text-left{
	text-align: left;
}

.intro-text-soumu{
	text-align: left;
	margin-bottom: 5rem!important;
}

.intro-text-sonota{
	text-align: center;
	margin-bottom: 5rem!important;
}

.intro-text-in{
	text-align: center;
}

@media only screen and (max-width: 481px) {
	.intro-title{
		font-size: 2.4rem!important;
	}
	.intro-text{
		text-align: left;
	}
	.intro-text-in{
		text-align:left;
	}
	.intro-text-sonota{
		text-align: left;
	}
	.intro-text-soumu{
		margin-bottom: 1rem!important;
	}
}
/*見出し*/

/*導入メリット*/
.merit-title{
	border: none!important;
	font-size: 2.5rem!important;
	color: #C08C45!important;
	font-weight: 700;
	text-align: center;
	padding: 0!important;
	margin-top:0!important;
}

.merit-title:first-letter{
	font-size:2.5rem!important;
	color: #C08C45!important;
}

.merit-text{
	font-size: 1.7rem;
	text-align: left;
}

.merit-box{
	position: relative;
}
.merit-btn{
	position: absolute;
	bottom: 0;
	left: 0;
    right: 0;
    margin: auto;
}

@media only screen and (max-width: 767px) {
	.merit-text{
		text-align: center;
	}
	.merit-box{
		position: static;
		margin-bottom: 9rem!important;
	}
	.merit-btn{
		position: static;
	}
}
@media only screen and (max-width: 481px) {
	.merit-title{
		font-size:2.2rem!important;
	}
	.merit-title:first-letter{
		font-size:2.2rem!important;
	}
	.merit-text{
		font-size: 1.4rem;
		text-align: left;
	}
	.merit-img{
		width: 60%;
	}
}
/*導入メリット*/

/*3つの専用メニュー*/
.column-blank{
	margin-bottom: 7rem!important;
}
.left-blank{
	margin-left: 5rem;
}

.designated-box{
	display: flex;
}
.job-title{
	font-size: 2.5rem;
}
.job-text{
	font-size: 1.8rem;
	margin-bottom: 3rem;
}

.job-img{
	margin-right: 5rem!important;
}
@media only screen and (max-width: 767px) {
	.left-blank{
		margin: 0!important;
	}
	.job-title{
		text-align: center;
	}
	.job-img{
		margin: 0 auto!important;
		width: 35%;
	}
	.job-text{
		margin-top: 1rem!important;
		margin-bottom: 1rem;
		text-align: center;
	}
}
@media only screen and (max-width: 481px) {
	.job-title{
		font-size: 1.8rem;
	}
	.job-text{
		font-size: 1.4rem;
		text-align: left;
	}
	.job-img{
		width: 60%;
	}
}
/*3つの専用メニュー*/

/*個人操作予約方法*/
.top-none{
	margin-top: 1rem!important;
}

.operation-title{
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
}
.yoyaku-text{
	text-align: left;
}
@media only screen and (max-width: 767px) {
		.yoyaku-text{
			text-align: center;
		}
		.operation-title{
			margin-top:0!important;
		}
		.yoyaku-text{
			margin-top: 1rem!important;
		}
		.column-yoyaku{
			margin-bottom: 7rem!important;
		}
}	
@media only screen and (max-width: 481px) {
		.kojin-img{
			width: 70%;
		}
		.operation-title{
			font-size: 2rem;
		}
		.yoyaku-text{
			text-align: left;
		}
}
/*個人操作予約方法*/

/*食事実績収集（いただきます機能）*/
.modal-border:hover{
	border-bottom: 2px solid #191919;
}
.itadakimasu-text{
	text-align: left;
}

.hardware-box{
	display: flex;
	justify-content: center!important;
	align-items: flex-start;
	align-self: flex-start;
}
.hardware-img{
	width: 15%;
	height: auto;
	margin: 0 1.5rem!important;
}
@media only screen and (max-width: 767px) {
	.hardware-img{
		width: 20%;
		margin: 0 1rem!important;
	}
}
@media only screen and (max-width: 481px) {
	.hardware-box{
		flex-wrap: wrap;
	}	
	.hardware-img{
		width: 34%;
		margin: 2rem!important;
	}
}
/*食事実績収集（いただきます機能）*/

/*総務管理専用メニュー*/
.soumukanri-title,
.soumukanri-title2,
.soumukanri-title3,
.sonota-title,
.sonota-title2,
.sonota-title3{
	font-size: 2.5rem;
}
.soumukanri-title:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/虫眼鏡アイコン.png);
	background-repeat: no-repeat;
    background-size:contain;
}
.soumukanri-title2:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/えんぴつアイコン.png);
	background-repeat: no-repeat;
    background-size:contain;
}
.soumukanri-title3:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/CSVアイコン.png);
	background-repeat: no-repeat;
    background-size:contain;
}

.soumu-box{
	position: relative;
}
.soumu-img{
	position: absolute;
    bottom: 0;
}

.column-soumu{
	margin-bottom: 10rem!important;
}

.clumn-soumu-item{
	margin-right: 60px!important;
}

@media only screen and (max-width: 767px) {
	.soumu-box{
		position: static;
	}
	.soumu-img{
		position: static;
	}
	.column-soumu{
		margin: 0!important;
	}
	.soumukanri-text{
		margin-top: 0!important;
		text-align: left;
	}
	.column-soumu-sp{
		margin-bottom: 7rem;
	}
	.clumn-soumu-item{
		margin-right: 0!important;
	}
}
@media only screen and (max-width: 481px) {
	.soumukanri-title,
	.soumukanri-title2,
	.soumukanri-title3,
	.sonota-title,
	.sonota-title2,
	.sonota-title3{
		font-size: 2rem;
	}
	.soumukanri-title:before{
		width: 2rem;
		height: 2rem;
	}
	.soumukanri-title2:before{
		width: 2rem;
		height: 2rem;
	}
	.soumukanri-title3:before{
		width: 2rem;
		height: 2rem;
	}
	.clumn-soumu-item{
		margin-right: 0!important;
	}
	.soumukanri-title-sp{
		margin-top: 5rem!important;
	}
}

/*総務管理専用メニュー*/

/*その他機能*/
.sonota-title:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/カレンダーアイコン8.png);
	background-repeat: no-repeat;
    background-size:contain;
}
.sonota-title2:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/ログインアイコン.png);
	background-repeat: no-repeat;
    background-size:contain;
}

.sonota-title3:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/PCディスプレイアイコン.png);
	background-repeat: no-repeat;
    background-size:contain;
}

@media only screen and (max-width: 481px) {
	.sonota-title:before{
		width: 2rem;
		height: 2rem;
	}
	.sonota-title2:before{
		width: 2rem;
		height: 2rem;
	}
	.sonota-title3:before{
		width: 2rem;
		height: 2rem;
	}
}
/*その他機能*/

/*給食会社専用メニュー*/
.kyuusyoku-title{
	font-size: 2rem;
	text-align: center;
}
.kyuusyoku-title-children{
	display: inline-block;
	text-align: left;	
}
.head-dot{
	color: #C08C45!important;
	font-weight: 700;
}
@media only screen and (max-width: 481px) {
	.kyuusyoku-title{
		font-size: 1.8rem;
	}
}
/*給食会社専用メニュー*/

/*推奨環境*/
.recommended-text{
	margin: 0!important;
	text-align: center;
}
.recommended-text-box{
	text-align: center;
	margin-top: 0!important;
} 
.recommended-text2{
	text-align: left;
	display: inline-block
} 

.recommended-box{
	display:flex;
	justify-content: space-between;
}
.recommended-item{
	width: 30%;
	margin-top: 0!important;
}
@media only screen and (max-width: 481px) {
	.recommended-box{
		flex-wrap:wrap;
	}
	.recommended-item{
		width: 45%;
		margin-bottom: 2rem;
	}
	.recommended-item-none{
		margin: 0!important;
	}
	.recommended-item-sp{
		margin-bottom:0!important;
	}
}
/*推奨環境*/
/*導入実績*/
.case-box{
	display:flex;
	justify-content: space-between;
}
.case-item{
	width: 30%;
	margin-top: 0!important;
}
.case-title{
	font-size: 2rem;
	margin-top: 0!important;
}

.case-img{
	margin-bottom: 0!important
}

.review,.review-2{
	font-size: 2rem;
}
.review:before{
    content:" ";
 	display:inline-block;
	margin-right: 0.6rem;
    width: 3rem;
    height: 3rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/くよくよ.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.review-2:before{
    content:" ";
    display:inline-block;
	margin-right: 0.6rem;
    width: 3rem;
    height: 3rem;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/06/きらきら.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.review-text{
	margin-left: 10%;
	text-align: left;
}
@media only screen and (max-width: 481px) {
	.case-title{
		font-size: 1.8rem;
	}	
	.review,.review-2{
		font-size: 1.8rem;
	}
}
/*導入実績*/
/*無料デモ*/
.telephone-title{
	font-size: 1.8rem;
}
.telephone-intitle{
	font-size: 2.3rem;
}
.sp-br{
	display: none;
}
@media screen and (max-width:768px) {
    .sp-br{
        display: block;
    }
}
.telephone-text{
	margin-top: 0rem!important;
	margin-bottom: 3rem!important;
}
/*無料デモ*/
/*----------------Smile9紹介サイト----------------*/

/*----------------Smile9サイトブラッシュアップ----------------*/
/*-----共通-----*/
/*タイトル*/
.smile9-2title:first-of-type{
	margin-top: 2rem!important;
}
.smile9-2title{
	margin-top: 6.5rem!important;
}	
.smile9-2title::before{
    border-bottom: 3px solid #3F211B!important;
}
.smile9-2title::after{
    border-bottom: 3px solid #3F211B!important;
}
.induction-Related-title{
 margin-top: 0.5rem!important;	/*smile9-2titleと同デザイン*/
}

.smile9-3title,.smile9-3title-demo{
	font-size: 2rem!important;
	border: 1.5px solid #3F211B!important;
	border-radius: 1.5rem!important;
	margin-top: 6rem!important;
	padding: 20px!important;
}
.smile9-3title:first-letter,.smile9-3title-demo:first-letter {
    color: #191919!important;
	font-size: 2.2rem!important;
}

.smile9-3title-dictionary{
	font-size: 2.2rem!important;
	margin-top: 3rem!important;
	border: none!important;
	padding: 10px 0!important
}
.smile9-3title-dictionary:first-letter {
   color: #191919!important;
	font-size: 2.2rem!important;
}

.smile9-3title-dictionary:first-of-type{
	margin-top: 2rem!important;
}

.smile9-3title-demo{
	margin-top: 3rem!important;
}

.smile9-4title{
	padding: 0.5em 0.8em;/*文字周りの余白*/
	background: #F7F4EF;/*背景色*/
	border-left: solid 10px #C08C45;/*左線（実線 太さ 色）*/
	margin-top: 5rem!important;
	font-size: 2rem!important;
	font-weight: normal!important;
}
.smile9-4title:first-letter {
    color: #191919!important;
	font-size: 2rem!important;
}
/*.smile9-4title + p {
    margin-left: 3rem!important;
}*/

.smile9-4title-b{
	padding: 0.5em 0.8em;/*文字周りの余白*/
	background: #F7F4EF;/*背景色*/
	border-left: solid 10px #C08C45;/*左線（実線 太さ 色）*/
	margin-top: 6rem!important;
	font-size: 2rem!important;
}
.smile9-4title-b-first{
	padding: 0.5em 0.8em;/*文字周りの余白*/
	background: #F7F4EF;/*背景色*/
	border-left: solid 10px #C08C45;/*左線（実線 太さ 色）*/
	margin-top: 3rem!important;
	font-size: 2rem!important;
}
.smile9-4title-b:first-letter,.smile9-4title-b-first:first-letter {
    color: #191919!important;
	font-size: 2rem!important;
}

/*タイトル*/

/*ボタン*/
/*オレンジ*/
.brushup-btn{
	display: inline-block;
	max-width: 480px;
	width: 100%;
	text-align: center;
	padding: 20px 30px!important;
	font-size: 1.5rem!important;
	margin-top: 5rem!important;
}
.brushup-company-btn{
	display: inline-block;
	max-width: 480px;
	width: 100%;
	text-align: center;
	padding: 20px 30px!important;
	font-size: 1.5rem!important;
	margin-top: 2rem!important;
}
/*赤*/
.brushup-company-red-btn{
	display: inline-block;
	max-width: 480px;
	width: 100%;
	text-align: center;
	padding: 20px 30px!important;
	font-size: 1.5rem!important;
	margin-top: 6rem!important;
}

/*無地*/
.brushup-btn2{
	display: inline-block;
	max-width: 480px;
	width: 100%;
	text-align: center;
	padding: 15px 30px!important;
	font-size: 1.5rem!important;
}
/*左寄*/
.brushup-company-btn2{
	display: inline-block;
	max-width: 600px;
	width: 100%;
	text-align: left;
	padding: 17px 20px!important;
	font-size: 1.5rem!important;
}
/*デモ下*/
.brushup-company-btn3{
	display: inline-block;
	max-width: 480px;
	width: 100%;
	text-align: center;
	padding: 17px 20px!important;
	font-size: 1.5rem!important;
	margin-top: 0!important;
}
/*ボタン*/

/*スマホ用画像*/
.brushup-pc-img { 
	display: block !important; 
}
.brushup-sp-img { 
	display: none !important; 
}

.marker-orange {
	background:linear-gradient(transparent 70%, #E2C8A4 70%);
}

.wraparound-box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.wraparound-in-text{
	width: 70%;
}
.wraparound-in-img{
	width: 30%;
}

.wraparound-box2{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
}
.wraparound-in-text2{
	width: 45%;
}
.wraparound-in-img2{
	width: 55%;
}

/*スマホ用画像*/

@media (max-width: 768px) {
	.smile9-4title {
   		font-size: 1.6rem!important;
		margin-top: 3rem!important;
	} 
	.smile9-4title:first-letter{
		font-size: 1.6rem!important;
	}
	.wraparound-in-text{
		width: 60%;
	}
	.wraparound-in-img{
		width: 40%;
	}
	.wraparound-box2{
		padding: 0;
	}	
}
@media only screen and (max-width: 481px){
	.brushup-btn{
		margin-top: 3rem!important;
	}
	.brushup-pc-img { 
		display: none !important; 
	}
	.brushup-sp-img { 
		display: block !important; 
	}
	.wraparound-box{
		flex-wrap: wrap;
	}
	.wraparound-in-text{
		width: 90%;
	}
	.wraparound-in-img{
		width: 45%;
	}
	.wraparound-box2{
		flex-wrap: wrap;
		padding: 0;
	}
	.wraparound-in-text2{
		width: 100%;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		margin-top: 1rem!important;
	}
	.wraparound-in-img2{
		width: 100%;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		margin-top: 0!important;
	}
}	
/*-----共通-----*/

/*ポイント*/
.point-tag {
	background: #BC0202;
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 0.5em 0 1em;
	position: relative;
}
.point-tag::before {
	border: 15px solid transparent;
	border-left-color: #BC0202;
	border-right-width: 0;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	right: -15px;
	top: 0;
}

.point-box{
	display: block;
	border: 1px solid #BC0202;
	border-radius: 10px;
	padding: 1.5rem;
}
.point-box > p{
	margin-top: 1rem!important;
}
/*ポイント*/

/*重要ボックス*/
.smile9-important-box-title{
	background: #3F211B;
	color: white;
	padding: 0.8rem;
	margin-top: 3rem!important;
	text-align: center;
	font-size: 1.9rem;
}

.smile9-important-box {
	background: white!important;
	border: 1px solid #3F211B;
	margin-top: 0!important;
}
.smile9-important-box::after,.smile9-important-box-dictionary::after{
	border-style: none!important;
}

.smile9-important-box-dictionary{
	background: white!important;
	border: none!important;
	margin-top: 0!important;
}

.smile9-important-box li,.smile9-important-box-dictionary li {
  	padding: 0.5em;
	margin-left: 1rem;
}

.smile9-important-box li:before,.dictionary-list:before{
	background: #C08C45!important;
	color: white!important;
	border-color: #C08C45!important;
	left: -1rem!important;
	font-size: 1.4rem!important;
}

.dictionary-disc-list:before{
	background: white!important;
	color: #C08C45!important;
	left: -1rem!important;
	transform: scale(1);
	content: "■"!important;
	font-size: 1.4rem!important;
	transform: none!important;
}

.none-list:before {
	content: none!important;
}

.smile9-important-b{
	font-size: 1.8rem!important;
	font-weight: bold!important;
}

.smile9-important-box li + div,.smile9-important-box-dictionary li + div{
	margin-top: 0rem!important;
	margin-left: 4rem!important;
	padding-bottom: 0.8rem!important;
}

.smile9-important-box >P:first-of-type,.smile9-important-box-dictionary >P:first-of-type{
	font-size: 1.8rem;
	margin-top: 2rem!important;
	padding-bottom: 0!important;
}
.smile9-important-box-first:first-letter{
	color:	#C08C45;
	font-weight: bold;
}
.smile9-important-box >p,.smile9-important-box-dictionary >p{
	font-size: 1.8rem;
	margin-left: 2rem!important;
}

.smile9-important-box >P:last-of-type,.smile9-important-box-dictionary>P:last-of-type{
	font-size: 1.8rem;
	padding-bottom: 2rem;
}
/*重要ボックス*/


/*引用ボックス*/
.smile9-quote-box{
	background: #F7F4EF!important;
	border-top: 1px dotted #B79F51;
	border-bottom: 1px dotted #B79F51;
}
.smile9-quote-box::after{
	border-style: none!important;
}
.quote-white{
	background: white!important;
	border-color: #191919;
	padding: 20px;
}
.quote-white2{
	background: white!important;
	border-color: #191919;
}

.smile9-quote-title{
	font-size: 1.8rem!important;
	margin-top: 2rem!important;
	padding-left: 20px;
}
.smile9-quote-text{
	padding: 1rem 20px 2rem 40px;
	margin-top: 0!important;
}

ul.smile9-quote-box li{
	padding: 0.5rem 0 0.5rem 3rem!important;
}

ul.smile9-quote-box > p{
	font-size: 1.8rem!important;
}

ul.smile9-quote-box > div{
	text-align: right;
	margin-top: 0!important;
}

.smile9-ranking-list::before{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	left: 0.5rem!important;
    width: 2.5rem!important;
    height: 2.5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/08/王冠.gif);
	background-repeat: no-repeat;
    background-size:contain;
}
/*引用ボックス*/

/*チェックボックス*/
.smile9-check-box-title{
	max-width: 700px;
	display: inline-block;
	background: #B79F51;
	color: white;
	padding: 0.5rem 2rem;
	margin-top: 2rem!important;
	text-align: left;
	font-size: 1.6rem;
}
.smile9-check-box{
	background: white!important;
	border: 1px solid #B79F51;
	margin-top: 0!important;
}
.smile9-check-box::after{
	border-style: none!important;
}
.smile9-check-box > p{
	font-size: 1.9rem!important;
}

.smile9-check-box li{
	padding: 0.5rem 0 0.5rem 3rem!important;
}
.smile9-check-box li::before{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	left: 0.5rem!important;
    width: 2rem!important;
    height: 2rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/08/チェックボックス.gif);
	background-repeat: no-repeat;
    background-size:contain;
}
/*チェックボックス*/

/*チェックボックスアンサー*/
dl.smile9-qa dt {
	text-align:left;
	padding-left:5rem;
	text-indent: -1.7em;
	background: #F7F4EF!important;
	border: none!important;
}
 
dl.smile9-qa dt::before{
	content:" "!important;
 	display: inline-block!important;
	vertical-align: middle;
	margin-right: 0.5rem!important;
    width: 2rem!important;
    height: 2rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2020/08/チェックボックス.gif);
	background-repeat: no-repeat;
    background-size:contain;
}
dl.smile9-qa dd {
	text-align:left;
	padding: 1rem 0 2.5rem 4.6rem!important;
 	text-indent: -1.2em;
	border: none!important;
}
 
dl.smile9-qa dd:first-letter {
	color: #EB6147;
	font-weight: bold;
	margin-right: 0.5rem!important;
}
/*チェックボックスアンサー*/

/*記事目次*/
.agenda-list{
	display: inline-block;
	width: 100%;
	background-color: #fff!important;
	margin-top: 4rem!important;
	border: 2px solid #eeee;
}
.agenda-list::after{
    border-style: none!important;
}

.agenda-list > p{
	font-weight: bold;
	font-size: 1.8rem;
	margin-top: 0!important;
	text-align: center;
}

.agenda-list li:first-of-type{
	margin-top: 1rem!important;
}

.agenda-list li{
	display: block;
	margin-top: 1.5rem!important;
	margin-left: 1rem!important;
}
.agenda-list li::before{
	content: "▼"!important;
	margin-left: 0!important;
	margin-right: 1.5rem!important;
	color:#c08c45!important;
}
.agenda-list li a{
	color:#c08c45!important;
}

/*記事目次*/

/*著者情報*/
.profile{
	border: 2px solid #eeee;
}

.profile__text{
	font-size: 1.4rem;
	background-color: white;
	padding: 10px;
	margin-bottom: 10px;
}

.profile__name{
	font-size: 1.4rem;
}

.profile__author{
	margin-bottom: 0;
}

.profile__contents{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.profile__list{
	margin-top: 12px;
	margin-bottom: 5px;
	overflow: hidden;
	justify-content: center; 
}
.profile__link{
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}

.writer-name{
	font-size: 2.2rem;
}
.archiveHead__authorImg img{
	width: 90px;
	height: 90px;
}
.archiveHead .heading{
	display: flex;
	align-items: center;
}
.archiveHead__slist{
	margin: 5px 5px 5px 10px;
}

.archiveHead__slink{
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	border-radius: 5px;
}

/*著者情報*/

/*シェアボタン*/
.socialList{
	justify-content: end;
}
.socialList__link.icon-facebook,.socialList__link.icon-twitter,.socialList__link.icon-hatenabookmark,.socialList__link.icon-line,.socialList__link.icon-pinterest{
	background: #7b7977;
}
.socialList__link.icon-facebook:hover{
	background: #3B5998;
	opacity: 1;
}

.socialList__link.icon-twitter:hover{
	background: #00B0ED;
	opacity: 1;
}
.socialList__link.icon-hatenabookmark:hover{
	background: #008FDE;
	opacity: 1;
}
.socialList__link.icon-line:hover{
	background: #00C300;
	opacity: 1;
}
.socialList__link.icon-pinterest:hover{
	background: #cb2027;
	opacity: 1;
}
/*著者情報*/

/*社食事典画像*/
.dictionary-img{
	margin-top: 2rem!important;
}
/*社食事典画像*/


/*ブラウザ、機器のリスト*/
.smile9-use-ul,.smile9-use-ul-demo{
	background: white!important;
	padding: 0 30px!important;
}
.smile9-use-ul::after,.smile9-use-ul-demo:after{
	border-style: none!important;
}

.smile9-use-ul-demo{
	font-size: 1.8rem;
}
/*ブラウザ、機器のリスト*/

/*導入事例*/
.k-title{
	color: white;
	padding: 0.3em 0.3em;/*文字周りの余白*/
	background: #bd623f;
	font-size: 1.8rem;
	text-align: center;
}

.k-text{
	font-weight: bold;
	color: #bd623f;
	font-size: 1.8rem;
	text-align: right!important; 
}

.k-column{
	border: 2px solid #f2f2f2!important;
	padding: 2rem!important;
	margin : 3rem 6rem!important;
	justify-content: center!important;
	align-items: center!important;
}

.k-column img{
	margin-bottom: 0!important;
}


.k-table th{
	font-size: 1.5rem!important;
    color: #191919!important;
	background: #f2f2f2!important;
	text-align: center;
	word-break : break-all;
}

.k-table td{
	font-size: 1.3rem;
	text-align: center;
	word-break : break-all;
	background: white!important;
}

.induction-Related-box-wrapper{
	display: flex;
	justify-content: center;
}

.induction-Related-box{
	display: block;
	text-align: center;
	margin: 5rem 2rem 0 2rem!important;
	width: 40%!important;
}

.induction-Related-eyecatch{
	margin: 0 auto!important;
}

.induction-Related-eyecatch + p{
	display: inline-block;
	margin-top: 0.2rem!important;
	text-align: left;
}


.Implementing-company-box{
	margin-top: 3rem!important;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap : wrap;
	justify-content: space-around;
}
.Implementing-company-box:after{
	display: none!important;
}
.Implementing-company-box > p{
	margin: 2rem;
}
.Implementing-company-table{
	margin: 2rem;
	width: 330px!important;
	box-sizing: border-box;
	table-layout: fixed;
	border-top: none!important;
	border-left: none!important;
}
.Implementing-company-table >tbody >tr > td{
	padding: 3px!important;
	background-color: white!important;
	border-right: none;
   border-bottom: none;
}

.Implementing-company-title2{
	margin-top: 4rem!important;
	font-size: 2rem!important;
	text-align: center;
	padding-bottom: 7px!important;
}
.Implementing-company-title2:before{
	border: none!important;
}
.Implementing-company-title2:after{
    left: 50%!important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 5%!important;
    border: 0.5px solid #191919!important;
}

.Implementing-company-list{
	position: static!important;
	background: white!important;
   border: none!important;
   margin-top: 0!important;
	padding: 1rem!important;
}
.Implementing-company-list:after{
	border: none!important;
}
.Implementing-company-list li{
	margin-top: 1rem!important;
}
.Implementing-company-list li:before{
	font-size: 1.4rem!important;
	left: -1rem!important;
	color: white!important;
	background-color: #C08C45!important;
}

.Implementing-company-title3{
	margin-top: 5rem!important;
	padding: 0px!important;
	border: none!important;
}
.Implementing-company-title3:first-letter{
	font-size:2.2rem!important;
	color: #191919!important;
}

.Implementing-company-title4{
	margin-top: 4rem!important;
	color: #C08C45!important;
	font-weight: normal!important;
	display: flex;
	align-items: center; 
	justify-content: start; 
}
.Implementing-company-title4:first-of-type{
	margin-top: 2rem!important;
}
.Implementing-company-title4:last-of-type{
	margin-top: 5rem!important;
}
.Implementing-company-title4:first-letter{
	font-size:2.rem!important;
	color: #191919!important;
}
.Implementing-company-title4:before {
	margin-right: 1.2rem;
 	border-top: 1px solid;
 	content: "";
 	width: 45px; 
}

.title4-before-top:before{
	margin-top: -5.5rem!important;
}
.Implementing-company-title4-text{
	margin-top: 1rem!important;
	margin-left: 6rem;
	text-indent: -6rem;
}


@media (max-width: 768px) {
	.induction-Related-box-wrapper{
	  	flex-wrap: wrap;
	}
	.induction-Related-box{
		width: 60%!important;
	}
	.k-column{
		padding: 2rem!important;
		margin : 3rem 1rem!important;
	}
	.Implementing-company-title3:first-letter{
		font-size:1.8rem!important;
	}
}
@media only screen and (max-width: 481px){
	.induction-Related-box{
		width: 90%!important;
		margin: 3rem 2rem 0 2rem!important;
	}
}	

/*導入事例*/
/*----------------Smile9サイトブラッシュアップ----------------*/

/*----------------Smile9ご利用イメージ----------------*/
.htu-container{
	color:#57441B;
	margin: 0 25px;
}
.htu-title{
	font-size: 3rem;
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: 0 50px;
}
.htu-title:before, .htu-title:after {
	content: '';
 	position: absolute;
 	top: 50%;
 	display: inline-block;
 	width: 30px;
 	height: 2px;
 	background-color: #57441B;
}
.htu-title:before {
	left:0;
}
.htu-title:after {
 	right: 0;
}
.htu-subtitle{
	display: block;
	margin-bottom: 3rem!important;
	font-size: 2.5rem;
	font-weight: bold;
}
.htu-time,.htu-time2,.htu-time3,.htu-time4{
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
 	padding: 0.4em;
	border: 1px solid #57441B;
 	border-radius: 0.5em;
}
.htu-time::before{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 2px;
    width: 2.5rem!important;
    height: 2.5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/9時-1.gif);
	background-repeat: no-repeat;
    background-size:contain;
}
.htu-time2::before{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 2px;
    width: 2.5rem!important;
    height: 2.5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/12時.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.htu-time3::before{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 2px;
    width: 2.5rem!important;
    height: 2.5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/13時.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.htu-time4::before{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 2px;
    width: 2.5rem!important;
    height: 2.5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/給与締日.gif);
	background-repeat: no-repeat;
    background-size:contain;
}

.htu-job{
	font-size: 2.2rem;
	font-weight: bold;
}
.htu-job::before{
	content:"▶";
	color: #D6A842;
	margin-right: 4px;
	font-weight: bold;
}

.htu-container{
	justify-content: center;
	 align-items: flex-end;
}
.htu-box{
	flex: none!important;
	margin: 0 20px;
}
.htu-other-box{
	margin-right: 60px!important;
}

.htu-expansion,.htu-expansion2,.htu-expansion3{
	position: relative;
	margin: 0!important;
}
.htu-expansion::after{
	position: absolute;
	content:" "!important;
 	display: inline-block!important;
	transform: none!important;
    width: 5rem!important;
    height: 5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/拡大アイコン-3.gif);
	background-repeat: no-repeat;
    background-size:contain;
	top: -5%;
	right: 10%;
}

.htu-expansion2::after{
	position: absolute;
	content:" "!important;
 	display: inline-block!important;
	transform: none!important;
    width: 5rem!important;
    height: 5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/拡大アイコン-3.gif);
	background-repeat: no-repeat;
    background-size:contain;
	top: -5%;
	right: -2%;
}

.htu-expansion3::after{
	position: absolute;
	content:" "!important;
 	display: inline-block!important;
	transform: none!important;
    width: 5rem!important;
    height: 5rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/拡大アイコン-3.gif);
	background-repeat: no-repeat;
    background-size:contain;
	top: -5%;
	right: 4%;
}

.htu-text{
	font-size: 2rem;
	text-align: center;
	margin-top: 4rem!important;
}
.htu-text > .htu-intext{
	color: #D6A842;
	font-weight: bold;
}

.separation-border {
 	height: 1px;
 	position: relative;
	margin-top: 4rem!important;
}
.separation-border::before {
  content: "";
  background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.arrow{
	margin: 1rem auto 5rem auto!important;
	width: 25px;
 	height: 25px;
 	border: 4px solid;
 	border-color:  transparent transparent #57441B #57441B;
 	transform: rotate(-45deg);
}

.htu-other-container{
	margin-bottom: 10rem!important;
}
.htu-other-title{
	margin-top: 10rem!important;
}
.htu-other-sub{
	margin: 0 auto!important;
	text-align: center;
	font-size: 2rem;
}

.btn-htu {
    width: 350px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2;
    padding: 1.8rem 6.3rem;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff!important;
    background-color: #D6A842;
}
a.btn-radius {
    border-radius: 100vh;
}

.slider2 img{
	margin: 0 auto!important;
}

@media (max-width: 768px){
	.htu-container{
		margin: 0;
	}
	.htu-title{
		font-size: 2.5rem;
	}
	.htu-subtitle{
		font-size: 2.2rem;
	}
	.htu-time,.htu-time2,.htu-time3,.htu-time4{
		font-size: 2.2rem;
		padding: 0.3em;
	}
	.htu-box{
		text-align: center!important;
		margin: 0 auto!important;
	}
	.htu-box{
		flex: 1!important;
	}
	.htu-expansion::after{
		right: 18%;
	}
	.htu-expansion2::after{
		right: 10%;
	}
	.htu-expansion3::after{
		right: 12%;
	}
	.htu-other-title{
		margin-top: 5rem!important;
	}
	.htu-other-container{
		margin-bottom: 2rem!important;
	}
	.htu-other-box{
		margin-right: 0!important;
		margin-bottom: 3rem!important;
	}
}
@media only screen and (max-width: 481px){
	.htu-container{
		margin-top: 1rem!important;
	}
	.htu-img{
		width: 70%;
	}
	.htu-expansion::after{
		right: 5%;
		width: 3rem!important;
    	height: 3rem!important;
	}
	.htu-expansion2::after{
		right: 0.5%;
		width: 3rem!important;
    	height: 3rem!important;
	}
	.htu-expansion3::after{
		right: 3%;
		width: 3rem!important;
    	height: 3rem!important;
	}
	.btn-htu{
		display: block;
		margin: 0 auto;
		width: 250px;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 2;
		padding: 1.5rem 2.2rem;
	}
}	
/*----------------Smile9ご利用イメージ----------------*/

/*----------------導入企業一覧----------------*/
.card-container:first-of-type{
	margin-top: 4rem;
}

.card-container{
	margin-bottom: 5rem;
}

.card{
	border: 1px solid #838383;
	box-sizing: border-box;
	margin: 0 1.5rem!important;
}

.card-header{
	line-height: 1.2;
}
.card-title {
	padding: 0.6rem;
 	color: white;
	background-color: #838383;
	font-size: 1.3rem;
	width: 100%;
}
.card-title > .card-title-in{
	display: block;
	text-align: center;
	margin: 0 auto;
}

.card-thumbnail {
	height: 140px;
	text-align: center;
	margin: 0!important;
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.card-thumbnail >img{
	padding: 0 1rem!important;
}

.card + p {
	margin-top: 1rem!important;
}
.company-name{
	font-size: 1.3rem!important;
	text-align: center;
}

.company-name::after{
    content:" "!important;
 	display: inline-block!important;
	transform: none!important;
	vertical-align: middle;
	margin-bottom: 6px;
	margin-left: 2px;
    width: 2rem!important;
    height: 2rem!important;
    background:url(https://www.edb.co.jp/wp/wp-content/uploads/2021/01/外部リンク.gif);
	background-repeat: no-repeat;
    background-size:contain;
}



@media (max-width: 768px){
	.card-container:first-of-type{
		margin-top: 2rem;
	}
	.card-container{
		margin-bottom: 0!important;
	}
	.card-item{
		margin-bottom: 3rem!important;
	}
}

@media only screen and (max-width: 481px){
	.card{
		margin: 0 0.5rem!important;
	}
}
/*----------------導入企業一覧----------------*/
/*----------------よくあるご質問のみタグボタン追加----------------*/
#tag-qa{
	list-style: none;
	text-align: center;
 	display: flex;
	flex-wrap: wrap;
	padding:0!important;
/* 	padding: 0 50px!important; */
	margin-top: 0!important;
}

#tag-qa li:before{
	content: none;
}

#tag-qa li{
 	width: 125px;
 	text-align: center;
 	background-color: #1575AE;
 	height: 35px;
 	line-height: 35px;
	border-radius: 20px;
	padding-left: 0!important;
	margin-right: 10px;
	margin-bottom: 10px;
}

#tag-qa li a{
	font-size: 1.3rem!important;
	color: white;
}
#tag-qa li a:hover{
	font-weight: bold;
}
/*----------------よくあるご質問のみタグボタン追加----------------*/
/*----------------ISMS----------------*/
.isms-box{
	border-top: 1px solid #FFF;
	width: 70%;
	margin: 2rem auto;
	display:flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.isms-box > p{
	margin-top: 2rem;
}

.isms-text{
	margin-left: 2rem;
}

.isms-table{
	width: 70%!important;
}

.isms-table td{
	background: #fff!important;
}

@media (max-width: 768px){
	.isms-box{
		width: 90%;
	}
	.isms-table{
		width: 90%!important;
	}
}
/*----------------ISMS----------------*/

/*----------------SNS---------------*/
.sns-box{
	display: flex;
	justify-content: center;
	margin: 1rem;
	text-align: center;
}
.sns-box > P{
	margin: 0 1rem;
}
/*----------------SNS----------------*/

/*---------------- Smile9ご利用ガイドと目的別ガイドを分ける ----------------*/
.guide-sorting-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 3rem 0;
	background: #f3f3f3;
	border-radius: 10px;
}
.guide-sorting-item1,.guide-sorting-item2{
	display: block;
	font-size: 1.8rem;
	text-align: center;
	width: 50%;
	padding: 1.8rem;
	margin-right: 0.5rem;
	background: #f3f3f3;
	border-radius: 10px 0 0 10px;
}
.guide-sorting-item2{
	margin:0 0 0 0.5rem;
	border-radius: 0 10px 10px 0;
}
.guide-sorting-item1 a,.guide-sorting-item2 a{
	color: #16528e;
}
.guide-sorting-item1 a:hover,.guide-sorting-item2 a:hover{
	font-weight: bold;
}
@media (max-width: 768px){
	.guide-sorting-item1,.guide-sorting-item2{
		font-size: 1.5rem;
	}
}
/*---------------- Smile9ご利用ガイドと目的別ガイドを分ける ----------------*/

.online-demo:before{
	padding-top: 50%; 
}


/*---------------- オンラインデモバナー固定  ----------------*/

.fixedContact{
	display: block;
	padding: 0 1rem;
	left: 0;
	margin: 0 auto;
}

.fixedimg-wrap{
 	margin: 0 auto;
	overflow: hidden;
	background: #000;
}

.fixedimg{
	z-index: 998;
}

.fixedimg:hover{
	opacity: 0.8;
  transition-duration: 0.3s;
}

.banner-btn {
   z-index: 999;
  display: block;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #333; /* 枠の調整 */
  border-radius: 5px;
  background: #fff; /* ボタンの背景色 */
}
 
.banner-btn::before, .banner-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5px; /* 棒の幅（太さ） */
  height: 27px; /* 棒の高さ */
  background: #333; /* バツ印の色 */
}
 
.banner-btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.banner-btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

 /* close button */
.banner-action-close {
    position: relative;
    margin-top: 2em;
}
.banner-action-close .banner-btn {
    position: absolute;
    left: -1rem;
    top: 0;
}
 
/* checkbox 非表示 */
.banner-add-control .checkbox {
    display: none;
}
 
/* close button's control */
.banner-add-control .banner-action-close #close:checked ~ .banner-btn {
    display: none;
}
.banner-add-control .banner-action-close #close:checked ~ .banner-box {
    display: none;
}

@media only screen and (max-width: 1023px) {
	.fixedContact{ visibility:hidden;}
}
/*---------------- オンラインデモバナー固定 ----------------*/


element.style {
}
@media only screen and (min-width: 768px)
.commonCtr__contents {
    width: 100%;
}
.commonCtr__contents{
	z-index: auto;
}

/*---------------- 投稿日、更新日表示 ----------------*/
.icon-clock-text:before{
	content: "投稿日: "
}
.icon-update-text:before{
	content: "更新日: "
}
/*---------------- 投稿日、更新日表示 ----------------*/

/*---------------- Hubspotチャット位置 ----------------*/
#hubspot-messages-iframe-container.widget-align-right{
	bottom: 40px !important;
	margin-right: -1rem!important;
}
/*---------------- Hubspotチャット位置 ----------------*/