@charset "UTF-8";

*{box-sizing: border-box;}
p{margin: 0;}
a{color: unset;}


/* css 無効化*/
.pb-3{padding-bottom: unset !important;}
.mb-4{margin-bottom: unset !important;}
.p-3{padding: unset !important;}
.mt-3{margin-top: unset !important;}
/*css 変更*/
.mb-4{margin: 5px 0 !important;}



body{overflow-x: hidden;}

.plan-title,.access-title,.table-title,.url-title{font-weight: bold;}
.url-title{border-bottom: 1px solid #000; margin-bottom: 1rem ;}


/*ノート関係　各ページ上部の説明*/
.contents-list-header-note{color: #003366;}
.kijilist-notes,.aisatsu-notes,.category-management-notes{margin: 0px 0 5px; padding: 5px 10px;}
.kijilist-notes span,.aisatsu-notes span,.category-management-notes span{color:#b21313}
.kijilist-notes,.aisatsu-notes,.category-management-notes{/* border: solid 1px #999; background-color: #ffffd2; */ max-width: 1100px; line-height: 1.8; font-size: 14px; margin-bottom: 2rem;}


/*ボタン関連*/
.btn-primary{width: 200px !important; background-color: #009800; border: unset;}
/* .btn-primary,.btn-sinki,.btn-secondary,.btn-kakunin,.btn-danger,.btn-kousin-touroku,.btn-kousin{} */
.btn-sinki{background-color:#0d6efb; color:#fff;}
.btn-secondary{width: 100px !important; border-radius: 20px;}
.btn-kakunin,.btn-kakunin:hover,.btn-kakunin:active{background-color: #FFD303 !important; border: unset; color:#333;}
.btn-kousin,.btn-kousin:hover,.btn-kousin:active{background-color: #ee7800 !important; color:#fff; width: 100px; border: unset;}
.btn-kousin-touroku,.btn-kousin-touroku:hover,.btn-kousin-touroku:active{background-color: #ee7800 !important; border: unset; color:#fff; width: 200px;}
.btn-img-sentaku{background-color: #0d6efb; width: 200px;}
.btn-img-txt{width: 200px;}
.btn-danger{width: 110px !important;}
.signup-btn{background-color: #0d6efb;}
.contents-btn-a{display: flex !important; justify-content: center !important; gap:50px;}
button{border-radius: 20px !important;}
.btn-primary:hover,.btn-sinki:hover,.btn-secondary:hover,.btn-kakunin:hover,.btn-danger:hover,.btn-kousin-touroku:hover,.btn-kousin:hover{border: unset; color:#333; filter: brightness(130%) !important; min-height: 31px;}



/*ヘッダー*/
header{background-color: #003366; border: 8px solid #003366; height: 60px;}
header img{margin-left: unset;}
.navbar{align-content: center;}
.align-items-end{align-items: center !important;}
.me-auto{color: #fff;}
.ms-auto{display: flex; align-content: center; margin-top: 6px;}
.ms-auto a{padding: 0 10px; margin-left: 5px;}
/* .ms-auto a:nth-of-type(1){display: none;} */
.ms-auto a.logout-btn{background-color: #b21313; color: #fff; border: #fff 2px solid;}
.btn-outline-primary{border-radius: 20px;}

/*左メニュー*/
nav{width: 200px; min-width: 200px; max-width: 200px; box-shadow: unset !important; padding-top: 20px;}
nav ul{padding-left: 10px !important;}
nav a{text-decoration: underline; color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important; font-size: 14px;}
nav li.bold{padding: 0.5px !important;}
nav ul li:not(.menu-title){margin-left: 1rem;}

/*共通*/
.wrapper{padding-bottom: 0;}
main{min-width: 1100px;}
main section{max-width: 1100px; margin: 0; padding:1rem 0 1rem 1rem;}
.page-title{display: flex; align-items: center; }
.page-title h2{font-size: 24px;}
.page-title img{margin-bottom: 0.5rem; width: 39px; height: 39px;}
.form.giin_form, form.kiji_form{max-width: 1100px !important;}


/*ダッシュボード*/
.access-title{padding: 5px 0 0 0; text-align: left; margin-top: 15px;}
.access-container {display: grid;grid-template-columns: repeat(7, 1fr);gap: 0px;width: 100%;margin: 5px auto; font-size: 14px;}
.access-item {border: 1px solid #ccc;text-align: center;padding: 8px;background-color: #f4f4f4;}
.access-item-note{font-size: 12px; display: flex; justify-content: center; align-items: center;}
.access-item.header{display: flex; justify-content: center; align-items: center;}
.access-important{background-color: #FFCCFF;}
.access-value{background-color: #fff;}
.company-ainavi-info{display: block;}
.table-title{width: 100%;}
/* .info-box{flex:1; } */
.info-box-flex{display: flex; flex-wrap: wrap; flex-direction: row; border:solid 1px #ddd; background-color: var(--color-bg-base); border-radius: 0; box-shadow: var(--box-shadow-md); overflow: hidden;}
.info-box-flex div{flex:1; line-height: 1.8;}
.info-box-flex div p{line-height: 1.2; margin: 10px;}
/* .contract-plan-box{display: flex; width: 100%; gap:20px; background-color: #eee; padding: 20px; margin-bottom: 20px;}
.contract-plan-box p{margin: 0;} */
.qrcode-box{min-height: 150px; text-align: left; margin-right: 200px;}
.qrcode-box p{margin-bottom: 20px;}
.qrcode-box img{width: 150px; height: auto; /* position: absolute; bottom: 20px; right: 10px; */}
.url-info{text-align: left !important;}
.info-box h3{text-align: center; margin-top: 15px;}
.url-info a{display: inline-block;}
.url-info2{display: flex; flex-direction: column; align-items: flex-end;}
.card{border: unset !important; box-shadow: unset !important;}
.table-container {width: 50%;margin: 0 auto;font-family: Arial, sans-serif;}
.table-row {display: flex;border: 1px solid #ddd;}
.table-cell {flex: 1;padding: 8px;text-align: center;border-right: 1px solid #ddd;}
.table-cell:last-child {border-right: none;}
.table-header {background-color: #f4f4f4;font-weight: bold;}
/*契約プラン*/
.plan-title{margin-top: 15px;}
.contract-plan-box {display: flex; /* 横並びに配置 */flex-wrap: nowrap; /* 折り返しなし */border: 1px solid #000; /* 全体の枠線 */border-collapse: collapse; /* 枠線を結合 */argin-top: 5px;}
.item {border-right: 1px solid #000; /* 各アイテムの右側に罫線 */padding: 10px;white-space: nowrap; /* テキストの折り返しを防ぐ */font-size: 14px; /* テキストサイズを設定 */flex: 1; /* 各項目を均等幅に */text-align: center; /* テキストを中央揃え */}
.item:last-child {border-right: none; /* 最後の項目の右側には罫線を入れない */}
.item:nth-of-type(odd){background-color: #f4f4f4;}

/**/
.table-title{margin-top: 15px; text-align: left;}
.kakunin-table {display: grid;grid-template-columns: repeat(10, 1fr); /* 9列を均等幅で配置 */grid-template-rows: repeat(2, auto); /* 2行を自動高さで配置 */width: 100%; /* テーブル全体の幅 */border: 1px solid #ddd; /* 全体の枠線 */ box-sizing: border-box; margin: 5px 0; font-size: 14px;}
.kakunin-row {border: 1px solid #ccc; /* 各セルの枠線 */padding: 10px;text-align: center; /* テキスト中央揃え */background-color: #f9f9f9; /* セルの背景色 */ display: flex; justify-content: center; align-items: center;}
.kakunin-row:nth-child(-n+11) {background-color: #f4f4f4;}

/**/
.url-title{margin-top: 15px; text-align: left;}
.url-info{display: flex; justify-content: space-between; flex-direction: row;}
.url-info h3{width: 100%;}
.url-url{font-size: 36px; color:blue; display: block; margin-bottom: 15px;}

.manual-dl{text-align: left; margin-bottom: 20px;}
.manual-dl a{font-size: 28px; color: blue;}




/*ＰＲ画像*/
.leaf_img_wrapper{max-width: 200px !important; max-height:200px; }
.fileUp-area{display: flex; margin-top: 40px; gap:40px;}
.fileUp-block{padding: 20px; margin-top: 40px;}
.upload-title{font-size: 22px; border: 1px solid #ccc; text-align: center; margin-bottom: 20px; background-color: #eee;}
.pr-PC-upBlock,.pr-mobile-upBlock{display: flex; justify-content: center; gap:80px; border: solid 2px #ccc; padding: 10px; width: 60%;}
.pr-PC-upBlock{margin: 0;}
.uoload-blockArea ul li{list-style-type: circle;}
.upload-touroku-img{display: flex; }

.pr-upload-area{display: flex; max-width: 1100px;}
.pr-upload-area-table{width: 100%;border-collapse: collapse;border: 1px solid #000;}
.pr-upload-area-table tr th.cell{white-space: nowrap;}
.pr-upload-area-table tr th.cell:nth-child(4){width: 200px;}
.pr-upload-area-table td.cell{padding: 5px;}
.pc-touroku-img{max-width: 450px;}
.sp-touroku-img{max-width: 360px;}


/*コンテンツ*/

.table th:nth-of-type(1){width:5em;}
.table th:nth-of-type(2){width:4em;}
.table th:nth-of-type(3){width:7em;}
.table td:nth-of-type(1){width: auto;}
.table td:nth-of-type(1),table td:nth-of-type(2),table td:nth-of-type(3){padding: 8px 4px;}
.table th:nth-of-type(1){width: 9em;}
.table td:nth-of-type(2){text-align: left; max-width: 16em; font-size: 12px;}
div.kijilist_container{max-width: 1100px;}
.border{border: unset !important;}
.shadow-sm{box-shadow: unset !important;}
.p-4{padding: 0 !important;}
.contents-list-header{display: flex; align-items: center; gap:40px; border-bottom: 1px solid #ccc; margin-bottom: 2rem;}
.touroku-btn{margin: 5px 0;}
.kijilist-notes-txt{background-color: #b21313; color:#fff; text-align: left; padding: 2px 10px; display: flex; justify-content: space-between; margin-bottom: 10px;}

/*あいさつ文*/



/*定型回答文登録・管理*/
.keyword-addition-wrapper{margin-bottom: 40px;}
.keyword-addition{display: flex; justify-content: center; gap:50px;}
.keyword-addition input,.keyword-addition textarea{width: 300px; height: 50px;}
.table-striped th:nth-of-type(1),.table-striped th:nth-of-type(2){width: 26rem !important;}


/*カテゴリ管理*/


/*サポートコンテンツ*/
.support-table tr:nth-child(5),/*.support-table tr:nth-child(6), .support-table tr:nth-child(7), */.support-table tr:nth-child(8),/* .support-table tr:nth-child(9), */.support-table tr:nth-child(10),.support-table tr:nth-child(11),.support-table tr:nth-child(12),.support-table tr:nth-child(13),.support-table tr:nth-child(14),.support-table tr:nth-child(15),.support-table tr:nth-child(16),.support-table tr:nth-child(17),.support-table tr:nth-child(18),.support-table tr:nth-child(19),.support-table tr:nth-child(20),.support-table tr:nth-child(21){display: none !important;}
/* .img-upload-01{display: none;} */


/*ダウンロード*/
.required{font-size: 14px; color:red}



/*会話履歴*/
.qa-rirek{margin-top: 15px !important;}
.qa-rireki th:nth-child(1){width: 10%;}
.qa-rireki th:nth-child(2){width: 20%;}
.qa-rireki th:nth-child(3){width: 35%;}
.qa-rireki th:nth-child(4){width: 35%;}

/*アクセスログ*/
.access-log .access-log-table01{width: 100%;}
.access-log .access-log-table01 th{white-space: nowrap;}
.access-log .access-log-table01 td:nth-of-type(3){text-align: center;}
.access-log .access-log-table01 th:nth-child(1),.access-log .access-log-table02 th:nth-child(1){width: 80px;}
.access-log .access-log-table01 th:nth-child(3),.access-log .access-log-table02 th:nth-child(3){width: 150px;}
.access-log .access-log-table01 td:nth-child(2),.access-log .access-log-table02 td:nth-child(2){text-align: left;}


/*各ページ　例文*/
.example-note{border: double 3px #bbb; padding: 10px;}
.example-note h3{font-size: 22px; color:#b21313;}
.example-note h3::before{content: "\f0eb";font-family: "Font Awesome 5 Free";font-weight: 900;color: gold;font-size: 24px; margin-right: 0.5rem;}
.example-note p{margin-left: 1rem;}
.example-note p:nth-of-type(1){color: #003366;}
.example-note p:nth-of-type(2),.example-note p:nth-of-type(3),.example-note p:nth-of-type(4){margin-left: 2rem;}


/*未回答一覧*/
.mikaitou table .th-sakujyo{width: 3rem;}
.mikaitou table .th-touroku{width: 10rem;}

.mikaitou table .th-id{width: 2rem !important;}
.mikaitou table td:nth-of-type(1) p{text-align: center;}



/*フッター*/
footer{background-color: #003366; color: #fff; font-size: 14px; height: 30px; position: fixed; bottom: 0; left:0;}
footer .footer-yahoo{ position: absolute; right: 3px; top:5px; font-size:12px ;}