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

* {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:;
  color: #333;
  line-height: 1.3;
  font-weight: normal;
    margin: 0;
 }

p {
  color: #838383;
  font-size: 15px;
  line-height: 1.7;
  font-weight: normal;
  margin:0;
  padding:0; }

a {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #000;
  font-weight: normal;
  font-size: auto; }
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration:underline;
  outline: 0 solid transparent;
  font-weight: normal;
  font-size: auto; }
ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

img {
  height: auto;
  max-width: 100%; }

/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-50 {
  margin-right: 50px !important; }



/* br none */
 
@media screen and (max-width: 577px) {
	.none-sp { display:none !important; }
}

@media screen and (max-width: 767px) {
	.none-sptab { display:none !important; }
}

@media screen and (min-width: 577px) {
	.none-tabpc { display:none !important; }
}

@media screen and (min-width: 767px) {
	.none-tabpc2 { display:none !important; }
}


@media screen and (min-width: 992px) {
	.none-pc { display:none !important; }
}


/* rowを使わない中央表示用 */
.flex_only {
display:flex ;	
}

/* rowを使うcol */
.flex {
display:flex ;	
}
@media screen and (max-width: 568px) { 
.flex {
display:inherit;	
}
}


/* 中央表示 */
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}



/* 内容の中央表示 */

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
	
}