@charset "utf-8";
/* CSS Document */

/*---------------------------------
　FV
---------------------------------*/
.corporation_container{margin: 170px auto 0;}
.corporation_fv-box {position: relative; width: 100%;}
.corporation_fv-box img {width: 100%; height: auto; display: block;}
.corporation_overlay {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); /* 中央揃え */color: white;font-size: 36px;font-weight: 500; text-align: center; width: 100%;}
.corporation_overlay-span{font-size: 24px; margin: 24px auto 0; display: block;}
.corporation_fv-textbox{text-align: center; display: block; width: 1200px; max-width: 90%; margin: 48px auto 0; }
.corporation_text{line-height: 2;}
.corporation_smalltext{font-size: 12px;}
/*---------------------------------
　シーン
---------------------------------*/
.scene_container{ margin: 72px auto 0; text-align: center; background-color: #f2f2f2; padding: 80px 0;}
.corporation_title{font-size: 32px; font-weight: 600;}
.corporation_title_under{font-size: 16px; font-weight: 400; margin: 16px auto 0;}
.scene_box{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:16px; width: 1200px; max-width: 90%; margin: 0 auto;}
.scene_item {position: relative; margin: 24px auto 0;}
.scene_item-image img {width: 100%; display: block; margin: 0 auto;}
.scene_item-textbox {background: white; padding: 24px 16px 0; position: relative; z-index: 1; text-align: left; height: 230px; width: 90%; margin: -50px auto 0;}
.scene_item-title{color: #415e8f; font-size: 20px; text-align: center; font-weight: 600;}
.scene_item-text{line-height: 1.8; margin: 16px auto 0;}
.scene_item-smalltext{font-size: 12px; margin: 8px auto 0; line-height: 1.5;}
/*---------------------------------
　私たちの強み
---------------------------------*/
.strengths_container{width: 1200px; max-width: 90%; margin: 80px auto 0; text-align: center;}
.corporation_text{margin: 24px auto 0;}
.strengths_box{margin: 72px auto 0; width: 1200px; max-width: 90%;}
.strengths_item{display: grid; grid-template-columns: 1fr 1fr; gap:24px; margin: 72px auto 0;align-items: center;}
.strengths_item-image{width: 550px; max-width: 100%;}
.strengths_item-image img{width: 100%; border-radius: 20px;}
.strengths_item-text{text-align: left;}
.reverse-1{order: 1;}
.reverse-2{order: 2;}
.strengths_item-text1{color: #415e8f; font-weight: 600;}
.strengths_item-text2{font-size: 24px; margin: 16px auto 0; font-weight: 600;}
.strengths_item-text3{line-height: 1.8; margin: 16px auto 0;}
/*---------------------------------
　問い合わせボタン
---------------------------------*/
.corporation_inquiry-container{margin: 88px auto 100px;}
.corporation_inquiry-textbox {background: white; padding: 48px 0;  text-align: center; width: 1200px; max-width: 90%; margin: 0 auto; background-color: #f2f2f2;}
.corporation_inquiry-title{font-size: 32px; font-weight: 600;}
.corporation_inquiry-title_under{font-size: 16px; font-weight: 500; margin: 16px auto 0;}
.corporation_inquiry-text{margin: 24px auto 0; line-height: 1.8;}
.corporation_inquiry-link{display: block; background-color: #415e8f; width: 600px; margin: 24px auto 0; border-radius: 50px; padding: 16px 0; text-decoration: none!important;}
.corporation_inquiry-link a{color: #fff; margin-left: 8px;}
/*---------------------------------
　以下レスポンシブ
---------------------------------*/
@media screen and (max-width: 1200px) {
.scene_item-textbox {height: 240px;}
.strengths_item-image{width: 450px;}
.strengths_item{gap: 24px;}
.scene_item-title{text-align: left; font-size: 18px;}
.scene_item-text{line-height: 1.8; font-size: 14px; margin: 8px auto 0;}
}

@media screen and (max-width: 875px) {
.corporation_overlay {font-size: 24px;}
.corporation_overlay-span{font-size: 16px; margin: 24px auto 0;}
.corporation_text{font-size: 14px; text-align: left;}
.corporation_container{margin: 180px auto 0;}
.corporation_title{font-size: 24px; }
.corporation_title_under{font-weight: 400;}
.scene_container{ padding: 40px 0; margin: 40px auto 0;}
.scene_box{grid-template-columns: 1fr;}
.scene_item {position: static; display: flex; margin: 0px auto 0;}
.scene_item:first-child{margin: 24px auto 0;}
.scene_item-textbox {background: white; padding: 24px 24px 0; position: static; text-align: left; height: auto; width: 100%; margin: 0px auto 0;}
.scene_item-image {width: 400px; max-width: 100%;}
.reverse{flex-direction: row-reverse;}
.strengths_container{margin: 40px auto 0;}
.strengths_item{grid-template-columns: 1fr; margin: 32px auto 0;}
.strengths_item-image{width: 100%;}
.strengths_item-text3{font-size: 14px;}
.strengths_box{max-width: 60%; margin: 0px auto 0;}
.reverse-2{order: 0;}
.corporation_inquiry-text{font-size: 14px;}
.corporation_inquiry-link{width: 400px;}
.corporation_inquiry-title{font-size: 24px;}
.corporation_inquiry-title_under{font-weight: 400;}
}

@media screen and (max-width: 768px) {
.sp-none{display: none;}
.corporation_fv-textbox{margin: 40px auto 0;}
.corporation_container{margin: 59px auto 0;}
.corporation_fv-textbox{text-align: left}
.scene_item-textbox {padding: 16px 16px 0;}
.scene_item-image {width: 450px;}
}

@media screen and (max-width: 600px) {
.corporation_overlay-span{margin: 16px auto 0;}
.corporation_overlay, .corporation_title, .strengths_item-text2, .corporation_inquiry-title {font-size: 20px;}
.scene_item-text{line-height: 1.8;}
.corporation_inquiry-textbox {max-width: 100%;}
.scene_item-image {width: 100%;}
.scene_item-smalltext{margin: 4px auto 0;}
.corporation_overlay-span, .corporation_title_under, .corporation_inquiry-title_under{font-size: 14px; margin: 8px auto 0;}
.scene_item {flex-direction: column;}
.scene_item-textbox {padding: 24px 16px;}
.strengths_box{max-width: 90%;}
.strengths_item-text3{line-height: 1.8;}
.corporation_inquiry-text{width: 90%; margin: 16px auto 0;}
.corporation_inquiry-link{width: 80%;}
.corporation_inquiry-container{margin: 40px auto 80px;}
}

@media screen and (max-width: 450px) {
.corporation_overlay-span{font-size: 12px;}
.corporation_fv-textbox{margin: 32px auto 0;}
.corporation_fv-box {position: relative; width: 100%; height: 130px; overflow: hidden;}
.corporation_fv-box img {width: auto; height: 100%; display: block; object-fit: cover; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); /* 中央揃え */}
.corporation_overlay, .corporation_title, .strengths_item-text2, .corporation_inquiry-title {font-size: 18px;}
.scene_container{ margin: 32px auto 0;}
}