@charset "utf-8";

/*---------------------------------
add css standard start
--------------------------------*/

img {
  max-width: 100%;
}

table {
  width: 100%;
}

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
  clear: both;
}

.inline-block {  
  display: inline-block;  
  *display: inline;  
  *zoom: 1;  
}

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/

.contents div{
}

.img-left {
  float: left;
  width: 32%;
}

.text-right {
  float: right;
  width: 64%;
}

.img-right {
  float: right;
  width: 32%;
}

.text-left {
  float: left;
  width: 64%;
}

.align-left {
  text-align:right;
}

.align-right {
  text-align:right;
}

.align-center {
  text-align:center;
}

.content2-1 {
  width: 48%;
  float: left;
}

.content2-2 {
  width: 48%;
  float: right;
}

.content3-1,
.content3-2,
.content3-3 {
  width: 30%;
  float: left;
}

/*.content3_2 {
  margin-right: 5%;
  margin-left: 5%;
}
*/

.content4-1,
.content4-2,
.content4-3,
.content4-4 {
  /*width: 22%;*/
  width: 33%;
  float: left;
}

/*.content4_2 {
  margin-left: 4%;
  margin-right: 4%;
}

.content4_3 {
  margin-right: 4%;
}
*/

.note {
  background: #fcfcfc;
  padding: 8px 16px;
  margin: 16px 0;
}

.note p {
  margin: 0;
  padding: 4px 0;
}

.header-left {
  width: 48%;
  float: left;
}

.header-right {
  width: 48%;
  float: right;
}

.row {
    margin: 0 -10px;
}
.row .col-1, .row .col-2, .row .col-2s, .row .col-2l, .row .col-3, .row .col-4, .row .col-5 {
    padding: 0 10px;
}

.col-1, .col-2, .col-2s, .col-2l, .col-3, .col-4, .col-5 {
    box-sizing: border-box;
    float: left;
}

.col-1 {
    width: 100%;
}
.col-2 {
    width: 50%;
}
.col-2s {
    width: 33.3333%;
}
.col-2l {
    width: 66.6667%;
}
.col-3 {
    width: 33.3333%;
}
.col-4 {
    width: 25%;
}
.col-5 {
    width: 20%;
}



@media screen and (max-width: 480px){
.contents div{
  width: 100%;
  margin: 0 0 24px;
  float: none;
}

.col-1, .col-2, .col-2s, .col-2l, .col-3, .col-4, .col-5 {
  width: 92%;
  float: none;
  margin: 0 4% 10px;
}

}