/*
 da 2024 custom css
 bootstrapを上書き
*/
:root {
--bs-font-sans-serif: 'Noto Sans JP', sans-serif;
--base-black: 49, 53, 56;
--base-white: #ffffff;
--main-blue: 11, 97, 183;
--gray: #4D6577;
--blue-gray: 115, 133, 147;
--red: 211, 0, 6;
--cyan: 0, 132, 255;
}
body {
    font-family: var(--bs-font-sans-serif);
	color: rgba( var(--base-black), 1);
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--bs-font-sans-serif);
}
.table th, .table td {
    border-top: 2px solid var(--base-white);
}
.table {
    border-top: 2px solid var(--base-white);
    background-color: rgba( var(--blue-gray), 0.05);
}
.label{
    border-radius: 0;
}
.label, .badge {
	font-weight: normal;
	text-shadow: none;
	background-color: rgba( var(--blue-gray), 0.75);
}
.label-warning, .badge-warning {
	background-color: rgba( var(--red), 1);
}
.btn{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
}
.btn i{
    display: none;
}
.btn-primary{
    color: var(--base-white);
    text-shadow: none;
    background-color: rgba( var(--main-blue), 1);
    background-image: none;
    border-color: rgba( var(--main-blue), 1);
}
.btn-large {
    padding: 10px 55px;
    font-size: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba( var(--base-black), 0.6);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba( var(--cyan), 1);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.warning select{
    border-color: rgba( var(--base-black), 0.6);
}
.warning .ss_error_msg ~ select, 
.warning .ss_error_msg ~ textarea,
.warning .ss_error_msg ~ input[type="text"],
.warning .ss_error_msg ~ input[type="password"],
.warning .ss_error_msg ~ input[type="datetime"],
.warning .ss_error_msg ~ input[type="datetime-local"],
.warning .ss_error_msg ~ input[type="date"],
.warning .ss_error_msg ~ input[type="month"],
.warning .ss_error_msg ~ input[type="time"],
.warning .ss_error_msg ~ input[type="week"],
.warning .ss_error_msg ~ input[type="number"],
.warning .ss_error_msg ~ input[type="email"],
.warning .ss_error_msg ~ input[type="url"],
.warning .ss_error_msg ~ input[type="search"],
.warning .ss_error_msg ~ input[type="tel"],
.warning .ss_error_msg ~ input[type="color"],
.warning .ss_error_msg ~ .uneditable-input,
.warning .formError ~ select, 
.warning .formError ~ textarea,
.warning .formError ~ input[type="text"],
.warning .formError ~ input[type="password"],
.warning .formError ~ input[type="datetime"],
.warning .formError ~ input[type="datetime-local"],
.warning .formError ~ input[type="date"],
.warning .formError ~ input[type="month"],
.warning .formError ~ input[type="time"],
.warning .formError ~ input[type="week"],
.warning .formError ~ input[type="number"],
.warning .formError ~ input[type="email"],
.warning .formError ~ input[type="url"],
.warning .formError ~ input[type="search"],
.warning .formError ~ input[type="tel"],
.warning .formError ~ input[type="color"],
.warning .formError ~ .uneditable-input {
    border: 1px solid rgba( var(--red), 1);
}
.alert{
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*
 da 2024 custom css
 ss_を上書き
 daj_を追加
*/
*, *::before, *::after {
    box-sizing: border-box;
}
#ss_header{
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    padding-top: 11px;
    padding-left: calc( 50% - 660px +  3vw);
    padding-bottom: 8px;
    border-bottom: 4px solid rgba(var(--main-blue), 1);
    @media screen and (max-width: 1320px){
        padding-left: 30px;
    }
    img{ height: 33px;}
}
#ss_footer{
    width: auto;
    margin-top: 40px;
    border-top-color: rgba( var(--base-black), 0.3);
    padding-right: 10px;
}
.daj_contents.ss_contents{
    /* コンテンツ全体 */
    width: auto;
    max-width: 1320px;
    display: flex;
    gap: 2vw;
    padding: 0 3vw;
    @media screen and (max-width: 1023px){
        flex-direction: column;
        padding:0 10px;
    }
}
.sb_complete_index .daj_contents.ss_contents{
    /* サンキューページのみ全体の2カラムを天地センターにする*/
    align-items: center;
}
.daj_information_column {
    /* コンテンツ左 */
	width: 49vw;
    @media screen and (max-width: 1023px){
        width: auto;
    }
}
.daj_form_column {
    /* コンテンツ右 */
	width: 43vw;
    padding: 20px 25px;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(var(--blue-gray), 0.7);
    @media screen and (max-width: 1023px){
        width: auto;
    }
}
.daj_title_wrap,
.navbar-inner{
    /* イベント名エリア */
    min-height: auto;/*上書き*/
    background-image: none;/*上書き*/
    border: none;/*上書き*/
    -webkit-border-radius: 0;/*上書き*/
    -moz-border-radius: 0;/*上書き*/
    border-radius: 0;/*上書き*/
    -webkit-box-shadow: none;/*上書き*/
    box-shadow: none;/*上書き*/
    margin-bottom: 20px;
}
.daj_category{
    display: inline-block;
    padding: 0.5em;
    margin-bottom: 24px;
    background-color: rgba( var(--main-blue), 1);
    font-size: 15px;
    font-weight: bold;
    color: var(--base-white);
}
.daj_title_text,
.brand{
    /* イベント名タイトル */
    font-size: 26px;

    line-height: 1.6;
    color: rgba( var(--main-blue), 1);
}
h1.daj_title_text{
    margin-top: 0;/*上書き*/
    margin-bottom: 20px;
    font-weight: 800;
}
.ss_header_image{
    /*text-align: center;*/
}
.ss_seminar_preview_header_img{
    max-width: 100%;
    margin-bottom: 30px;
}
.daj_description_text{
    /* イベント名説明文 */
    margin-bottom: 30px;
    line-height: 1.6;
}
.da_item_title,
h2.da_item_title{
    /* 個人情報の取扱いタイトル */
    font-size: 15px;
    line-height: 1;
}
.ss_form table.da_form_table ,
.ss_form table.da_form_table tbody,
.ss_form table.da_form_table tr,
.ss_form table.da_form_table th,
.ss_form table.da_form_table td{
    /* 入力テーブル */
    display: block;
}
.ss_form table.ss_price_type11{
    /* 価格（不使用） */
    display: none;
}
.ss_form table.da_form_table tr{
    clear: both;
}
.ss_form table.da_form_table th{
    width: 100%;
    text-align: left;
}
.formError .formErrorContent,
.ss_error_msg,
.errorMsg {
    color: rgba( var(--red), 1);
    font-weight: bold;
}
.label-warning:has(+ .ss_error_msg),
.label-warning:has(+ .formErrorContent){
    display: none;
}
.ss_form_btn{
    margin-top: 20px;
    text-align: center;
}
.ss_rightComment{
    display:none;
}
.ss_input{
    width: 100%;
    display: block;
    padding-bottom: 10px;
}
.sb_userenquete_index .ss_input:has(input[name="Public::Application::Userenquete_D__P__D_name1"]){
    width: 51%;
    float: left;
}
.sb_userenquete_index .ss_input:has(input[name="Public::Application::Userenquete_D__P__D_name2"]){
    width: 49%;
    float:right;
}
.ss_input input[name="Public::Application::Userenquete_D__P__D_name1"]{
    width: 95%;
}
.ss_input input[name="Public::Application::Userenquete_D__P__D_name2"]{
    width: 100%;
}
.ss_form table.da_form_table tr:has([name="Public::Application::Userenquete_D__P__D_zip1"]){
    width: 51%;
    float: left;
}
.ss_form table.da_form_table tr:has([name="Public::Application::Userenquete_D__P__D_prefecture_master_id"]){
    width: 49%;
    float:right;
    clear: inherit;
}
.ss_input input[name="Public::Application::Userenquete_D__P__D_zip1"],
.ss_input select[name="Public::Application::Userenquete_D__P__D_prefecture_master_id"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_company_name"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_division"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_position"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_address1"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_tel"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_email"],
.ss_input input[name="Public::Application::Userenquete_D__P__D_email_conf"]{
    width: 100%;
}
.ss_input input[name="Public::Application::Userenquete_D__P__D_zip1"]{
    width: 95%;
}
.ss_input select[name="Public::Application::Userenquete_D__P__D_prefecture_master_id"]{
    /*width: 11em;*/
}
.ss_input input[type="radio"]{
    vertical-align: middle;
    margin-top: 0;
}
.ss_input input[name*="plus_text"]{
    margin-left: 1em;
    width: 100%;
}
.ss_input label {
    line-height: 26px;
}
.ss_privacy{
    margin-bottom: 30px;
    border: 1px solid rgba( var(--base-black), 0.6);
}
.small-comment{
    font-size: 13px; color: var(--gray); font-weight: normal; margin-left: 0.5em;
}
.ss_leftComment,
.ss_bottomComment{
    font-size: 13px; color: var(--gray);
}
.ss_seminar_preview_table tr:has(td:empty){
    display: none;
}
.ss_seminar_preview_table.table th{
    padding: 15px;
    white-space: nowrap;
}
.ss_seminar_preview_table.table td {
    padding: 15px;
}
/* 確認ページ例外*/
.sb_confirm_index .table-bordered {
    border: none;
    border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.sb_confirm_index .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
	background-color: transparent;
}
.sb_confirm_index .ss_input {
    padding-bottom: 0;
}
.sb_confirm_index .table-bordered th, .sb_confirm_index .table-bordered td {
    border-left: transparent;
}
.sb_confirm_index td .ss_input{
    display: inline-block;
    width: auto;
}
.sb_confirm_index .table th, .sb_confirm_index .table td {
    border: none;
}
.sb_confirm_index .table{
    background-color: var(--base-white);
    margin-bottom: 0;
    border: none;
}
/* 確認ページ ここまで*/
