@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-brand{ position: relative; background-color: #272727; padding-bottom: 100px; }
#main-content .section-brand .section-intro{ text-align: center; padding: 100px 0 50px; }
#main-content .section-brand .section-intro .en{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-brand .section-intro .copy{ font-size: 22px; line-height: 1.81; color: #ffffff; margin-top: 20px; }
#main-content .section-brand .photo-list{ max-width: 1110px; margin: 0 auto; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section-brand .photo-list .item{ width: 31.5315%; }
#main-content .section-brand .photo-list .item:nth-child(n+4){ margin-top: 40px; width: 23.2432%; }
#main-content .section-brand .photo-list .item .name{ font-size: 16px; line-height: 1.5; margin-top: 5px; color: #ffffff; }
#main-content .section-brand .history-list{ max-width: 1110px; margin: 70px auto 0; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section-brand .history-list .item{ width: 23.2432%; }
#main-content .section-brand .history-list .item:nth-child(n+5){ margin-top: 40px; }
#main-content .section-brand .history-list .item .head{ font-size: 30px; line-height: 1.2; color: #ffffff; position: relative; display: flex; display: -ms-flex; align-items: center; margin-bottom: 10px; }
#main-content .section-brand .history-list .item .head .word{ padding-right: 0.5em; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-brand .history-list .item .head::after{ content: ""; flex: 1; height: 1px; background-color: rgba(255,255,255,0.5); }
#main-content .section-brand .history-list .item .txt{ color: #ffffff; font-size: 1.5714; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-brand{ padding-bottom: 10%; }
	#main-content .section-brand .section-intro{ padding: 10% 0; }
	#main-content .section-brand .section-intro .copy{ font-size: 20px; margin-top: 10px; }
	#main-content .section-brand .photo-list{ margin: 0 5%; }
	#main-content .section-brand .photo-list .item{ width: 100%; }
	#main-content .section-brand .photo-list .item:nth-child(n+2){ margin-top: 7%; }
	#main-content .section-brand .photo-list .item:nth-child(n+4){ width: 48%; }
	#main-content .section-brand .photo-list .item .name{ font-size: 14px; }
	#main-content .section-brand .history-list{ margin: 7% 5% 0; display: block; }
	#main-content .section-brand .history-list .item{ width: 100%; }
	#main-content .section-brand .history-list .item:nth-child(n+2){ margin-top: 7%; }
	#main-content .section-brand .history-list .item .head{ font-size: 24px; margin-bottom: 5px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}







#main-content .section-brand .history .bg-body .bg{ animation: conveyor_history 100s linear infinite; }
@keyframes conveyor_history{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-33.3333%); }
}