@charset "UTF-8";
body {
background: #fffac4;
color: #000;
margin: 0;
}
a {
text-decoration: none;
}

header {
text-align: center;
}
@media screen and (max-width: 1192px) {
header img {
width: 100%;
height: 100%;
}
}

.wrap {
width: 600px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
}
.wrap:before {
display: inline-table;
}
.wrap:after {
content: "";
display: block;
clear: both;
}
#main {
width: 100%;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px 
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1200px) {
/* laptop */
.wrap {
/*width: auto;*/
}
/* laptop end */
}

@media screen and (max-width: 991px) {
/* tablet */
.wrap {
margin-left: 24px;
margin-right: 24px;
}
#main {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* tablet end */
}

@media screen and (max-width: 767px) {
/* phone */
.wrap {
width: auto;
margin-left: 12px;
margin-right: 12px;
}
/* phone end */
}


/*その他*/
h4 {
display: block;
border-bottom: thin solid #000;
}

strong.name {
font-size: 1.4rem;
}

table.profile {
margin-bottom: 30px;
}

table.profile td.face {
/*width: 30%;*/
text-align: center;
}
table.profile td.face img.hoka {
width: 75%;
}
table.profile td.face img.cho {
width: 100%;
}
table.profile td.txt {
padding: 10px;
}

table.profile td.txt p {
margin-top: 10px;
line-height: 1.9;
}

p.info {
line-height: 1.7;
}

a.back {
position: fixed;
right: 5px;
bottom: 5px;
background-color: #54c2c3;
color: #fff;
padding: 5px 10px;
font-weight: 700;
font-size: 1.4rem;
display: inline-block;
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
}