/* デバイス（960px 未満）
==============================================*/
@media screen and (max-width:960px) {
    /* SP用CSS -------------- */
    #footer #footer-contents{
    border-bottom: 1px solid #9f9f9f;
    border-left: none;
    border-right: none;
    padding-bottom: 1rem;
}
    #footer img {
    width: 100%;
    max-width: 748px;
    margin: 0 auto;
}

/* トップページ：各セクション */
    #sec2 img {
    width: 100%;
    height: 100%;
}
    #wrapper section .container h3{
    font-size: 1.6rem;
}
}


/* デバイス（961px 以上）
==============================================*/
@media screen and (min-width:769px){
    /* PC用CSS -------------- */
    #footer #footer-contents{
        border-left: none;
        border-right: none;
        padding: 3rem 0 5rem 0;
    }
    #sec2 span {
        font-size: 14px;
    }
    #wrapper section .container h3{
        font-size: 30px;
    }
    #sec2 img {
        width: 100%;
        height: 100%;
        margin-bottom: 16px;
    }
}

/* トップページ：各セクション */

#wrapper h1 + small {
    font-size: 1.5rem;
}
#wrapper .jumbotron-fluid{
    height: 320px;
}
#wrapper section{
    padding-top: 50px;
}
#wrapper section .container > h2{
    margin-bottom: 20px;
    font-size: 2.2rem;
    font-family: 'Noto Serif JP', serif;
}
#wrapper section .container > h2 + p{
    margin-bottom: 40px;
}

#sec2 .row {
    background-size: auto 400px;
}
#sec4 .card-body .card-subtitle{
    font-size: 0.75rem;
}



/* 下層ページ */

#page section {
    padding: 3rem 0 0;
}



/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width:575.98px) {
.navbar-collapse .btn {
    margin: 10px auto;
}

/* トップページ：各セクション */

#sec2 .row {
    background-size: auto 300px;
}

/* 下層ページ */

#page section {
    padding: 2rem 0 0;
}

}


/* 会社情報など表組
==============================================*/
table {
	border-collapse: collapse;
	width:100%;
}
th.t_top {
    border-top: #dcdcdc 2px solid;
    width: 30%;
}
th {
	border-bottom: #dcdcdc 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #dcdcdc 2px solid;
}
td {
	border-bottom: #dcdcdc 1px solid;
	text-align: left;
	padding: 10px;
}

/* 特定商取引
==============================================*/
.info_box dl:first-of-type {
    border-top: 1px solid rgba(28, 28, 28, 0.14);
}
.info_box dl {
    border-bottom: 1px solid rgba(28, 28, 28, 0.14);
    font-size: 0;
}
.info_box {
    width: 100%;

}
.info_box dl dt {
    display: inline-block;
    padding: 5px 0;
    font-size: 1rem;
    vertical-align: top;
    text-align: left;
}
.info_box dl dd {
    width: 77%;
    display: inline-block;
    padding: 5px 0;
    font-size: 1rem;
    vertical-align: top;
    text-align: left;
}
.info_box dl:first-of-type {
    border-top: 1px solid rgba(28, 28, 28, 0.14);
}