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


/*
 service
==============================*/

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

/* fs_points ----------*/
#fs_points { padding-bottom: 0 !important; }

/* points ----------*/
#points {}

/* technical ----------*/
#technical { color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; }
#technical .technical_list { margin-top: 6rem; }
#technical .technical_list li { background-color: #0D0F21; }
#technical .technical_list li .pw {}
#technical .technical_list li .tw { padding: 3rem 4rem; }
#technical .technical_list li .tw h3 { margin-bottom: 1rem; text-align: center; line-height: 1.4; font-size: 2.2rem; }
#technical .technical_list li .tw p { font-size: 1.5rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#technical h2 { margin-bottom: 3rem; font-size: 4rem; }
	#technical .technical_list li .tw { padding: 2rem; }
	#technical .technical_list li .tw h3 { font-size: 2rem; }
}

/* industry ----------*/
#industry {}
#industry .industry_point { display: flex; }
#industry .industry_point .pw { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #EEE; }
#industry .industry_point .tw { position: relative; width: 50%; min-height: 45rem; padding: 6rem; color: #FFF; background-color: #141A6E; }
#industry .industry_point .tw h2 { margin-bottom: 3rem; line-height: 1.4; font-size: 3rem; }
#industry .industry_point .tw p { line-height: 2; font-size: 1.8rem; font-weight: normal; }
#industry .industry_list { margin-top: 10rem; }
#industry .industry_list li { background-color: #FFF; }
#industry .industry_list li .pw { padding: 4rem 2rem 0; text-align: center; }
#industry .industry_list li .tw { padding: 3rem; }
#industry .industry_list li .tw h3 { color: #0F3589; text-align: center; font-size: 1.8rem; }
#industry .industry_list li .tw p { font-size: 1.6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#industry .industry_point { display: block; }
	#industry .industry_point .pw { width: 100%; margin-right: 0; padding-top: 60vw; }
	#industry .industry_point .tw { width: 100%; min-height: auto; padding: 4rem 3rem 3rem; }
	#industry .industry_point .tw h2 { font-size: 4rem; }
	#industry .industry_list { margin-top: 5rem; }
	#industry .industry_list li .tw { padding: 2rem; }
}

/* flow ----------*/
#flow {}
#flow .flow_list {}
#flow .link_box { margin-top: 20rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#flow { padding-top: 8rem; padding-bottom: 8rem; }
	#flow .link_box { margin-top: 10rem; }
}

/* worries ----------*/
#worries {}
#worries h2 { margin-bottom: 7rem; }
#worries .worries_list { margin-top: -7rem; counter-reset: number 0; }
#worries .worries_list > div { margin-top: 7rem; }
#worries .worries_list li { position: relative; padding: 3rem 2rem 8rem ; border-radius: 2.4rem; background-color: #FFF; line-height: 1.5; font-size: 2.2rem; font-weight: bold; }
#worries .worries_list li::before { position: absolute; top: -3rem; left: 0; right: 0; content: counter(number); display: block; width: 6rem; height: 6rem; margin: auto; border-radius: 6rem; color: #2289D5; background-color: #FFF; text-align: center; line-height: 6rem; font-size: 4.8rem; font-weight: 500; font-family: 'Josefin Sans', sans-serif; counter-increment: number 1; }
#it #worries .worries_list li::before { display: none; }
#it #worries .worries_list li h3 { color: #2289D5; text-align: center; margin-bottom: 4rem; line-height: 1.4; }

/* feature ----------*/
#feature {}
#feature .bg { margin-top: 6rem; padding-top: 32%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#feature .abox_sset_1 { margin-top: -9rem; }
#feature .abox_sset_1 li { padding-top: 4rem !important; }
#feature .abox_sset_1 li .pw { margin-bottom: 3rem; }
#feature .abox_sset_1 li .h { color: #2289D5; }

/* case ----------*/
#case {}
#case .inner { max-width: 140rem !important; }
#case .case { position: relative; margin-top: 8rem; }
#case .case:first-child { margin-top: 0; }
#case .case .pt { position: absolute; top: -3rem; display: inline-block; padding: 0.5rem 4rem; color: #FFF; font-family: 'Josefin Sans', sans-serif; }
#case .case .pt > span { position: relative; z-index: 2; display: inline-block; line-height: 1; }
#case .case .pt::after { 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); }
#case .case .pt .p { font-size: 2.5rem; font-weight: 500; vertical-align: baseline; }
#case .case .pt strong { font-size: 4.8rem; font-weight: 500; vertical-align: baseline; }
#case .case .case_sec { margin-top: 1.2rem; padding: 6rem 4rem; background-color: #F5F8FD; }
#case .case .case_sec .w { max-width: 108rem; margin: auto; }
#case .case .case_sec .w h4 { display: inline-block; padding: 0.5rem 2rem; border: solid 1px #0F3589; color: #0F3589; line-height: 1.4; font-size: 3.4rem; }
#case .case .case_sec .w h5 { margin-bottom: 2rem; margin-top: 2rem; color: #4FC7FC; line-height: 1.4; font-size: 2.8rem; }
#case .case .case_sec .w ul li { margin-top: 2rem; }
#case .case .case_sec .table { border-top: none; }
#case .case .case_sec .table * { border-color: #0F3589; }
#case .case .case_sec .table th { width: 50%; color: #0F3589; padding-left: 0; font-size: 2.2rem; font-weight: bold; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#case .case .case_sec .w h4 { font-size: 2.6rem; }
	#case .case .case_sec .w h5 { font-size: 2.4rem; }
}
@media screen and (max-width:414px) { /* iPhone 縦 */
	#case .case .case_sec .table th { border-bottom: none; padding-bottom: 0; }
}

/* data ----------*/
#data {}
#data .data_list {}
#data .data_list li { padding: 2.4rem; background-color: #FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
#data .data_list li span { display: block; }
#data .data_list li .h { color: #0081E0; line-height: 1.4; font-weight: bold; font-size: 3rem; }
#data .data_list li .t { margin-top: 3rem; line-height: 1.6; font-weight: bold; font-size: 2.2rem; }
#data .data_list li .tw { position: relative; margin-top: 1rem; text-align: center; }


/* qa ----------*/
#qa {}
#qa .qa_list {}
#qa .qa_list li { margin-top: 2rem; padding: 2rem; background-color: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) inset; }
#qa .qa_list li span { display: block; }
#qa .qa_list li .qw { position: relative; padding-left: 5rem; }
#qa .qa_list li .qw::before { position: absolute; top: 0; left: 0; content: "Q"; width: 4rem; color: #3591D5; text-align: center; line-height: 1; font-family: 'Josefin Sans', sans-serif; font-weight: normal; font-size: 4rem; }
#qa .qa_list li .qw span { color: #3591D5; font-size: 2rem; font-weight: bold; }
#qa .qa_list li .aw { position: relative; margin-top: 2rem; padding-left: 5rem; }
#qa .qa_list li .aw::before { position: absolute; top: 0; left: 0; content: "A"; width: 4rem; text-align: center; line-height: 1; font-family: 'Josefin Sans', sans-serif; font-weight: normal; font-size: 4rem; }
#qa .qa_list li .aw span { font-size: 1.6rem; }