@charset "utf-8";

/*全体設定　ここから*/
.wrapper {
    width: 95%;
    margin: auto;
}

h1{
    font-size: xx-large;
}



/*全体設定　ここまで*/

/*ヘッダー部分　ここから*/
#header {
    font-size: 90%;
    margin: 10px;
	border-bottom-style: 1px;
	border-bottom-color: rgba(255,0,4,1.00);
}

#header .header_box {
    height: 1.5em;
	border-bottom: 3px solid red;
}
/*ヘッダー部分　ここまで*/

/*トップ部分　ここから*/
#top {
	display: inline;

}

#top .logo {
    text-align: left;
    float: left;
}
#top .tel_logo {
    text-align :right; 
}
#top .top_2nd{
    clear: both;
    text-align: end;
    height: 2em;
}

#top .top_right{
    width: auto;
    font-size: 80%;
    display: inline;
    text-align: right;
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
/*トップ部分　ここまで*/

/*ナビ部分　ここから*/
#navi{
    margin-bottom: 2em;
    background:#ffcaf1;
}

ul{
display: table;
margin: 0 auto;
padding: 0;
width: 80%;
text-align: center;
}
ul li{
display: table-cell;
min-width: 50px;
}
ul li a{
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #555;
font-weight: bold;
}
ul li.current{
background-color: #ffcaf1;
}
ul li.current a{
color: #555;
}
ul li:hover{
background-color: #FFF2CC;
}
/*ナビ部分　ここまで*/

/*メイン　テキスト部分　ここから*/
#main{
    text-align: center;
}
#main .photo{
    margin: auto;
    text-align: center;
}

#main .text{
    padding: 10px 22px;
    width: 70%;
    text-align: center;
    margin: 2em auto;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: bold;
}
#main .text p {
    margin: 0; 
    padding: 0;
    text-align: center;
}

#main li {
    display: grid;
    line-height: 2em;
}
/*メイン　テキスト部分　ここまで*/

/*company.html　main ここから*/
#company-inner{
    width: 60%;
    text-align: center;
    margin: auto;
}

#company-inner h1{
    text-align: center;
    font-size: xx-large;
    margin-bottom: 1em;
}

#company-inner p{
    text-align: left;
    line-height: 1.2em;
    font-size: 1.2em;
    text-indent: 1em;
    padding-left: 1em;
}

#company-inner .txt_right{
    text-align: right;
}

#Company_Profile{
    width: 60%;
    margin: auto;
    margin-top: 2em;
}


#Company_Profile h1{
    line-height: 3em;
}
#Company_Profile table{
    line-height: 2em;
    text-align: inherit;
    width: 700px;
    margin: auto;
    border-collapse:  collapse; /* セルの線を重ねる */
}

#Company_Profile th,td{
    border: 3px solid #2c2c2f;
    font-size: 1.2em;
}

#Company_Profile .link li{
    line-height: 3em;
    text-decoration: none;
    height: 2em;
}

#Company_Profile .link a{
    line-height: 1em;
}

/*company.html　main　ここまで*/

/*フッター部分　ここから*/
#footer{
    margin: 1em auto;
    text-align: center;
    background-color: darkblue;
    padding: 1em 0;
}
#footer p{
    color: white;
    font-size: 95%;
    line-height: 1.8em;
    margin: 0;
    padding: 0.2em 0;
}
/*フッター部分　ここまで*/

/*メンテナンスページ用 ここから*/
#maintenance h1{
    margin: 2em 0 2em 0;
    font-size: 200%;
}
#maintenance p{
    /*margin: 1em 0 1em 0;*/
    line-height: 3em;
}
/*メンテナンスページ用 ここまで*/

/*concept.html ここから*/

.concept-inner{
    text-align: left;
    margin: auto;
    margin-bottom: 2em;
    max-width: 60%;
    
}

.concept-inner h1{
    text-align: center;
    font-size: xx-large;
    margin-bottom: 1em;
    
}
.concept-inner h2{
    text-align: left;
    font-size: x-large;
    margin-bottom: 1em;
    line-height: 2em;
    text-indent: -1em;
    padding-left: 1em;
}
.concept-inner h3{
    font-size: large;
    margin-top: 1em;
    text-align: left;
    margin-bottom: 1em;
}
/* 基本の段落スタイル（リセット） */
.concept-inner p {
    font-size: 1.2em;
    line-height: 2em;
    text-indent: 0;
    padding-left: 0;
    margin-bottom: 1em; /* 段落ごとの間隔を確保 */
}

/* 番号付きリスト用スタイル（ぶら下げインデント） */
/* 「1.」などが左端に来て、折り返し行が1文字分下がる設定 */
.concept-inner p.indent-list {
    padding-left: 1em;
    text-indent: -1em;
}

/*concept.html ここまで*/

/*背景ノートスタイル　ここから（PC版のみ）*/
@media (min-width: 769px) {
    .note-style{
        padding: 2em 2em;
        /*margin: 1em 0;*/
        background: #f4f4f4;
        border-left: solid 12px #5bb7ae;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.33);
    }
}
/*背景ノートスタイル　ここまで*/

/*背景布スタイル　ここから*/
.nuno-style{
    padding: 0.2em 0.5em;
    /*margin: 2em 0;*/
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
/*布背景スタイル　ここまで*/

/* tableスタイル① ここから*/

table.table-style1{
	padding: 30px;
	height: 1.3em;
}

/* tableスタイル① ここまで*/


/* 「会社名をクリックすると各会社のページへジャンプします。」用のスタイル */
.jump-text {
    font-size: 0.8em !important; /* 文字サイズを小さく */
    color: #555 !important; /* テキストの色を灰色に変更 */
    font-style: italic !important; /* 斜体に設定 */
    text-align: center !important; /* テキストを中央寄せ */
    margin: 10px 0 !important; /* 上下のマージンを追加 */
}

/* concept.phpの最下部の表にだけ余白を適用 */
.concept-table th, .concept-table td {
    padding: 10px; /* セル内の余白 */
}

/* 電話番号＋事故ボタンエリア */
#top .header-contact {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

/* 事故のご連絡ボタン（電話番号左） */
.accident-btn {
    background-color: #c41e3a;
    color: #ffffff !important;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    white-space: nowrap;
}
.accident-btn:hover {
    background-color: #a01830;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
    #top .header-contact {
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
    }
    .accident-btn {
        font-size: 14px;
        padding: 10px 18px;
    }
}