@charset "utf-8";
/* モバイルレイアウト : 480 px およびそれ以下. */
.content {
    width: 94% ;
    margin: 100px auto;
}
.itemList .item{
    margin: 0 0 50px 0;
}
.itemList .item > div{
    display: inline-block;
    vertical-align: top;
}
.itemList .item .imageBox{
    width: auto;
}
.itemList .item .textBox{
    width: 100% ;
}
.itemList .item .textBox p{
    margin: 0;
}
.grayBox{
    background: #F2F2F2;
}
.grayBox p{
    margin: 1em!important;
}
.grayBox .name{
    font-size: 16px;
    font-weight: bold;
}
.grayBox table{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    margin: 0 1em;
}
.grayBox table th{
    white-space: nowrap;
}
.grayBox2{
    background: #F2F2F2;
    width: 100%;
    margin: 0 auto;
}
.grayBox2 p{
    margin: 1em;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only print {
.grayBox2{
    width: 60%;
}
}

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

@media only print {
.content {
    width: 70% ;
}
.itemList .item .imageBox{
    width: 100px;
}
.itemList .item .textBox{
    width: calc(100% - 100px) ;
}
}