.mainimg { background: url(../img/instructor/mainimg_sp.jpg) center center no-repeat; color: #333; margin: 0 0 35px; }

@media (max-width: 599px) { .mainimg { background-size: cover; } }

@media (min-width: 600px) { .mainimg { margin: 0 0 80px; background: url(../img/instructor/mainimg_pc.jpg) center center; } }

.mainTtl { margin: 0 0 10px; font-size: 2.5rem; font-weight: 700; text-align: center; }

@media (min-width: 600px) { .mainTtl { margin: 0 0 25px; } }

.profile { width: auto; margin: 0 10px 30px; padding: 8px; background: #fef8f1; }

@media (min-width: 600px) { .profile { width: 720px; margin: 0 auto 65px; } }

.profile .inner { background-image: url(../img/instructor/border_top.png), url(../img/instructor/border_left.png), url(../img/instructor/border_top.png), url(../img/instructor/border_left.png), url(../img/instructor/bg_profile.png); background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, no-repeat; background-position: left top, left top, left bottom, right top, 590px 114px; }

.profile .img { padding: 10px; text-align: center; }

@media (min-width: 600px) { .profile .img { margin: 10px 10px 21px 7px; padding: 0; float: left; } }

.profile .info { padding: 0 20px 20px; }

@media (min-width: 600px) { .profile .info { padding: 40px 0 0 210px; width: 590px; } }

.profile .info .ttl { margin: 0 0 12px; padding: 0 0 4px; background: url(../img/instructor/border_top.png) left bottom repeat-x; font-size: 1.3rem; }

.profile .info .ttl p::before, .profile .info .ttl p::after { display: inline-block; content: ""; vertical-align: middle; }

.profile .info .ttl p::before { width: 19px; height: 19px; margin: 0 5px 0 0; background: url(../img/instructor/ico_left.png); }

.profile .info .ttl p::after { width: 16px; height: 17px; margin: 0 0 0 5px; background: url(../img/instructor/ico_right.png); }

.profile .info .position { font-size: 1.3rem; }

.profile .info .name { margin: 0 0 6px; font-size: 1.8rem; }

.profile .info .txt { margin: 0 0 10px; font-size: 1.2rem; line-height: 2; }

.profile .info a { display: inline-block; padding: 2px 10px; border: 1px solid #231815; color: #231815; font-size: 1.2rem; }

.profile .info a:hover { background: rgba(255, 255, 255, 0.5); }

.message { margin: 0 10px 40px; text-align: center; }

@media (min-width: 600px) { .message { margin: 0 0 140px; } }

.message .txt p { font-size: 1.4rem; font-weight: 700; line-height: 2.31; }

.message .txt p + p { margin: 2rem 0 0; }

.message .box { display: block; margin: 30px 0; padding: 8px; background: #fef8f1; font-size: 1.3rem; font-weight: 700; line-height: 1.75; }

@media (min-width: 600px) { .message .box { width: 720px; margin: 40px auto 0; background: #fef8f1 url(../img/instructor/bg_message.jpg) no-repeat; } }

.message .box .inner { background-image: url(../img/instructor/border_top.png), url(../img/instructor/border_left.png), url(../img/instructor/border_top.png), url(../img/instructor/border_left.png); background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; background-position: left top, left top, left bottom, right top; padding: 10px 0; }

@media (min-width: 600px) { .message .box .inner { padding: 28px 0 0; min-height: 100px; } }

.school { margin: 0 10px 80px; }

@media (min-width: 600px) { .school { margin: 0 0 150px; } }

.school .ttl { margin: 0 0 12px; text-align: center; }

.school .ttl p { font-size: 1.5rem; font-weight: 700; }

.school .ttl p::before, .school .ttl p::after { display: inline-block; content: ""; vertical-align: middle; }

.school .ttl p::before { width: 98px; height: 4px; margin: 0 5px 0 0; background: url(../img/instructor/dot_school.png); }

.school .ttl p::after { width: 98px; height: 4px; margin: 0 0 0 5px; background: url(../img/instructor/dot_school.png); }

.school .tableWrap { margin: 0 0 75px; }

@media (max-width: 599px) { .school .tableWrap table { width: 100%; } }

.school .tableWrap th, .school .tableWrap td { height: 55px; }

.school .tableWrap th { width: 32%; font-weight: 700; }

@media (min-width: 600px) { .school .tableWrap th { width: 20%; } }

.school .tableWrap td { text-align: left; padding: 5px 20px; }

@media (min-width: 600px) { .school .tableWrap td { padding: 0 20px; } }

.school a { color: #1d2088; text-decoration: underline; }

.school a:hover { text-decoration: none; }

.access { margin: 0 10px 0; }

@media (min-width: 600px) { .access { width: 720px; margin: 0 auto 80px; } }

.access .mainTtl { margin-bottom: 0; }

.access .copy { margin: 0 0 15px; font-size: 1.3rem; text-align: center; }

.access .txt { position: relative; margin: 15px 0 0; padding: 0 0 70px; }

.access .txt p { font-size: 1.3rem; line-height: 2.31; }

.access .txt p + p { margin: 1.5em 0 0; }

.access .txt .img { margin-top: -10px; }

@media (min-width: 600px) { .access .txt .img { position: absolute; bottom: 0; right: 12px; margin: 0; } }

.bnrArea { margin: 0 10px; }

.bnrArea p { text-align: center; }

.bnrArea p + p { margin: 20px 0 0; }

@media (min-width: 600px) { .bnrArea p + p { margin: 75px 0 0; } }