@charset "utf-8";
/* CSS Document */
#when {font-weight: bold;}
#when .box01 {background: url(img/when/box01_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000; margin-top: 20px; padding: 20px 0; position: relative; padding-bottom: 0; margin-bottom: 20px;}
#when .box01 .h2 {margin-left: 20px;}
#when .box01 .ul01 {display: flex; justify-content: space-between; align-items: flex-end; position: relative; z-index: 50;}
#when .box01 .ul01 li:nth-child(2) {margin-left: 18px;}
#when .box01 .zin01 {position: absolute; top: 30px; right: 50px;}

#when .box02 {box-sizing: border-box; border: 3px solid #000; position: relative; margin: 20px; background-color: #fff;}
#when .box02 h2 {background: url(img/when/box02_title_bg.jpg)top left repeat; box-sizing: border-box; border-top: 3px solid #000; border-bottom: 3px solid #000; padding-top: 20px; padding-left: 20px;}
#when .box02 h2 img {margin-bottom: -35px;}
#when .box02 .zin02 {position: absolute; top: -28px; right: 40px;}
#when .box02 .inner {display: flex; justify-content: space-between; align-items: flex-start; font-size: 15px; margin: 20px; text-align: justify; line-height: 1.5;}
#when .box02 h3 {padding-bottom: 20px; margin: 20px; box-sizing: border-box; border-bottom: 3px solid #000;}
#when .box02 .inner img {margin-left: 20px;}
#when .box02 .under {background: url(img/when/box02_under_bg.jpg)top left repeat; box-sizing: border-box; border: 3px solid #000; padding: 20px; margin: 20px;}
#when .box02 .under h4 {box-sizing: border-box; border-bottom: 3px solid #000;}
#when .box02 .under .inner02 {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify;}
#when .box02 .under .inner02 img {margin-right: 20px;}
#when .box02 .under .big {font-size: 28px; line-height: 1.3; margin: 15px 0;}
#when .mgn-a {margin: auto;}