

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@media (max-width: 768px) {/******************* ipadmini以上の場合STA *******************/

.container {
    font-size: 12px;
    width: 98%;
}

.container2 {
    width: 98%;
}

.container3 {
    width: 98%;
}

.container4 {
    width: 100%;
}

.container_top{
  width: 100%;  
  float: center;
}

.col_menu,
.col_flow,
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
float: left;
}
.col_12 {
  width: 100%;
}
.col_11 {
  width: 100%;
}
.col_10 {
  width: 100%;
}
.col_9 {
  width: 100%;
}
.col_8 {
  width: 100%;
}
.col_7 {
  width: 100%;
}
.col_6 {
  width: 100%;
}
.col_5 {
  width: 100%;
}
.col_4 {
  width: 100%;
}
.col_3 {
  width: 100%;
}
.col_2 {
  width: 100%;
}
.col_flow {
  width: 100%;
}
.col_menu {
  width: 100%;
}
.col_1 {
  width: 100%;
}

.col_menu_p,
.col_1_p,
.col_2_p,
.col_3_p,
.col_4_p,
.col_5_p,
.col_6_p,
.col_7_p,
.col_8_p,
.col_9_p,
.col_10_p,
.col_11_p,
.col_12_p {
float: left;
}

.col_12_p {
  width: 100%;
}
.col_11_p {
  width: 91.66666666666666%;
}
.col_10_p {
  width: 83.33333333333333%;
}
.col_9_p {
  width: 75%;
}
.col_8_p {
  width: 66.66666666666666%;
}
.col_7_p {
  width: 58.333333333333336%;
}
.col_6_p {
  width: 50%;
}
.col_5_p {
  width: 41.66666666666667%;
}
.col_4_p {
  width: 33.3334%;
}
.col_3_p {
  width: 25%;
}
.col_2_p {
  width: 16.666666666666666%;
}
.col_menu_p {
  width: 12%;
}
.col_1_p {
  width: 8.333333333333332%;
}



.left_p{
  text-align: left;
}

.logo_w{
  width: 0%;
  margin: 0px 0px 0px 0px;
}

.logo_comsys{
  width: 0%;
  margin: 0px 0px 0px 0px;
}

.menu_bottom{
  border-bottom: 0px solid #174191;  
}

.top_img{
  width: 0%;
  margin: 20px 0px 20px 0px;
}

.top_img2{
  width: 100%;
  margin: 20px 0px 20px 0px;
}




}/******************* デスクトップ以上END *******************/
