@media print { 
@page { size: a4; margin-top:0mm; margin-bottom:0mm;}

/* 印刷時のカラー調整 */ 
:root{--header-height:54px;--bg:#fff;--text:#222;--shadow:none;}
body, * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

/* 非表示にする要素（必要に応じて !important を付与） */ 
.site-header.fixed,
#pc-contents-area,
.red-line,
.sp-contents-area,
.switching-button-area,
#fixed-button-template,
.nav ,
.print-button-area ,
.footer-area
 { display: none !important; } 
 /*ロゴの大きさ*/
 header {
    margin-top: 20px;
 }
 .header-title .logo-image {
 	width:95px;
 }
 .header-title .home-text {
    font-size:28px;
 }
 main .content-space .content-block {
    margin-top: 30px;
 }
.site-header {
    display:flex;
}
/*背景色をなくす*/
/*main .content-space .content-block {
    background-color: #fff;
}*/


/* レイアウト調整 */ 
.item-content {
    width:calc(100% - 40px);
    padding:0 20px;
}

.item-content .contents-wrapper .contents-title-area{
	font-size:16px;
}
.content-space { width: 100% !important; margin: 0 !important; padding: 0 !important; } 
.content-block { padding: 0 !important; width: 100% !important; } 
.contents-body {
	gyap:0px  !important;
    margin-bottom: 20px;;
}
.contents-body-area {margin:10px auto 0 !important;}

main .section .item-content .contents-body-area .contents-body .step-area .step-label {
width:100px; 
height:50px;
display: flex;
flex-direction: row;
}
main .section .item-content .contents-body-area .contents-body .step-content p.step-title {
    margin: 0px 0 8px 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212121;
  }
.step-content { flex: 1 1 auto !important; min-width: 0 !important; box-sizing: border-box !important; padding: 8px 0 !important; }
.contents-body, .contents-body * { break-inside: avoid !important; } 
  
.step-text,.step-number { font-size:18px !important; }


main .section .item-content .contents-body-area .contents-body .contents {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width:100%;
    padding: 0px 10px 40px 10px;
  }

main .section .item-content .contents-body-area .contents-body .contents-text-area {
    display: flex;
    width: calc(100% - 20px);
    flex-direction: column;
    padding:0px;
    margin-right: 10px;
  }
  .contents-body-area .contents-body .contents .contents-text-area .premise,
  .contents-body-area .contents-body .contents .contents-text-area .procedures .procedure {
      font-size:0.8em;
  }

.step-label br { display: none !important; } 
/*.item-content .contents-body-area .contents-body .contents .contents-image-area {
	width: 80% !important;
}*/
.item-content .contents-body-area .contents-body .contents .contents-image-area img {
	width: 300px !important;
}

.page-break { break-after: page !important;  page-break-after: always !important;  }
.contents-body { break-inside: avoid !important;  page-break-inside: avoid !important;  }

}