@charset "UTF-8";

/***************************************************

	concept

***************************************************/

#archive_wrapp{
	width: 100%;
	padding: 0 0 40px;
}

#concept-copy01{
	background: url(/images/concept/concept_bg01.jpg) no-repeat 0 0 #fff;
	background-size: cover;
	padding: 100px 0 130px;
}

#concept-copy01 #wrapp{

}

#concept-copy01 #wrapp h2{
	font-size: 41px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0 0 40px;
	text-shadow:2px 2px 3px #333333;
}

#concept-copy01 #wrapp p{
	font-size: 50px;
	color: #fff;
	line-height: 2.0;
	text-align: center;
	text-shadow:2px 2px 3px #333333;
}


#concept-copy02{
	padding: 60px 0 60px;
}

#concept-copy02 h3{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 70px;
}


#concept-copy02 #concept_image01{
	width: 1024px;
	margin: 0 auto 120px;
	position: relative;
}

#concept-copy02 #concept_image01 .image01{
	width: 318px;
	margin: 0 auto;
}

#concept-copy02 #concept_image01 li{
	position: absolute;
}

#concept-copy02 #concept_image01 li.li01{
	top: 0px;
	right: 0px;
	width: 330px;
}

#concept-copy02 #concept_image01 li.li02{
	top: 20px;
	left: 0px;
	width: 360px;
}

#concept-copy02 #concept_image01 li.li03{
	bottom: -20px;
	left: 50px;
	width: 410px;
}

#concept-copy02 #concept_image01 li .catch{
	font-size: 27px;
	font-weight: bold;
	margin: 0 0 12px;
}

#concept-copy02 #concept_image01 li .caption{
	font-size: 14px;
}

#concept-copy02 #concept_image01 li.li01 .catch{
	color: #E00515;
	border-bottom: 1px solid #E00515;
}

#concept-copy02 #concept_image01 li.li02 .catch{
	color: #5C090D;
	border-bottom: 1px solid #5C090D;
}

#concept-copy02 #concept_image01 li.li03 .catch{
	color: #DCAF7E;
	border-bottom: 1px solid #E3C098;
}

#concept-copy02 .image02{
	width: 180px;
	margin: 0 auto 40px;
}

#concept-copy02 .comm-areaent{
	width: 640px;
	margin: 0 auto;
}

#concept-copy02 .comm-areaent p{
	line-height: 1.8;
	margin: 0 0 16px;
}

#concept-copy02 .comm-areaent .greeting-title{
	text-align: center;
	font-size: 20px;
}

#concept-copy02 .comm-areaent .copy{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 22px 0 16px;
	position: relative;
}

#concept-copy02 .comm-areaent .copy span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 1em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}

/*
#concept-copy02 .comm-areaent .copy::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

#concept-copy02 .comm-areaent .copy strong{
	color: #DE0022;
	font-weight: bold;
}
*/

#concept-copy02 .comm-areaent .name{
	text-align: right;
}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

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

#archive_wrapp{
	width: 100%;
	padding: 0 0 30px;
}

#concept-copy01{
	background: url(/images/concept/concept_bg01.jpg) no-repeat 50% 50% #fff;
	background-size: cover;
	padding: 60px 0 90px;
}

#concept-copy01 #wrapp{

}

#concept-copy01 #wrapp h2{
	font-size: 2.0rem;
	margin: 0 0 20px;
}

#concept-copy01 #wrapp p{
	font-size: 2.8rem;
	line-height: 1.8;
}


#concept-copy02{
	padding: 30px 0 30px;
}

#concept-copy02 h3{
	font-size: 2.0rem;
	margin: 0 0 20px;
}


#concept-copy02 #concept_image01{
	width: auto;
	margin: 0 auto 60px;
}

#concept-copy02 #concept_image01 .image01{
	width: 60%;
	margin: 0 auto 20px;
}

#concept-copy02 #concept_image01 li{
	    position: static;
	    margin: 0 0 15px;
}

#concept-copy02 #concept_image01 li.li01{
	width: auto;
}

#concept-copy02 #concept_image01 li.li02{
	width: auto;
}

#concept-copy02 #concept_image01 li.li03{
	width: auto;
}

#concept-copy02 #concept_image01 li .catch{
	font-size: 1.8rem;
	margin: 0 0 8px;
}

#concept-copy02 #concept_image01 li .caption{
	font-size: 1.4rem;
}

#concept-copy02 .image02{
	width: 40%;
	margin: 0 auto 20px;
}

#concept-copy02 .comm-areaent{
	width: auto;
	margin: 0 auto;
}

#concept-copy02 .comm-areaent p{
	line-height: 1.8;
	margin: 0 0 14px;
}

#concept-copy02 .comm-areaent .greeting-title{
	font-size: 1.8rem;
}

#concept-copy02 .comm-areaent .copy{
	font-size: 1.8rem;
	margin: 30px auto 30px;
	width: 60%;
}





}