@charset "utf-8";
/* ==================================================================
CSS information
style info :「戦術」ページ用
================================================================== */



/* --------------------------------------------------------
#nav
-------------------------------------------------------- */
#navLinks li.nav07 a { background-color:#b4000e;}




/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background:url(../_img/08/bg.jpg) no-repeat 0 0; background-size:100%; padding-bottom:20px; }



.pc { display:none;}


.attention01 .icon { max-height:100%;}
.attention01 .icon { left:0px; top:50%; margin-top:-15px;  }
.attention01 .mark { min-height:1em; padding:5px 5px 5px 60px; }

.pic01Box { margin:0px 0 10px 0; }
.pic02Box { margin:0px 0 10px 0; }

.pic03Box { text-align:center; }

.pic04Box { float:right; margin-left:20px; }

.text05Box { float:none; width:auto;}
.pic05Box { float:right; margin-left:10px; margin-top:0; }

@media screen and (max-width: 768px) { /* 768px以下の記述 */
.pic04Box img { width:94px; height:auto; }
.pic05Box img { width:94px; height:auto; }
}

@media screen and (min-width: 769px) { /* 769px以上の記述 */
#contents { background-attachment: fixed; }

.pc { display:block;}
.sp { display:none;}

.attention01 .mark { min-height:1em; padding:15px 5px 15px 60px; }

.pic01Box { float:left; margin:0px 20px 0 0; }
.pic02Box { float:left; }
.pic01Box img { max-width:100%; }
.pic02Box img { max-width:100%; }

.text04Box { float:left; }
.pic04Box { float:left; margin-left:20px; }
.pic04Box img { max-width:100%;}

.text05Box { float:left; margin-bottom:40px; }
.pic05Box { float:left; margin-left:20px; margin-top:-40px; }
.pic05Box img { max-width:100%;}


.pic06Box { float:right; margin-left:20px; }





}