@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/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(../_plugin/Remodal/remodal.css); @import url(../_plugin/Remodal/remodal-default-theme.css);*/
@import url(common_parts.css);
@import url(common.css);


/*
 company
==============================*/

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

/* page_index ----------*/
#page_index {}
#page_index .page_index_list {}
#page_index .page_index_list li {}
#page_index .page_index_list a { position: relative; display: block; padding: 8rem 1rem; color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; text-decoration: none; }
#page_index .page_index_list a span { font-size: 2.8rem; font-weight: bold; display: block; text-align: center; }
#page_index .page_index_list a .arrow { line-height: 1; display: block; position: absolute; bottom: 3rem; right: 4rem; width: 100%; text-align: right; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#page_index .page_index_list a { padding: 6rem 1rem; }
	#page_index .page_index_list a span { font-size: 3rem; }
	#page_index .page_index_list a .arrow { bottom: 2rem; right: 2rem; }
}

/* top_message ----------*/
#top_message { padding-bottom: 0 !important; }
#top_message .message { padding: 8rem 0; background: linear-gradient(180deg, rgba(253, 238, 115, 0.68) 0%, rgba(252, 184, 2, 0.68) 100%); }
#top_message .message .pw { padding-right: 4rem; }
#top_message .message .pw p { margin-top: 5rem; color: #0D0B0B; font-size: 2.2rem; }
#top_message .message .pw p small { font-size: 2rem; }
#top_message .message .tw { padding-right: 4rem; }
#top_message .message .tw h3 { color: #0D0B0B; line-height: 1.4; font-size: 2.8rem; }
#top_message .message .tw p { margin-top: 3rem; color: #0D0B0B; line-height: 1.8; font-size: 1.6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#top_message .message .pw p { margin-top: 2rem; color: #0D0B0B; font-size: 2.2rem; text-align: right; }
	#top_message .message .pw p small { font-size: 1.6rem; }
	#top_message .message .tw { margin-top: 3rem; padding-left: 0; padding-right: 0; }
	#top_message .message .tw h3 { font-size: 3rem; }
}

/* philosophy ----------*/
#philosophy {}
#philosophy h5 { line-height: 1.4; font-size: 2.2rem; margin-bottom: 2rem; margin-top: 3rem; }
#philosophy .t { font-weight: 500; font-size: 1.8rem; }
#philosophy .belief_list {}
#philosophy .belief_list li { display: flex; flex-flow: wrap; margin-top: 3rem; }
#philosophy .belief_list li .n { position: relative; display: block; width: 16rem; padding: 1.5rem 1rem 0; color: #FFF; text-align: center; }
#philosophy .belief_list li .n span { position: relative; z-index: 2; line-height: 3rem; font-family: 'Josefin Sans', sans-serif; font-size: 3.8rem; vertical-align: baseline; }
#philosophy .belief_list li .n .l { font-size: 4.5rem; vertical-align: baseline; }
#philosophy .belief_list li .n::before { position: absolute; z-index: 1; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(90deg, #1C137E 0%, #19659D 100%); -webkit-transform: skew(-30deg); transform: skew(-30deg); }
#philosophy .belief_list li .h { position: relative; display: block; width: calc(100% - 16rem); padding: 1rem 5rem; color: #FFF; line-height: 1.2; }
#philosophy .belief_list li .h span { position: relative; z-index: 2; font-size: 3rem; font-weight: bold; }
#philosophy .belief_list li .h::before { position: absolute; z-index: 1; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(90deg, #3C9DE5 0%, #93DEFF 100%); -webkit-transform: skew(-30deg); transform: skew(-30deg); }
#philosophy .belief_list li .tw { margin-left: 16rem; padding: 2rem 5rem; }
#philosophy .belief_list li .tw p { font-weight: bold; font-size: 1.8rem; }
#philosophy .belief_list li .tw p span { color: #16B1F5; }
#philosophy .activity_list {}
#philosophy .activity_list li { position: relative; margin-top: 1.5rem; padding: 3rem 2rem; box-shadow: inset 2px 4px 8px rgba(2, 2, 2, 0.1); }
#philosophy .activity_list li:nth-child(1) { color: #FFF; background-color: #16B1F5; }
#philosophy .activity_list li:nth-child(2) { color: #FFF; background-color: #2289D5; }
#philosophy .activity_list li:nth-child(3) { color: #FFF; background-color: #0064BA; }
#philosophy .activity_list li p { text-align: center; font-size: 1.8rem; font-weight: bold; }
#philosophy .philosophy_box { background-color: #FFF; margin-top: 4rem; padding: 6rem 2rem; }
#philosophy .philosophy_box h3 { text-align: center; font-size: 3rem; }
#philosophy .philosophy_box h4 { text-align: center; font-size: 2rem; }
#philosophy .philosophy_box .t1 { text-align: center; font-size: 2.6rem; font-weight: bold; margin-top: 4rem; }
#philosophy .philosophy_box .t2 { text-align: center; font-size: 2rem; font-weight: bold; margin-top: 4rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#philosophy h4 { font-size: 3.2rem; }
	#philosophy h5 { font-size: 2.6rem; }
	#philosophy .belief_list li .n { width: 10rem; padding: 1.5rem 1rem 0; }
	#philosophy .belief_list li .spn { padding: 3.5rem 1rem 0; }
	#philosophy .belief_list li .n span { font-size: 3.5rem; }
	#philosophy .belief_list li .n .l { font-size: 4.6rem; }
	#philosophy .belief_list li .h { width: calc(100% - 10rem); padding: 1rem 1rem 1rem 3rem; }
	#philosophy .belief_list li .h span { font-size: 3.2rem; }
	#philosophy .belief_list li .tw { margin-left: 0; padding: 2rem 3rem; }
}

/* company ----------*/
#company {}
#company .h2 { margin-top: 16rem; }
#company .h2:first-child { margin-top: 0; }
#company .office { margin-top: 8rem; }
#company .office .tw { margin-top: 4rem; }
#company .office .tw h3 { color: #EFAE00; font-size: 2rem; }
#company .office .tw p { font-weight: 500; }
#company .trading_target_list { columns: 2; column-gap: 6rem; border-top: solid 2px #E28D06; }
#company .trading_target_list li { padding: 2rem 1rem; line-height: 1.2; border-bottom: solid 2px #E28D06; }
#company .trading_target_list li a { display: inline-block; color: #333; text-decoration: none; vertical-align: middle; }
#company .trading_target_list li a i { vertical-align: middle; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#company .h2 { margin-top: 8rem; }
	#company .office .tw { margin-top: 2rem; }
	#company .trading_target_list { columns: 1;  }
}

/* public_document ----------*/
#public_document {}
#public_document ul li { margin-top: 10rem; }
#public_document ul li:first-child { margin-top: 0; }