@charset "utf-8";
/* CSS Document */

#when .box01 {padding: 20px; font-weight: bold; background-color: #f9f9f9; background: url(img/when/box01_bg.jpg)top right no-repeat;}
#when .box01 h2 {font-size: 34px; font-weight: bold; box-sizing: border-box; border-left: 4px solid #0b1133; padding-left: 10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;}
#when .box01 p {max-width: 64%; line-height: 2;}
#when .box01 .txt01 {margin-top: 20px; margin-bottom: 30px;}
#when .box02 {background-color: #f7f7f7; padding: 20px;}
#when .box02 h2 {font-size: 36px; font-weight: bold; color: #f8ebcc; padding: 16px 20px; background-color: #1a1e2b; line-height: 1.3; letter-spacing: 2px;}
#when .box02 .con {box-sizing: border-box; background-color: #fff; padding: 20px; border: 3px solid;}
#when .box02 h3 {font-size: 23px; font-weight: bold;}
#when .box02 .con .inner {display: flex; justify-content: space-between; position: relative; font-weight: bold; margin-top: 20px; text-align: justify;}
#when .box02 .con .inner .icon01 {position: absolute; top: 0; left: 0;}
#when .box02 .con .inner .icon02 {position: absolute; top: 0; left: 280px;}
#when .box02 .con .inner .txt01 {margin-top: 50px; margin-bottom: 30px;}
#when .box02 .con .inner .txt02 {margin-top: 50px;}
#when .box02 .con .inner .img01 {margin-left: 20px;}
#when .box02 .con .inner .img02 {margin-right: 20px;}
#when .box03 .con {padding: 20px; background-color: #f7f7f7;}
#when .box03 .con .inner {display: flex; justify-content: space-between; align-items: flex-start; line-height: 2; font-weight: bold; margin-top: 20px;}
#when .box03 .con .inner:nth-child(1) {margin-top: 0;} 
#when .box03 .con .img01 {margin-right: 20px;}
#when .box03 .con .img02 {margin-left: 20px;}
#when .box03 .con .access {box-sizing: border-box; border: 3px solid; margin-top: 30px;}
#when .box03 .con .inner02 {display: flex; justify-content: space-between; font-weight: bold; background: url(img/when/box03_inner02_bg.jpg)top center repeat; padding: 20px; font-size: 16px;}
#when .box03 .con .inner02 .big {font-size: 37px; line-height: 1;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; margin-bottom: 10px;}
#when .box03 .con .inner02 .logo {height: 77px;}
#when .box03 .con .inner02 ul {margin-top: 10px;}
#when .box03 .con .inner02 .img03 {margin-left: 70px; height: 160px;}
#when .box03 .con .access iframe {width: 100%; height: 600px;}