@charset "utf-8";
/* モバイルレイアウト : 480 px およびそれ以下. */
.item1 > div{
    display: inline-block;
}
.item1 .imageBox{
    width: 100%;
    float: none;
    text-align: center;
}
.item1 .imageBox p{
    font-size: 15px;
    text-align: center;
    line-height: 100%;
    margin: 0;
}
.item1 .imageBox p .small{
    font-size: 11px;
}
.item1 .textBox{
    width: 100%;
    margin: 0 0 0 0;
}
.boxFrame p{
    line-height: 180%;
}
.boxFrame .companyName{
    font-size: 26px;
    font-weight: bold;
}
.boxFrame ul{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
	line-height: 180%;
    padding: 0 0 0 1.5em;
}
.boxFrame table{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
	line-height: 180%;
}
.boxFrame th{
    text-align: left;
    text-align-last: justify;
    padding: 0 0.5em;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
}
.historyTable th{
    text-align: right;
    text-align-last: right;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.item1 .imageBox{
    width: 135px;
    float: right;
}
.item1 .textBox{
    width: calc(95% - 135px);
    margin: 0 5% 0 0;
}
.boxFrame ul{
    font-size: 18px;
}
.boxFrame table{
    font-size: 18px;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 768px) {
}