@charset "UTF-8";


.contbox_wrap{
    width: 100%;
    height: auto;
    padding: 40px 0;
	margin:0 0 80px 0;
    background-color: rgba(203,213,220,0.4);
}


#contbox_concept_01 {
	width:1200px;
	margin:0 auto 80px auto;
	text-align:center;
	overflow:hidden;
}


#contbox_concept_01 .inner01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin:40px auto 0 auto ;
}
#contbox_concept_01 .inner01 .item{
    width: 25%;
}
#contbox_concept_01 .inner01 .item:nth-child(odd){
    background: url("../concept/img/con_wall01.png") repeat;
}
#contbox_concept_01 .inner01 .item:nth-child(even){
    background: url("../concept/img/con_wall02.png") repeat;
}

#contbox_concept_01 .inner01 .item .txt_box{
    width: 90%;
    height: 430px;
    margin: 0 auto;
}


#contbox_concept_01 .inner01 .item h4 {
  position: relative;
  padding: 1.5rem;
  text-align: center;
    margin:20px 0;
    padding: 0;
}

#contbox_concept_01 .inner01 .item h4 span{
	font-size:30px;
	font-size:3.0rem;
}

#contbox_concept_01 .inner01 .item h4 span.span02{
	font-size:10px;
	font-size:1.0rem;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
#contbox_concept_01 .inner01 .item h4:before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 15px);
  width: 30px;
  height: 1px;
  content: '';
  border-radius: 3px;
  background: #000;
}

#contbox_concept_01 .inner01 .item h5{
	width:100%;
	height: auto;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:normal;
	font-style:normal;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Noto Serif JP" , serif;
    letter-spacing:0;
	font-feature-settings : "halt";
	line-height:160%;
}

#contbox_concept_01 .inner01 .item .p_cap_ac{
font-size: 10px;
font-size: 1.0rem;
padding:0;
margin:0 0 0 0;
text-align:center;
}



.concept_fadeup {
    animation-name: fadeup;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes fadeup {
from {
    opacity: 0;
    transform: translateY(60px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.concept_fadedown {
    animation-name: fadedown;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes fadedown {
from {
    opacity: 0;
    transform: translateY(-60px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}




#contbox_concept_02 {
	width:1200px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}


#contbox_concept_02 img.img_con_i05{
    width: 820px;
    height: 340px;
    margin: 0 auto;
}
#contbox_concept_03 {
	width:1200px;
	margin:0 auto 80px auto;
	text-align:center;
	overflow:hidden;
}
#contbox_concept_03 .inner01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin:0 0 80px 0;
}
#contbox_concept_03 .inner01 .item:first-child{
    width: 700px;
    align-self: center;
}
#contbox_concept_03 .inner01 .item:last-child{
    width: 460px;
    align-self: center;
}
#contbox_concept_03 .inner01 .item:last-child img{
    width: 460px;
    height: 613px;    
}