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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){

	section#access {
		padding-top: 4.4vw;
	}
	
	section#access div.section_inner{
		width: 65.8%;
		max-width: 900px;
		margin: 0 auto;
	}
	
	section#access div.section_inner div.box + div.box{
		margin-top: 8vw;
	}
	
	section#access div.section_inner h6{
		width: 9em;
		margin: 0 auto 0.5em;
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		font-weight: 400;
		line-height: 1;
		color: #FFF;
		text-align: center;
		background: #DB6A93;
		border-radius: 14px;
		padding: 0.25em 0;
	}
	
	section#access div.section_inner h3{
		font-size: 3.5rem;
		font-size: clamp(1.75rem, 2.56vw, 3.5rem);
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0.08em;
		padding-bottom: 0.75em;
		margin-bottom: 1em;
		text-align: center;
		position: relative;	
	}
	
	section#access div.section_inner h3::after{
		content: "";
		width: 100%;
		height: 0.36vw;
		max-height: 5px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #D6EEFF;
		background: linear-gradient(90deg,rgba(214, 238, 255, 1) 5%, rgba(253, 231, 233, 1) 100%);
	}
	
	section#access div.section_inner h3 small{
		font-size: 57%;
	}
	
	section#access div.section_inner div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#access div.section_inner div.block div.add{
		width: 48%;
	}
	
	section#access div.section_inner div.block div.add dl dt{
		width: 5em;
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		font-weight: 500;
		line-height: 1;
		color: #FFF;
		text-align: center;
		background: #C6C6C6;
		border-radius: 14px;
		padding: 0.25em 0;
		margin-bottom: 0.5em;
	}
	
	section#access div.section_inner div.block div.add dl dd{
		width: 100%;
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		font-weight: 400;
		line-height: 1.6;
	}
	
	section#access div.section_inner div.block div.add dl dd p span{
		font-size: 92%;
		display: inline-block;
		margin-left: 0.5em;
	}
	
	section#access div.section_inner div.block div.add dl dd a{
		width: 100%;
		font-size: 2.2rem;
		font-size: clamp(1.1rem, 1.61vw, 2.2rem);
		font-weight: 500;
	}
	
	section#access div.section_inner div.block div.add dl dd + dt{
		margin-top: 1.25em;
	}
	
	section#access div.section_inner div.block div.map{
		width: 48%;
	}
	
	section#access div.section_inner div.block div.map iframe{
		width: 100%;
		height: 100%;
	}
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){

	section#access {
		padding-top: 10vw;
	}
	
	section#access div.section_inner{
		width: 88%;
		margin: 0 auto;
	}
	
	section#access div.section_inner div.box + div.box{
		margin-top: 15vw;
	}
	
	section#access div.section_inner h6{
		width: 9em;
		margin: 0 auto 0.5em;
		font-size: 1.4rem;
		font-size: clamp(1.4rem, calc(0.108rem + 3.590vw), 2.8rem);
		font-weight: 400;
		line-height: 1;
		color: #FFF;
		text-align: center;
		background: #DB6A93;
		border-radius: 3.06vw;
		padding: 0.25em 0;
	}
	
	section#access div.section_inner h3{
		font-size: 2.2rem;
		font-size: clamp(2.2rem, calc(0.169rem + 5.641vw), 4.4rem);
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0.08em;
		text-align: center;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
		position: relative;
	}
	
	section#access div.section_inner h3::after{
		content: "";
		width: 100%;
		height: 0.66vw;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #D6EEFF;
		background: linear-gradient(90deg,rgba(214, 238, 255, 1) 5%, rgba(253, 231, 233, 1) 100%);
	}
	
	section#access div.section_inner h3 small{
		font-size: 55%;
	}
	
	section#access div.section_inner div.block {
		display: block;
	}
	
	section#access div.section_inner div.block div.add{
		width: 100%;
	}
	
	section#access div.section_inner div.block div.add dl dt{
		width: 6em;
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		font-weight: 500;
		line-height: 1;
		color: #FFF;
		text-align: center;
		background: #C6C6C6;
		border-radius: 3.06vw;
		padding: 0.25em 0;
		margin-bottom: 0.5em;
	}
	
	section#access div.section_inner div.block div.add dl dd{
		width: 100%;
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		font-weight: 400;
		line-height: 1.6;
	}
	
	section#access div.section_inner div.block div.add dl dd p span{
		font-size: 92%;
		display: inline-block;
		margin-left: 0.5em;
	}
	
	section#access div.section_inner div.block div.add dl dd a{
		width: 100%;
		font-size: 1.5rem;
		font-size: clamp(1.5rem, calc(0.115rem + 3.846vw), 3.0rem);
		font-weight: 500;
	}
	
	section#access div.section_inner div.block div.add dl dd + dt{
		margin-top: 1.25em;
	}
	
	section#access div.section_inner div.block div.map{
		width: 100%;
		height: 58.4vw;
		margin-top: 5.4vw;
	}
	
	section#access div.section_inner div.block div.map iframe{
		width: 100%;
		height: 100%;
	}
}