@charset "utf-8";
/*--------------------------------------
	copyright :
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(https://unpkg.com/aos@next/dist/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/* 共通 ==============================*/


/* work ==============================*/
/* mv */
#work #mv { background-image: url(../_img/work/mv.jpg); }

/* main  ----------*/
/* peace */
section#peace { position: relative; }
@media screen and ( min-width: 769px ) {
	#peace .item_box ul { flex-wrap: wrap; }
	#peace .item_box li { width: calc( (99.999% - 3rem) / 2 ); margin-bottom: 3rem; padding: 2rem; border: 1px solid #ddd; }
	#peace .item_box li:nth-of-type(odd) { margin-right: 3rem; }
	#peace .item_box li h3 { font-size: 2rem; }
}
/* these_problem */
section#these_problems { position: relative; padding: 0; text-align: center; background: url(../_img/work/these_problems_bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; -webkit-background-size: cover; background-position: 55%; }
#these_problems::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: rgba(251, 228, 164, 0.3); }
#these_problems .contents_wrap { padding: 5rem 2rem; background: rgba(255, 255, 255, 0.5); z-index: 2; position: relative; }
#these_problems p { font-size: 1.8rem; }
#these_problems p.fo_min { font-size: 2.4rem; }
@media screen and ( min-width: 769px ) {
	section#these_problems { background-position: center; }
	#these_problems .contents_wrap { padding: 5rem; }
	#these_problems p.fo_min { font-size: 3.6rem; }
}

/* peace */
#peace li { margin-bottom: 2rem; }
#peace h3 { font-size: 2rem; }
@media screen and ( min-width: 769px ) {
	#peace li { margin-bottom: 0; }
	#peace h3 { font-size: 2.4rem; text-align: center; }
}

/* activity_content */
#activity_content h2 { line-height: 1.3; }
#activity_content .item { margin-bottom: 3rem; }
#activity_content .item .text_box h3 { font-size: 2rem; text-align: center; }

@media screen and ( min-width: 769px ) {
	#activity_content .flb,
	#activity_content .flb_r { flex-wrap: wrap; position: relative; }
	#activity_content .item { margin-bottom: 0; }
	#activity_content .item .img_box { width: 50%; margin-bottom: 5rem; }
	#activity_content .item .text_box { position: absolute; right: 0; bottom: 3rem; background: rgba(255, 255, 255, 0.8); width: 60%; padding: 2rem; }
	#activity_content .flb_r .text_box { position: absolute; left: 0; bottom: 3rem; background: rgba(255, 255, 255, 0.8); width: 60%; padding: 2rem 2rem 2rem 0; }
	#activity_content .item .text_box h3 { font-size: 2.4rem; text-align: left; }
	#activity_content .item:not(:nth-of-type(even)) .img_box { margin-right: 3rem; }
	#activity_content .item:not(:nth-of-type(odd)) .img_box { margin-left: 3rem; }
}

/* activity */
#activity img { width: 80%; }


/* about ==============================*/
/* mv */
#about #mv { background-image: url(../_img/about/mv.jpg); }

/* main  ----------*/
/* sensitivity */
#sensitivity h3 { font-size: 2rem; }
#sensitivity .item { margin-bottom: 3rem; }
@media screen and ( min-width: 769px ) {
	#sensitivity h3 { font-size: 2.4rem; }
	#sensitivity .item_wrap { flex-wrap: wrap; }
	#sensitivity .item { width: calc( (99.999% - 5rem) / 2 ); margin-bottom: 5rem; }
	#sensitivity .item:nth-of-type(1) { margin-right: 5rem; }
}

/* song */
#song h3 { font-size: 2rem; margin-bottom: 2rem; }
#song .item { margin-bottom: 3rem; }
@media screen and ( min-width: 769px ) {
	#song h3 { font-size: 2.4rem; margin-bottom: 0; }
	#song .item ul { flex-wrap: wrap; }
	#song .item li { width: calc( (99.999% - 2rem) / 2 ); margin: 0; }
	#song .item li:not(:nth-of-type(even)) { margin-right: 2rem; }
}

/* work ==============================*/
/* info */
#info p + p { font-size: 1.8rem; margin-top: 1.5rem; font-weight: 500; }

/* summary ==============================*/
/* mv */
#summary #mv { background-image: url(../_img/summary/mv.jpg); }

/* company_summary */
#company_summary table { width: 100%; }
#company_summary table tr { display: block; border: 1px solid #e5e5e5; }
#company_summary table tr:not(:nth-last-of-type(1)) { border-bottom: none; }
#company_summary table th { border-bottom: 1px solid #e5e5e5; display: block; text-align: left; background: rgba(236, 236, 236, 0.3); padding: 1rem;  }
#company_summary table td { vertical-align: middle; padding: 2rem; }
@media screen and ( min-width: 769px ) {
	#company_summary table tr { display: table-row; }
	#company_summary table th { padding: 2rem; border-right: 1px solid #e5e5e5; display: table-cell; }
}