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

/*reset css*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
display: block
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*extra css*/

a img{
    border-style:none;
    }

img{vertical-align: bottom;}

/*font size css*/
html{
    font-size:62.5%;
    }

h1{
    font-size:3rem;
    padding:0px 10px;
    line-height: 150%;
    }
h2{
    font-size:2rem;
     line-height: 150%;
}

p{padding:5px 0px;}

.pd5{padding:5px;}
.pd10{padding:10px;}
.mg5{margin:5px;}
.mg10{margin:10px;}
.mg30-t{margin-top:30px;}
.pd10-t{padding-top:10px;}
.pd10-b{padding-bottom:10px;}
.pd20-b{padding-bottom:20px;}
.mg10-b{margin-bottom:10px;}
.fb{font-weight: bold;}
.f60r{font-size:0.6rem;}
.f80r{font-size:0.8rem;}
.f100r{font-size:1rem;}
.f120r{font-size:1.2rem;}
.f140r{font-size:1.4rem;}
.f160r{font-size:1.6rem;}
.f180r{font-size:1.8rem;}
.f200r{font-size:2rem;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}
.lh250{line-height:250%;}
.lh300{line-height:300%;}
.op60{opacity:0.6; }
.op70{opacity:0.7; }
.op80{opacity:0.8; }
.tx_c{text-align:center;}

.color-r{color:#AD1F22;}
.color-bl{color:#6b83b1}

.fl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
}

.wp{-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;}

.nwp{-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-o-flex-wrap: nowrap;
flex-wrap: nowrap;}

.w25{width:25%;height:auto;}
.w30{width:30%;height:auto;}
.w33{width:33%;height:auto;}
.w50{width:50%;height:auto;}
.w70{width:70%;height:auto;}
.w100{width: 100%;height: auto;}

@media screen and (max-width:768px){
.w25{width:100%;height:auto;}
.w30{width:100%;height:auto;}
.w33{width:100%;height:auto;}
.w50{width:100%;height:auto;}
.w70{width:100%;height:auto;}
}