@charset "utf-8";
/*////////////////////////////////////
font
////////////////////////////////////*/
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: "Noto Serif HK", serif;
font-family: "Kiwi Maru", serif;
font-family: "Zen Kaku Gothic New", sans-serif;
*/


/*////////////////////////////////////
concept_header
////////////////////////////////////*/

@media screen and (min-width: 768px) {
#under_header_concept_area{
	background-color: rgba(194,172,191,0.2);
}

#under_header_concept_subtitle::before{
  	color: rgba(194,172,191,1);
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#under_header_concept_area{
	background-color: rgba(194,172,191,0.2);
}

#under_header_concept_subtitle::before{
  	color: rgba(194,172,191,1);
}
}


/*////////////////////////////////////
concept_area
////////////////////////////////////*/

@media screen and (min-width: 768px) {
#concept_area{
	background-color: rgba(194,172,191,0.2);
    background-image: linear-gradient(rgba(194,172,191,0.5), rgba(194,172,191,0.5)),url(../img/noise3.png);
}

#concept_list{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	padding: 20px 0;
}

#concept_list_left{
	position: relative;
	width: 65%;
	margin-right: 5%;
}

#concept_list_right{
	position: relative;
	width: 30%;
}

#concept_list_right img{
	border-radius: 20px;
}

#concept_value{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.concept_value_place{
	position: relative;
	width: 48%;
	margin-bottom: 30px;
	background: #fefefe;
	border-radius: 20px;
	padding: 10px;
	display: flex;
  	flex-direction: column;
}

.concept_value_place:nth-child(1),
.concept_value_place:nth-child(3){
	margin-right: 4%;
}

.concept_value_place:nth-child(1){
	border: solid 2px rgba(194,172,191,1);
}

.concept_value_place:nth-child(2){
	border: solid 2px rgba(88,152,180,1.00);
}

.concept_value_place:nth-child(3){
	border: solid 2px rgba(204,161,150,1.00);
}

.concept_value_place:nth-child(4){
	border: solid 2px rgba(160,178,148,1.00);
}

.concept_value_place_inner{
	position: relative;
	border-radius: 20px;
	padding: 20px;
	flex-grow: 1;	
}

#concept_value_place_inner1{	
	border: 3px dashed rgba(194,172,191,1);	
}

#concept_value_place_inner2{
	border: 3px dashed rgba(88,152,180,1.00);	
}

#concept_value_place_inner3{
	border: 3px dashed rgba(204,161,150,1.00);
}

#concept_value_place_inner4{
	border: 3px dashed rgba(160,178,148,1.00);
}

.concept_value_img{
	position: relative;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.concept_value_img img{
	aspect-ratio: 1/1;
}

.concept_value_title{
	position: relative;
	width: 100%;
	font-family: "Kiwi Maru", serif;
	font-size: clamp(1.8rem,2vw,3rem);
 	font-weight:600;
	color: #333333;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#concept_area{
	background-color: rgba(194,172,191,0.2);
    background-image: linear-gradient(rgba(194,172,191,0.5), rgba(194,172,191,0.5)),url(../img/noise3.png);
}

#concept_list{
	position: relative;
	width: 100%;
}

#concept_list_left{
	position: relative;
	width: 100%;
}

#concept_list_right{
	position: relative;
	width: 100%;
}

#concept_list_right img{
	border-radius: 20px;
}

#concept_value{
	position: relative;
	width: 100%;
}

.concept_value_place{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	background: #fefefe;
	border-radius: 20px;
	padding: 10px;
}

.concept_value_place:nth-child(1){
	border: solid 2px rgba(194,172,191,1);
}

.concept_value_place:nth-child(2){
	border: solid 2px rgba(88,152,180,1.00);
}

.concept_value_place:nth-child(3){
	border: solid 2px rgba(204,161,150,1.00);
}

.concept_value_place:nth-child(4){
	border: solid 2px rgba(160,178,148,1.00);
}

.concept_value_place_inner{
	position: relative;
	border-radius: 20px;
	padding: 20px;
	flex-grow: 1;	
}

#concept_value_place_inner1{	
	border: 3px dashed rgba(194,172,191,1);	
}

#concept_value_place_inner2{
	border: 3px dashed rgba(88,152,180,1.00);	
}

#concept_value_place_inner3{
	border: 3px dashed rgba(204,161,150,1.00);
}

#concept_value_place_inner4{
	border: 3px dashed rgba(160,178,148,1.00);
}

.concept_value_img{
	position: relative;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.concept_value_img img{
	aspect-ratio: 1/1;
}

.concept_value_title{
	position: relative;
	width: 100%;
	font-family: "Kiwi Maru", serif;
	font-size: 2rem;
 	font-weight:600;
	color: #333333;
}
}