@charset "utf-8";

/* ----------------------------------------------------------------------------
	コンセプト
	concept
---------------------------------------------------------------------------- */

#visual .unit .bg{
	background: url("../../concept/img/img01.jpg") center/cover no-repeat;
}

#content #visual .copy_area h1.min{
	text-align: center;
	margin: 0 auto;
}

#content #visual .copy_area h3{
	width: 100%;
	text-align: center;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	line-height: 1.4;
	padding: 1.0em 0 0 0;
	color: var(--wt-color);
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

#content #visual .copy_area h4{
	width: 100%;
	text-align: center;
	font-size: 1.625rem;
	letter-spacing: 0.1em;
	line-height: 1.4;
	padding: 0.5em 0 0 0;
	color: var(--wt-color);
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
@media only screen and (max-width: 999px) {
	#content #visual .copy_area h3{
		font-size: 2.125rem;
		letter-spacing: 0.1em;
	}
	#content #visual .copy_area h4{
		font-size: 1.412rem;
	}
}
@media only screen and (max-width: 768px) {
	#visual .unit .bg{
		background: url("../../concept/img/img01_sp.jpg") center left/cover no-repeat;
	}
	
	#content #visual .copy_area h3{
		font-size: 1.875rem;
	}
	#content #visual .copy_area h4{
		font-size: 1.250rem;
	}
	
}
@media only screen and (max-width: 480px) {
	#content #visual .copy_area h3{
		font-size: 1.625rem;
	}
	#content #visual .copy_area h4{
		font-size: 1.000rem;
	}
}



#content .w_image_wrap{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#content .w_image{
	width: 100%;
	position: relative;
}
#content .w_image::before{
	content: "";
	display: block;
	padding-top: 50%;
}
#content .w_image figcaption{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#content .w_image.img01{
	background: url("../../concept/img/img02.jpg") center center/cover no-repeat;
}

#content .imgWide{
	padding: 0 0 10vw 0;
}
#content .imgWide .in-box-in{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
#content .imgWide .txt_area{
	width: 100%;
	margin: 0 auto;
	padding: 5vw 0 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
#content .imgWide h3{
	width: 100%;
	text-align: center;
	font-size: 2.25rem;
	letter-spacing: 0.1em;
	line-height: 1.6;
	padding: 0 0 1em 0;
}
#content .imgWide p.copy{
	width: 100%;
	text-align: center;
	font-size: 1.125rem;
	letter-spacing: 0.03em;
	line-height: 2.0;
	padding: 0 0 3.0em 0;
}

#content .imgWide .img_unit{
	position: relative;
}
#content .imgWide .img_unit figcaption{
	width: 100%;
	padding: 10px 0 0 0;
	box-sizing: border-box;
}
#content .imgWide .img_unit figcaption p{
	text-align: left;
	padding: 0 0 0 0;
	font-size: 0.875rem;
}
#content .imgWide .img_unit figcaption p.name{
	text-align: left;
	padding: 0 0 0.0em 0;
	font-size: 1.000rem;
}

#content .imgWide .img_unit.img1{
	width: 550px;
}
#content .imgWide .img_unit.img2{
	width: 415px;
	margin: 150px 0 0 0;
}
@media only screen and (max-width: 1200px) {
	#content .imgWide .img_unit.img1{
		width: 50vw;
	}
	#content .imgWide .img_unit.img2{
		width: 33.5vw;
		margin: 15vw 0 0 0;
	}

}
@media only screen and (max-width: 999px) {	
	#content .w_image::before{
		content: "";
		display: block;
		padding-top: 65%;
	}
	
	#content .imgWide{
		padding: 0 0 11vw 0;
	}
	#content .imgWide .txt_area{
		padding: 6vw 0 10px 0;
	}
	#content .imgWide h3{
		font-size: 2.00rem;
	}
	#content .imgWide p.copy{
		font-size: 1.000rem;
	}

	#content .imgWide .img_unit figcaption p{
		font-size: 0.813rem;
	}
	#content .imgWide .img_unit figcaption p.name{
		font-size: 0.938rem;
	}



}
@media only screen and (max-width: 768px) {
	#content .imgWide{
		padding: 0 0 16vw 0;
	}
	#content .w_image::before{
		padding-top: 95%;
	}
	
	#content .w_image.img01{
		background: url("../../concept/img/img02_sp.jpg") center center/cover no-repeat;
	}
	
	#content .imgWide .txt_area{
		padding: 10vw 0 10px 0;
	}
	#content .imgWide h3{
		font-size: 1.725rem;
	}
	#content .imgWide p.copy{
		font-size: 0.938rem;
	}

	#content .imgWide .img_unit figcaption p{
		font-size: 0.750rem;
	}
	#content .imgWide .img_unit figcaption p.name{
		font-size: 0.875rem;
	}

	#content .imgWide .img_unit.img1{
		width: 48%;
	}
	#content .imgWide .img_unit.img2{
		width: 48%;
		margin: 0 0 0 0;
	}

}
@media only screen and (max-width: 480px) {
	#content .w_image::before{
		padding-top: 120%;
	}
	
	#content .imgWide .txt_area{
		padding: 11vw 0 11vw 0;
	}

	#content .imgWide h3{
		font-size: 6.3vw;
	}
	#content .imgWide p.copy{
		font-size: 3.2vw;
	}

	#content .imgWide .img_unit.img1{
		width: 100%;
		margin: 0 0 20px 0;
	}
	#content .imgWide .img_unit.img2{
		width: 100%;
		margin: 0 0 0 0;
	}
}



#content #direct_access{
	position: relative;
	margin: 0 auto;
	padding: 0 0 90px 0;
}

#content #direct_access .txt_area{
	width: 450px;
	text-align: left;
	padding: 0 0 50px 0;
}
#content #direct_access .txt_area.under{
	width: 515px;
	text-align: left;
	padding: 0 0 0 0;
	margin: -23% 0 0 auto;
}
#content #direct_access .txt_area h4{
	width: 100%;
	text-align: left;
	font-size: 1.875rem;
	letter-spacing: 0.1em;
	line-height: 1.6;
	padding: 0 0 1em 0;
}
#content #direct_access .txt_area p{
	width: 100%;
	text-align: left;
	line-height: 1.8;
}


#content #direct_access .txt_area .note{
	padding: 2.5em 0 0 0;
}


#content #direct_access .txt_area .time_unit{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	margin: 30px 0 0 0;
	border-left: #d4d4d4 5px solid;
}
#content #direct_access .txt_area .time_unit h5{
	width: 100%;
	text-align: left;
	font-size: 1.75rem;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
#content #direct_access .txt_area .time_unit h5 strong{
	font-size: 1.4285714285714286em;
	font-weight: 500;
}
#content #direct_access .txt_area .time_unit h5 small{
	font-size: 0.7em;
	font-weight: normal;
}
#content #direct_access .txt_area .time_unit h6{
	width: 100%;
	text-align: left;
	font-size: 1.125rem;
	letter-spacing: 0.1em;
	padding: 0 0 0.7em 0;
}

#content #direct_access .img_unit{
	position: relative;
}
#content #direct_access .img_unit figcaption{
	width: 100%;
	padding: 10px 0 0 0;
	box-sizing: border-box;
}
#content #direct_access .img_unit figcaption p{
	text-align: left;
	padding: 0 0 0 0;
	font-size: 0.875rem;
}
#content #direct_access .img_unit figcaption p.name{
	text-align: left;
	padding: 0 0 0.0em 0;
	font-size: 1.000rem;
}

#content #direct_access .img_unit.img1{
	width: 515px;
	position: absolute;
	top: 0;
	right: 0;
}
#content #direct_access .img_unit.img2{
	width: 450px;
}

@media only screen and (max-width: 1200px) {
	#content #direct_access .txt_area{
		width: 39vw;
		padding: 0 0 50px 0;
	}
	#content #direct_access .txt_area.under{
		width: 44.5vw;
		margin: -23% 0 0 auto;
	}


	#content #direct_access .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
	}
	#content #direct_access .txt_area .time_unit h5{
		font-size: 1.412rem;
	}
	#content #direct_access .txt_area .time_unit h6{
		font-size: 0.938rem;
	}
	
	#content #direct_access .img_unit figcaption p{
		font-size: 0.875rem;
	}
	#content #direct_access .img_unit figcaption p.name{
		font-size: 0.938rem;
	}

	#content #direct_access .img_unit.img1{
		width: 44.5vw;
		position: absolute;
		top: 0;
		right: 0;
	}
	#content #direct_access .img_unit.img2{
		width: 39vw;
	}

}
@media only screen and (max-width: 999px) {
	#content #direct_access{
		padding: 0 0 70px 0;
	}
	#content #direct_access .txt_area{
		width: 39vw;
		padding: 0 0 40px 0;
	}
	#content #direct_access .txt_area.under{
		width: 44.5vw;
		margin: -23% 0 0 auto;
	}
	#content #direct_access .txt_area h4{
		font-size: 1.625rem;
	}
	#content #direct_access .txt_area p{
		line-height: 1.8;
	}


	#content #direct_access .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
		border-left: #d4d4d4 5px solid;
	}
	#content #direct_access .txt_area .time_unit h5{
		font-size: 1.375rem;
	}
	#content #direct_access .txt_area .time_unit h6{
		font-size: 0.875rem;
	}
	
	#content #direct_access .img_unit figcaption p{
		font-size: 0.750rem;
	}
	#content #direct_access .img_unit figcaption p.name{
		font-size: 0.875rem;
	}

	#content #direct_access .img_unit.img1{
		width: 44.5vw;
		position: absolute;
		top: 0;
		right: 0;
	}
	#content #direct_access .img_unit.img2{
		width: 39vw;
	}
}
@media only screen and (max-width: 768px) {
	#content #direct_access{
		padding: 0 0 50px 0;
	}
	#content .in-box-in{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#content #direct_access .txt_area{
		width: 100%;
		padding: 0 0 30px 0;
	}
	#content #direct_access .txt_area.under{
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#content #direct_access .txt_area h4{
		font-size: 1.375rem;
		text-align: center;
	}
	#content #direct_access .txt_area p{
		line-height: 1.8;
		text-align: center;
	}


	#content #direct_access .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
		border-left: #d4d4d4 5px solid;
	}
	#content #direct_access .txt_area .time_unit h5{
		font-size: 1.125rem;
	}
	#content #direct_access .txt_area .time_unit h6{
		font-size: 0.813rem;
	}
	
	#content #direct_access .img_unit figcaption p{
		font-size: 0.688rem;
	}
	#content #direct_access .img_unit figcaption p.name{
		font-size: 0.813rem;
	}

	#content #direct_access .img_unit.img1{
		width: 48%;
		position: relative;
		top: auto;
		right: auto;
	}
	#content #direct_access .img_unit.img2{
		width: 48%;
	}
}
@media only screen and (max-width: 480px) {
	#content #direct_access{
		padding: 0 0 50px 0;
	}
	#content #direct_access .txt_area h4{
		font-size: 6vw;
		text-align: center;
	}
	#content #direct_access .txt_area p{
		font-size: 2.8vw;
	}


	#content #direct_access .txt_area .time_unit{
		padding: 0 0 0 25px;
		margin: 30px 0 0 0;
		border-left: #d4d4d4 5px solid;
	}
	#content #direct_access .txt_area .time_unit h5{
		font-size: 0.938rem;
	}
	#content #direct_access .txt_area .time_unit h6{
		font-size: 0.750rem;
	}
	
	#content #direct_access .img_unit figcaption p{
		font-size: 0.625rem;
	}
	#content #direct_access .img_unit figcaption p.name{
		font-size: 0.750rem;
	}

	#content #direct_access .img_unit.img1{
		width: 100%;
		padding: 0 0 20px 0;
	}
	#content #direct_access .img_unit.img2{
		width: 100%;
	}
}







#content .under_area{
	position: relative;
	margin: 0 auto;
	padding: 120px 0 90px 0;
	border-top: var(--lg-color) 1px solid;
}
#content .under_area .txt_area{
	width: 100%;
	text-align: center;
	padding: 60px 0 0 0;
}
#content .under_area .txt_area h4{
	width: 100%;
	text-align: center;
	font-size: 1.875rem;
	letter-spacing: 0.1em;
	line-height: 1.6;
	padding: 0 0 1em 0;
}
#content .under_area .txt_area p{
	width: 100%;
	text-align: center;
	line-height: 1.8;
}

#content .under_area .car_area{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#content .under_area .car_area .point{
	width: calc(100% / 3);
	overflow: hidden;
}

@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 999px) {
	#content .under_area{
		padding: 90px 0 60px 0;
	}
	#content .under_area .txt_area{
		padding: 40px 0 0 0;
	}
	#content .under_area .txt_area h4{
		font-size: 1.625rem;
	}
	#content .under_area .txt_area p{
		line-height: 1.8;
	}

	#content .under_area .car_area{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#content .under_area .car_area .point{
		width: calc(100% / 3);
	}
}
@media only screen and (max-width: 768px) {
	#content .under_area{
		padding: 60px 0 60px 0;
	}
	#content .under_area .txt_area{
		padding: 30px 0 0 0;
	}
	#content .under_area .txt_area h4{
		font-size: 1.375rem;
	}
	#content .under_area .car_area .point{
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	#content .under_area .txt_area h4{
		font-size: 6vw;
	}
	#content .under_area .txt_area p{
		font-size: 2.8vw;
	}
}