@charset "utf-8"; #main01 h2 { position: relative; margin: 0 0 15px; font-weight: bold; border-left: 3px solid #df0523; padding-left: 17px; } #main01 .mB60 { margin-bottom: 30px; } #main01 .profile p { padding: 5px 10px; } #main01 .profile table { width: 100%; table-layout: fixed; border-collapse: collapse; } #main01 .profile table tr th, #main01 .profile table tr td { border: #CACACA 1px solid; text-align: left; } #main01 .profile table tr th { background-color: #F2F2F2; font-weight: bold; width: 30%; } #main01 .profile table tr td { width: 70%; } #main01 .profile_img { width: 100%; height: 0; position: relative; margin-bottom: 30px; } #main01 .profile_img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } #fig01 { padding-top: calc(780/885*100%); } #fig02 { padding-top: calc(500/885*100%); } #fig03 { padding-top: calc(510/885*100%); } #fig04 { padding-top: calc(512/885*100%); } @media print, screen and (min-width: 1024px) { #wrapper01 #contents01 #main01 .profile_img { width: 796.5px; margin: 0 auto 80px; padding-top: 0; } #wrapper01 #contents01 #main01 #fig01.profile_img { height: 702px; } #wrapper01 #contents01 #main01 #fig02.profile_img { height: 450px; } #wrapper01 #contents01 #main01 #fig03.profile_img { height: 459px; } #wrapper01 #contents01 #main01 #fig04.profile_img { height: 460.8px; } }