#training .ptit { padding-bottom: 60px; }
#training .sec1 { position: relative; background-size: cover; background-position: center center; background-attachment: fixed; background-image: url("../images/training/img_01.jpg"); }
@media screen and (max-width: 584px) { #training .sec1 { background-image: none; }
  #training .sec1::before { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1; content: ""; background-size: cover; background-position: center center; background-image: url("../images/training/img_01.jpg"); } }
#training .sec1 .cov { width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-color: rgba(0, 0, 0, 0); position: absolute; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#training .sec1.cs1 .cov { background-color: rgba(0, 0, 0, 0.4); }
#training .sec1.cs2 .cov { background-color: rgba(0, 0, 0, 0.7); }
#training .sec1 .sec1a { position: relative; box-sizing: border-box; height: 150vh; width: 100%; }
#training .sec1 .sec1a h2 { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; margin: 0; border: 5px solid #FFFFFF; padding: 50px; text-align: center; font-family: "ff-angie-pro"; font-size: 50px; line-height: 1.5em; max-width: 760px; color: #fff; z-index: 5; }
#training .sec1 .sec1a h2 span { display: block; font-size: 20px; font-family: AozoraMincho; color: #fff; }
@media screen and (max-width: 584px) { #training .sec1 .sec1a h2 { width: 80%; padding: 20px; font-size: 25px; }
  #training .sec1 .sec1a h2 span { font-size: 14px; } }
#training .sec1 .sec1b { position: relative; box-sizing: border-box; height: 100vh; width: 100%; }
#training .sec1 .sec1b .sc1bin { position: absolute; left: 50%; top: 10%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; margin: 0; padding: 50px; text-align: center; font-family: "ff-angie-pro"; color: #fff; z-index: 5; }
#training .sec1 .sec1b .sc1bin h3 { font-size: 30px; margin: 0; margin-bottom: 60px; }
@media screen and (max-width: 584px) { #training .sec1 .sec1b .sc1bin h3 { font-size: 24px; } }
#training .sec1 .sec1b .sc1bin p.lead { line-height: 2.4em; display: block; font-size: 18px; font-family: AozoraMincho; color: #fff; text-align: center; }
@media screen and (max-width: 584px) { #training .sec1 .sec1b .sc1bin p.lead { font-size: 14px; line-height: 2em; } }
#training .sec2 .secin { padding-top: 25vh; padding-bottom: 25vh; }
@media screen and (max-width: 584px) { #training .sec2 .secin { padding-top: 20vh; padding-bottom: 20vh; } }
#training .sec2 ul { width: 100%; max-width: 960px; margin-left: auto; margin-right: auto; box-sizing: border-box; position: relative; }
#training .sec2 ul li { position: relative; background-color: #FDF6F5; box-sizing: border-box; width: 49%; margin-right: 2%; padding: 10px; float: left; margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; font-size: 20px; }
@media screen and (max-width: 584px) { #training .sec2 ul li { width: 100%; float: none; margin: 0; margin-bottom: 10px; font-size: 14px; } }
#training .sec2 ul li span { color: #D9300A; display: inline-block; margin-right: 10px; position: relative; border-right: 1px solid #D9300A; padding-right: 10px; }
#training .sec2 ul li:nth-child(2n) { margin-right: 0; }
#training .sec3 { position: relative; background-size: cover; background-position: center center; background-attachment: fixed; background-image: url("../images/training/img_02.jpg"); }
@media screen and (max-width: 584px) { #training .sec3 { background-image: none; }
  #training .sec3::before { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 2; content: ""; background-size: cover; background-position: center center; background-image: url("../images/training/img_02.jpg"); opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
  #training .sec3.cs3::before { opacity: 1; } }
#training .sec3 .cov { width: 100%; height: 100%; left: 0; top: 0; z-index: 3; background-color: rgba(0, 0, 0, 0); position: absolute; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#training .sec3.cs3 .cov { background-color: rgba(0, 0, 0, 0.4); }
#training .sec3.cs4 .cov { background-color: rgba(0, 0, 0, 0.7); }
#training .sec3 .sec3a { position: relative; box-sizing: border-box; height: 150vh; width: 100%; }
@media screen and (max-width: 584px) { #training .sec3 .sec3a { height: 100vh; } }
#training .sec3 .sec3a h2 { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; margin: 0; border: 5px solid #FFFFFF; padding: 50px; text-align: center; font-family: "ff-angie-pro"; font-size: 50px; line-height: 1.5em; max-width: 760px; color: #fff; z-index: 5; }
#training .sec3 .sec3a h2 span { display: block; font-size: 20px; font-family: AozoraMincho; color: #fff; }
@media screen and (max-width: 584px) { #training .sec3 .sec3a h2 { width: 80%; padding: 20px; font-size: 25px; }
  #training .sec3 .sec3a h2 span { font-size: 14px; } }
#training .sec3 .sec3b { position: relative; box-sizing: border-box; height: 100vh; width: 100%; }
#training .sec3 .sec3b .sc3bin { position: absolute; left: 50%; top: 10%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; margin: 0; padding: 50px; text-align: center; font-family: "ff-angie-pro"; color: #fff; z-index: 5; }
#training .sec3 .sec3b .sc3bin h3 { font-size: 30px; margin: 0; margin-bottom: 60px; }
@media screen and (max-width: 584px) { #training .sec3 .sec3b .sc3bin h3 { font-size: 24px; } }
#training .sec3 .sec3b .sc3bin p.lead { line-height: 2.4em; display: block; font-size: 18px; font-family: AozoraMincho; color: #fff; text-align: center; }
@media screen and (max-width: 584px) { #training .sec3 .sec3b .sc3bin p.lead { font-size: 14px; line-height: 2em; } }
@media screen and (max-width: 584px) { #training footer, #training .ptit, #training .sec4, #training .sec2, #training .seccontent { z-index: 4; background-color: #fff; } }