

/*** for PC Browser ***/
@media (min-width:401px)
{
div.check
{
    background: url(../../../secure/112870/bukken_bg.png) no-repeat center top;
    display: flex;
    min-height: 630px;
    margin: 0 0 40px;
}

div.check h2
{
    display: none;
}

div.check ul
{
    list-style: none;
    margin: 320px auto 30px;
    max-width: 750px;
    display: flex;
    flex-wrap: wrap;
}

div.check ul li
{
    width: 48%;
    display: inline-table;
    border-radius: 10px;
    padding: 5px;
    margin: 5px auto;
    box-sizing: border-box;
    background: url(../../../secure/112879/check_bg.png) no-repeat right center #FBEF4D;
}

div.check ul li a
{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: large;
    background-position: left 5px top 50%;
    background-repeat: no-repeat;
    padding: 10px 40px 10px 60px;
}

div.check ul li:nth-child(1) a
{
    background-image: url(../../../secure/112879/check_01.png);
}

div.check ul li:nth-child(2) a
{
    background-image: url(../../../secure/112879/check_02.png);
}

div.check ul li:nth-child(3) a
{
    background-image: url(../../../secure/112879/check_03.png);
}

div.check ul li:nth-child(4) a
{
    background-image: url(../../../secure/112879/check_04.png);
}

div.check ul li:nth-child(5) a
{
    background-image: url(../../../secure/112879/check_05.png);
}

div.check ul li:nth-child(6) a
{
    background-image: url(../../../secure/112879/check_06.png);
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
div.check
{
    background: url(../../../secure/112870/bukken_bg.png) no-repeat center top;
    display: flex;
    min-height: 630px;
    margin: 0 0 40px;
}

div.check h2
{
    display: none;
}

div.check ul
{
    list-style: none;
    margin: 320px auto 30px;
    max-width: 320px;
    display: flex;
    flex-wrap: wrap;
}

div.check ul li
{
    width: 100%;
    display: inline-table;
    border-radius: 10px;
    padding: 5px;
    margin: 5px auto;
    box-sizing: border-box;
    background: url(../../../secure/112879/check_bg.png) no-repeat right center #FBEF4D;
}

div.check ul li a
{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: large;
    background-position: left 5px top 50%;
    background-repeat: no-repeat;
    padding: 10px 40px 10px 60px;
}

div.check ul li:nth-child(1) a
{
    background-image: url(../../../secure/112879/check_01.png);
}

div.check ul li:nth-child(2) a
{
    background-image: url(../../../secure/112879/check_02.png);
}

div.check ul li:nth-child(3) a
{
    background-image: url(../../../secure/112879/check_03.png);
}

div.check ul li:nth-child(4) a
{
    background-image: url(../../../secure/112879/check_04.png);
}

div.check ul li:nth-child(5) a
{
    background-image: url(../../../secure/112879/check_05.png);
}

div.check ul li:nth-child(6) a
{
    background-image: url(../../../secure/112879/check_06.png);
}
}
