.fv{ background-image: url("img/business_fv_icon.png"); background-repeat: no-repeat; background-size: contain; background-position: center; } #top{ background: #f4f7f7; } main { background: #fff; } .txt_20{ text-align: center; font-size: 20px; line-height: 40px; padding: 40px 0 } #point_wrap{ background-image: url("img/point_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 0; } #point_wrap div{ padding: 60px 0; background: #ffffffc9; width: 800px; box-shadow: 0 0 15px #2a2a2a54; } #point_wrap h3{ text-align: center } #point_wrap p span{ color: #0422cb } #point_wrap p{ width: 500px; margin: auto; padding: 30px 30px 0; box-sizing: border-box; } h3{ font-size: 30px } h6{ font-size: 30px; color: #0422cb } /*下線アニメ*/ .Text-Span { position: relative; z-index: 1; margin-bottom: 40px } .Text-Span:after { content: ''; position: absolute; left: 0; bottom: -10px; width: 0%; height: 1px; background: #0422cb; z-index: -1; transition: all 0.8s; } .Text-Span.isActive:after { width: 580px; } .kyotsu{ margin-top: 30px; } .kyotsu_flex{ display: flex; justify-content: center; margin: 30px auto 0; align-items: center; background: #f4f7f7; width: 1000px; padding: 0; } .bg_half{ background: linear-gradient(to left, #fff 0%, #fff 66%, #5fb5d2 30%, #5fb5d2 100%); padding: 60px; } #event div{ padding: 0px 40px; max-width: 1000px; margin:0; } #kenzai div{ padding: 0px 40px; max-width: 1000px; margin:0; } #sonota div{ padding: 0px 40px; max-width: 1000px; margin:0; } .fs16{ font-size: 16px } #flow h3{ margin: 70px auto 30px; text-align: center } .flow_wrap{ display: flex; border: solid 2px #5c7eb7; align-items: center; width: 1000px; box-sizing: border-box; } main div{ padding: 0 } .flow_left{ background: #5c7eb7; margin: 0; padding: 10px 30px; color: #fff; text-align: center; width: 12%; } .fs18{ font-size: 18px } .flow_left i{ font-size: 24px; padding-top: 5px; } .arrow_down{ width: 20px; margin: auto; display: block; padding: 10px; } .flow_right{ margin-left: 0; width: 900px } .flow_right p{ padding-left: 50px; } main div{ max-width: 100% } .contact{ width: 100% } /*=====SP=====*/ @media (max-width: 767px) { h3{ font-size: 26px; margin-bottom: 10px; padding-top: 20px } #point_wrap div{ width: 90%; padding: 20px 0 } #point_wrap p{ width: 90%; padding: 10px } .contact{ height: auto; } .flow_wrap{ width: 90% } .flow_left{ width: 100%; padding: 15px 0 } .flow_wrap{ display: block } .flow_right p{ padding: 20px 10px } .kyotsu_flex{ display: block; width: 90%; margin-top: 30px } .Text-Span{ font-size: 26px; } .bg_half{ padding: 0; } .Text-Span.isActive:after { width: 100%; } #event div{ padding: 10px; margin:inherit; } #kenzai div{ padding: 10px; margin:inherit; } #sonota div{ padding: 10px; margin:inherit; } .txt_20{ font-size: 16px; width: 90%; text-align: center; margin: auto; } h6{ text-align: center } }/*=====END SP=====*//*閉じタグ閉