@charset "utf-8";

/* カンプと同じ900pxのレイアウトを、スマートフォンでは全体縮小する。 */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; }
body { min-width: 900px; color: #333; font-family: Arial, "Noto Sans JP", sans-serif; }
h1, h2, h3, p { margin: 0; padding: 0; }
img { display: block; border: 0; }
a:focus-visible { outline: 3px solid #df6d29; outline-offset: 4px; }
a img { transition: opacity .15s; }
a:hover img { opacity: .8; }

#supporting-women { width: 900px; margin: 0 auto; padding-bottom: 75px; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,.35); }
/* 背景は支給画像に含まれるため、h1とリードを余白なく連結。 */
.lp_header img { width: 900px; height: auto; }
.content { padding-top: 4px; }
.lp_box { width: 800px; margin: 0 auto 70px; padding-top: 80px; background: url("img/img_book_section_line.png") no-repeat center top; }
.book_read { margin: 0 0 35px; }
.book_read img { margin: 0 auto; }
.book_body { display: grid; grid-template-columns: 296px 396px; column-gap: 44px; padding-left: 60px; }
.book_copy { padding-top: 28px; }
.book_buttons { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 52px; }
.book_buttons a { display: block; width: 196px; }
#book01 .book_copy { padding-top: 55px; }
#book01 .book_buttons { margin-top: 50px; }
#book02 .book_copy { padding-top: 8px; }
#book03 .book_copy { padding-top: 28px; }
#book04 .book_copy { padding-top: 78px; }
#book04 .book_buttons { margin-top: 50px; }
#book06 .book_copy { padding-top: 20px; }
#book07 .book_copy { padding-top: 20px; }
#book08 .book_copy { padding-top: 15px; }
.diagnosis_banner { width: 800px; margin: 85px auto 80px; }
.diagnosis_banner a { display: block; }

#prf { width: 800px; min-height: 564px; margin: 0 auto 60px; padding: 35px 0 30px; border: 1px solid #ccc; }
#prf_inner { display: flex; align-items: flex-start; gap: 50px; width: 720px; margin: 0 auto; }
.prf-photo { flex: 0 0 201px; }
.prf-photo img { width: 201px; height: 232px; }
#prf_in_l { width: 469px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 14px; line-height: 1.5; }
#tag { margin-bottom: 10px; }
#footer_supporting-women { width: 880px; margin: 0 auto; padding-top: 20px; border-top: 1px solid #898989; color: #898989; font-size: 12px; }
#footer_inner { text-align: center; }
.footer_contact { display: flex; align-items: center; justify-content: center; gap: 10px; }
#footer_inner p { margin-top: 10px; }