@charset "utf-8";
/* CSS Document */
.mag_a {
	margin: auto;
}

.ta-tan {
    height: 60px;
    background-image : url("../img/ta-tan.png");
    background-size: auto 60px;
}

.btm-l {
    transform: scaleY(-1);
}

.bk {
    background-image : url("../img/bk.png");
}

.box {
    max-width: 900px;
    margin: 0 auto;
    background-image : url("../img/pin_n.gif");
    background-repeat : no-repeat;
    background-position: 50% 10px;
    background-color: #FFF;
    padding: 30px 80px;
    border-bottom: solid 7px #e89e6e;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
    color: #4C4A4A;
}

th,td {
    padding: 10px 0;
}

th {
    font-weight: bold;
}

.tbl1 th {
    width: 35%;
}

.tbl1 td {
    width: 65%;
}

.tbl2 th {
    width: 20%;
}

.tbl2 td {
    width: 80%;
}

a {
    word-break: break-all;
}

h3 {
    font-weight: bold;
}

a img { 
	cursor: pointer;
    transition-duration: 0.3s;
}

a img:hover { 
	opacity: 0.5;
    transition-duration: 0.3s;
}

@media screen and (max-width: 750px) {

    .ta-tan {
        height: 20px;
        background-image : url("../img/ta-tan.png");
        background-size: auto 20px;
    }

    .box {
        padding: 30px 20px;
    }

    td {
        padding: 0 0 20px;
    }

    .tbl1 th {
		display: block;
        width: 100%;
        text-align: center;
	}

    .tbl1 td {
		display: block;
        width: 100%;
        text-align: center;
	}

    .tbl2 th {
		display: block;
        width: 100%;
        text-align: center;
	}

    .tbl2 td {
		display: block;
        width: 100%;
	}

}