@charset "utf-8";
/* -----------------------------------------
index.css for 
 sugimoto-re.com/index.html
2025.2.10
------------------------------------------*/
html {
    width:850px;
    margin:auto;
}
body {
    width:100%;
    background-color: white;
    margin:auto;
}
main {
    width:98%;
    margin:auto;
    padding-bottom:10px;
    background-color:rgb(240,240,240);
    overflow-x: hidden;
    overflow-y: hidden;
}
/* 最上部の飾り線 */
#top_line {
    height:9px;
    background-color: rgba(48,86,214,1);
}
/* ヘッド部の表示 ix〇〇〇.php ix〇〇〇.html 用 */
#head_banner{
    height:150px;
    background-color: white;
    #logo {
        display:block;
        margin:auto;
        padding-top:5px;
        width:60px;
        cursor: pointer;
    }
}
/* お知らせ　項目のタイトル */
div.info_title::before{
    content: "";
    display: inline-block;
    width: 16px;height: 16px;
    background: url(src/icon4sq.svg) no-repeat;
    background-size: contain;
    margin-right: 8px;
}
div.info_title {
    margin-left:30px;
    margin-top:10px;
    height:1.5rem; 
    width:740px; 
    border-style:solid;
    border-radius:5px;
    border-width: 1px;
    border-color:rgba(48,86,214,1) ;
    background-color: white;
    padding:5px;
}
/* サマリーの表示 ix〇〇〇.php ix〇〇〇.html 用 */
summary.info_title {
    margin-left:3%;
    margin-top:10px;
    height:1.5rem; 
    width:90%; 
    border-style:solid;
    border-radius:5px;
    border-width: 1px;
    border-color:rgba(48,86,214,1) ;
    background-color: white;
    padding:5px;
 }
 details > div.contents {
    width:80%; 
    border-radius: 0 0 10px 10px;
    background-color: #ddd;
    padding: 2px 20px 2px 20px;
    margin: 0px 0px 10px 5%;
    box-shadow: 3px 3px 4px black;
 }
 details > div.contents > p {
    text-indent: 1rem;
    padding:0px;
    margin: 0px;
    text-align: justify;
 }
 details > div.contents > h2 {
    margin:10px 0px 0px 0px;
    font-size: 1.2rem;
 }
footer{
    width:93%;
    margin:auto;
    background-color: darkblue;
    padding:5px 2.5% 5px 2.5%;
    font-size:0.6rem;
    text-align:right; 
    color:white;
}
p {
    text-indent: 1rem;
    padding:0px;
    margin: 0px;
 }
 h2 {
    margin:2px 0px 5px 0px;
    font-size: 1.2rem;
 }
/* スマホのための書式指定 */
@media screen and (max-width:480px){
html {
    width:425px;
}
div.info_title {
    width:380px;
    margin-left:10px;}
}