@charset "UTF-8";


img {
	max-width: 100%;
	height: auto;
}
p {
	line-height:175%;
}
a {
    transition: 0.3s ease;
}
 a:hover {
    text-decoration: none;
}
a.anchor {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.mb-6{
	margin-bottom: 6rem!important;
}
.mb-7{
	margin-bottom: 10rem!important;
}
.mt-6{
	margin-top: 6rem!important;
}
.mt-7{
	margin-top: 10rem!important;
}
.my-6{
	margin-bottom: 6rem!important;
	margin-top: 6rem!important;
}
.my-7{
	margin-bottom: 10rem!important;
	margin-top: 10rem!important;
}
.px-6{
    padding-left:6rem!important;
    padding-right: 6rem!important;
}
.pb-6{
	padding-bottom:6rem!important;
}
.pb-7{
	padding-bottom:10rem!important;
}

.pt-6{
	padding-top:6rem!important;
}
.pt-7{
	padding-top:10rem!important;
}

.py-6{
	padding-top:6rem!important;
	padding-bottom:6rem!important;
}
.py-7{
	padding-top:10rem!important;
	padding-bottom:10rem!important;
}
.spacer-1{
	display:inline-block;
	height:1rem;
	width:1rem;
}
.spacer-2{
	display:inline-block;
	height:1rem;
	width:2rem;
}
.spacer-3{
	display:inline-block;
	height:1rem;
	width:3rem;
}
.spacer-4{
	display:inline-block;
	height:1rem;
	width:4rem;
}
.spacer-5{
	display:inline-block;
	height:1rem;
	width:5rem;
}

.spacer-8{
	display:inline-block;
	height:1rem;
	width:7.6rem;
}
.z-index10 {
	z-index:10;
}
.z-index20 {
	z-index:20;
}
.z-index30 {
	z-index:30;
}
.z-index40 {
	z-index:40;
}
.z-index50 {
	z-index:50;
}
.font-size70 {
    font-size: 0.7rem;
}
.font-size80{
	font-size:0.8rem!important;
}
.font-size90{
	font-size:0.9rem!important;
}
.font-size100 {
	font-size:1rem!important;
}
.font-size125 {
	font-size:1.25rem!important;
}
.font-size150 {
	font-size:1.5rem!important;
}
.font-size200 {
	font-size:2rem!important;
}
.font-size250 {
	font-size:2.5rem!important;
}
.font-size300 {
	font-size:3rem!important;
}
.font-size350 {
	font-size:3.5rem!important;
}
.font-size400 {
	font-size:4rem!important;
}
.lh-100 {
    line-height: 100%;
}
.lh-150 {
    line-height: 150%;
}
.lh-200 {
    line-height: 200%;
}
.lh-250 {
    line-height: 250%;
}
.lh-300 {
    line-height: 300%;
}
.ls-02{
    letter-spacing: -0.15em;
}
.ls-01{
    letter-spacing: -0.05em;
}
.ls-0 {
    letter-spacing: 0;
}
.ls-2 {
    letter-spacing: 0.2em;
}
.ls-3{
    letter-spacing: 0.3em;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.list-flex {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.list-flex li+li {
    margin-left: 1rem;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.img-container32 {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.img-container32:before{
    content:"";
    display: block;
    padding-top: 66.6666%; 
}
.img-container43 {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.img-container43:before{
    content:"";
    display: block;
    padding-top: 75%; 
}
.img-container169 {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.img-container169:before{
    content:"";
    display: block;
    padding-top: 56.25%; 
}

.img-container11 {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.img-container11:before{
    content:"";
    display: block;
    padding-top: 100%; 
}
.img-container21 {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.img-container21:before{
    content:"";
    display: block;
    padding-top: 50%; 
}
.aspfix {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.aspfix img,.aspfix video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



@media screen and (min-width: 459.8px){	
    .br-xs { display:none; }
}
@media screen and (max-width: 459.8px){	
    .br-xs { display:block; }
}
@media screen and (min-width: 767.8px){	
    .br-pc { display:block; }
    .br-sp { display:none; }
    a[href^="tel:"]{
        pointer-events: none;
    }
}
@media screen and (max-width: 767.8px){	
    .br-pc { display:none; }
    .br-sp { display:block; }
}
@media screen and (min-width: 850.8px){	
    .br-tab { display:none; }
}
@media screen and (max-width: 850.8px){	
    .br-tab { display:block; }
}
@media screen and (min-width: 991.8px){	
    .br-lg { display:none; }
}
@media screen and (max-width: 991.8px){	
    .br-lg { display:block; }
}
@media (max-width:1119.8px) {
    .br-xl {display:block;}
}
@media (min-width:1119.8px) {
    .br-xl {display:none;}
}



/*--col15--*/
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
.red{
  background-color: red;
}
.blue{
  background-color: blue;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
.col-15{
  width: 20%;
  flex: 0 0 20%;
}



