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

.Info__content{
	margin: 5rem 0;
	/*font-size: 1.8rem;*/
	}
	
#Info .HeadingPrimary .Heading{
	width:100%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.8rem 0;
	font-size: 3.6rem;
	color:#333;
	border-bottom:2px solid;
	border-color:var(--gray-medium);
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
	 #Info .HeadingPrimary .Heading{
		font-size: 2.7rem;
	  }
	}
	@media only screen and (max-width: 559px) {
	  #Info .HeadingPrimary .Heading{
		font-size: 2.2rem;
	  }
	} 
#Info .HeadingPrimary .Heading__sub{
display: block;
font-size: 2.4rem;
color:var(--kblue-deep);
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
	 #Info .HeadingPrimary .Heading__sub{
		font-size: 2rem;
	  }
	}
	@media only screen and (max-width: 559px) {
	  #Info .HeadingPrimary .Heading__sub{
		font-size: 1.6rem;
	  }
	} 


#Info .Button__List .Button.-Medium{
font-size: 2rem;
}
#Info .Button__List .Button.-Medium .Button__text{
padding: 3rem 2rem;
font-size: 1.8rem;
}
@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .Button__List .Button.-Medium .Button__text {
			padding: 2rem 2rem;
			font-size: 1.6rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .Button__List .Button.-Medium .Button__text {
			padding: 1.5rem 2rem;
			font-size: 1.6rem;
		}
	}


#Info .Button__List.-inqury {
justify-content: space-between;
}
#Info .Button__List.-inqury .ButtonList__item{
width:calc((100% - 2rem)/2);
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .Button__List.-inqury .ButtonList__item {
			
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .Button__List.-inqury .ButtonList__item{
			width:100%;
		}
	}
#Info .Button__List.-inqury .ButtonList__item .Button.-gray{
background:#aaa;
}
#Info .Button__List.-inqury .ButtonList__item .Button.-gray::before{
	display: none;
}

#Info .Button__List.-inqury .ButtonList__item .Button__text{
padding: 3rem 2rem;
font-size: 2rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .Button__List.-inqury .ButtonList__item .Button__text{
			padding: 2.5rem 3rem;
			font-size: 1.8rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .Button__List.-inqury .ButtonList__item .Button__text{
			padding: 1.5rem;
			font-size: 1.6rem;
		}
	}


#Info #Main__Inner .Block__section {
  margin-top: 10rem;
}
#Info #Main__Inner .Block__section:first-child {
  margin-top: 10rem;
}
#Info #Main__Inner .Block__section .Heading{
  font-size: 2.6rem;
  margin-bottom: 1em;
  color:#333;
}

#Info .BaseList{
	width:100%;
	margin: 0 0 1em 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap:4rem;
	}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .BaseList{
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .BaseList{
			gap:1em;
			}
	}
#Info .BaseList__item{
	width:calc((100% - 4rem)/2);
	border-top:2px solid;
	border-color:var(--kblue);
	padding: 1.5rem 0 0 0;
	
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	gap:2rem;
	}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .BaseList__item{
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .BaseList__item{
			width:100%;
			padding: 1rem 0 0 0;
			flex-wrap: wrap;
			gap:0;
		}
	}
#Info .Base__title{
width:40%;
}
@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .Base__title{
			width:40%;
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .Base__title{
			width:100%;
		}
	}
#Info .Base__title h3{
color:var(--kblue-deep);
font-size: 2rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .Base__title h3{
			font-size: 1.8rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .Base__title h3{
			font-size: 1.6rem;
		}
	}
#Info .Base__address{
	width:calc(60% - 2rem);
	}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Info .Base__address{
			width:calc(60% - 2rem);
		}
	}
	@media only screen and (max-width: 559px) {
		#Info .Base__address{
			width:100%;
		}
	}
#Info .Base__address p{
	}