@charset "utf-8";
/*--------------------------------------
	copyright :
	page style sheet
--------------------------------------*/

@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);


/* index ==============================*/
/* 共通 */
section { padding: 0 2rem; }
section:not(:nth-last-of-type(1)) { margin-bottom: 5rem; }
section h2 { font-size: 2.6rem; }
.read_more { margin-top: 2rem; }
.read_more p { width: 50%; min-width: 20rem; margin-left: auto; color: #fff; text-align: center; background: #333; }
.read_more a { display: block; padding: 1rem 0; }
.read_more .hover-underline-animation span::after { background-color: #fff; }


/* mv ----------*/
#mv h2 { font-size: 3.4rem; }
#mv h3 { font-size: 2.4rem; line-height: 1.3; }
#mv p { font-size: 2rem; }
#mv .mv_inner { position: relative; }
#mv .img_box { position: relative; height: 650px; overflow: hidden; }
#mv .img_box img { position: absolute; top: 50%; left: 50%; max-width: inherit; transform: translate(-50%, -50%); }
#mv .catch { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 2rem; color: #fff; transform: translate(-50%, -50%); }
@media screen and ( min-width: 480px ) {
	#mv { margin-bottom: 5rem; }
	#mv h2 { font-size: 5rem; }
	#mv h3 { font-size: 2.6rem; line-height: 1.3; }
	#mv p { font-size: 2rem; }
	#mv .catch p { text-align: center; }
}
@media screen and ( min-width: 768px ) {
	#mv { margin-bottom: 10rem; }
}
/* sec_01 ----------*/
#sec_01 a { display: block; }
#sec_01 h3 { font-size: 2rem; }
#sec_01 li { margin-bottom: 2rem; }
#sec_01 .text_box { margin-top: 1rem; }
@media screen and ( min-width: 480px ) {
	#sec_01 .flb { flex-wrap: wrap; display: flex; }
	#sec_01 li { width: calc( (99.999% - 2rem) / 2 ); }
	#sec_01 li:not(:nth-of-type(even)) { margin-right: 2rem; }
}
@media screen and ( min-width: 768px ) {
	#sec_01 li { width: calc( (99.999% - 6rem) / 3 ); margin-bottom: 0; }
	#sec_01 li:not(:nth-of-type(even)) { margin-right: 0; }
	#sec_01 li:not(:nth-last-of-type(1)) { margin-right: 3rem; }
	#sec_01 .img_box { overflow: hidden; }
	#sec_01 .img_box img { transition: .3s; }
	#sec_01 .img_box a:hover img { transform: scale(1.2, 1.2); transition: .3s; }	
}

/* sec_02 ----------*/
#sec_02 h3 { font-size: 2rem; }
#sec_02 .flb_r .img_box { text-align: center; }
#sec_02 .flb_r .text_box { margin-top: 1rem; }
@media screen and ( min-width: 768px ) {
	#sec_02 .flb_r { flex-wrap: wrap; }
	#sec_02 .flb_r > div { width: calc( (99.999% - 5rem) / 2 ); }
	#sec_02 .flb_r .img_box { margin-left: 5rem; }
	#sec_02 .flb_r .text_box { position: relative; }
	#sec_02 .flb_r .text_box .read_more { position: absolute; bottom: 0; right: 0; width: 100%; }
}

/* sec_03 ----------*/
#sec_03 h3 { font-size: 2rem; }
#sec_03 .flb_r .img_box { text-align: center; }
#sec_03 .flb_r .text_box { margin-top: 1rem; }
@media screen and ( min-width: 768px ) {
	#sec_03 .flb { flex-wrap: wrap; }
	#sec_03 .flb > div { width: calc( (99.999% - 5rem) / 2 ); }
	#sec_03 .flb .img_box { margin-right: 5rem; }
	#sec_03 .flb .text_box { position: relative; }
	#sec_03 .flb .text_box .read_more { position: absolute; bottom: 0; right: 0; width: 100%; }
}
/* sec_04 */
#sec_04 li { padding: 1rem 0; border-bottom: 1px dashed #b3b3b3; }
#sec_04 .news_item,
#sec_04 li p { display: block; }
#sec_04 li h3 { position: relative; padding-left: 10rem; font-size: 1.8rem; }
#sec_04 li h3 > span { position: absolute; top: 0; left: 0; max-width: 80px; padding: 0.3rem 1rem; font-size: 1.4rem; color: #fff; background: #333; }
@media screen and ( min-width: 768px ) {
	#sec_04 .news_item { display: table; }
	#sec_04 li h3,
	#sec_04 li p { display: table-cell; min-width: 125px; padding-right: 1rem; font-size: 1.6rem; }
}