@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

.title + article {
  margin-top: 0;
}

section {
  margin-top: 108px;
  padding: 0 20px;
}

/* FVここから */
.section_firstview {
  width: 100%;
  height: 482px;
  margin-top: 48px;
  padding: 0;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.firstview_video {
  width: 100%;
  min-height: 482px;
  object-fit: cover;
}

.section_firstview h2, .section_firstview li, .section_firstview span {
  color: #ffffff;
}

.section_firstview_wrapper {
  position: absolute;
  width: 960px;
  top: 96px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}

.first_title {
  position: initial;
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 32px;
}

.firstview_list_catch {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 32px;
}

.firstview_list_catch li {
  margin-bottom: 6px;
}

.freecontact_link {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 224px;
  max-width: calc(100% - 32px);
  height: 64px;
  border-radius: 8px;
  background-color: #ff3c19;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  box-shadow: 0 3px 0 0 #d71400;
  transition: all .2s ease;
}

.freecontact_link:hover {
  background-color: #ff6441;
  color: #fff;
}
/* FVここまで */
/* 特徴ここから */
.service_feature {
  margin-top: 48px;
}

.service_feature .section_title {
  margin-bottom: 48px;
}

.service_feature_contents {
  max-width: 960px;
  margin: 0 auto;
}

.service_feature_content {
  display: flex;
  margin: 0 0 40px;
}

.service_feature_content.right {
  justify-content: flex-end;
}

.service_feature_content.left {
  flex-direction: row-reverse;
}

.service_feature_content.left .service_feature_content_text {
margin: 0 0 0 auto;
}

.service_feature_content:nth-of-type(1) img {
  width: 48.7%;
  height: 29.6%;
  margin-left: -14.6%;
}

.service_feature_content:nth-of-type(2) img {
  width: 48.7%;
  height: 37.5%;
}

.service_feature_content:nth-of-type(2n) .service_feature_content_inner {
  margin: 0 0 0 -6.1%;
  padding: 32px 0 0;
}

.service_feature_content:nth-of-type(2n) .service_feature_content_title {
  padding-right: 23px;
}

.service_feature_content:nth-of-type(2n) .service_feature_content_text {
  width: 84.9%;
}

.service_feature_content:nth-of-type(3) img {
  width: 48.7%;
  height: 52.1%;
  margin-left: -14.6%;
}

.service_feature_content:nth-of-type(3) .service_feature_content_inner {
  padding: 32px 0 0;
}

.service_feature_content:nth-of-type(3) .service_feature_content_title {
  padding: 9px 38px 15px 16px;
}

.service_feature_content_inner {
  z-index: 2;
  padding: 32px 0 0;
}

.service_feature_content_inner.small {
  padding: 40px 0 0;
}

.service_feature_content_title {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 16px;
  padding: 9px 9px 15px 16px;
  background-color: #0050a0;
}

.service_feature_content_text {
  width: 74%;
  line-height: 1.75;
}
/* 特徴ここまで */
/* お問い合わせここから */
.service_contact {
  padding: 0;
}

/* 事例ページからの遷移 */
#inquiry {
  padding-top: 48px;
  margin-top: -48px;
}

.service_video_contact {
  padding: 0;
}

.service_video_contact_message {
  height: 344px;
}
.service_video_contact_inner {
  width: min(960px, 100%);
  height: 344px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  background-image: url(/images/video/service_video_contact_01.png), url(/images/video/service_video_contact_02.png);
  background-repeat: no-repeat;
  background-position: left bottom, right bottom;
  background-size: 160px 320px;
}

.service_contact_bizhour {
  padding: 6px 0 16px 0;
  letter-spacing: normal;
}

.service__video_contact_link {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  max-width: calc(100% - 58px);
  height: 64px;
  border-radius: 8px;
  background-color: #ff3c19;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  box-shadow: 0 3px 0 0 #d71400;
  transition: all .2s ease;
}

.service__video_contact_link:hover {
  background-color: #ff6441;
  color: #fff;
}

.service_video_content--small {
  margin-top: 36px;
}

.service_video_content--small.service_video_contact_message {
  height: 256px;
  overflow: hidden;
}

.service_video_content--small .service_video_contact_inner {
  height: 256px;
  background-image: url(/images/video/service_video_contact_03.png), url(/images/video/service_video_contact_04.png);
  background-repeat: no-repeat;
  background-position: left bottom, right bottom;
  background-size: 160px 232px, 168px 240px;
}

.service_video_contact_form {
  max-width: 632px;
  margin: 0 auto 32px;
  background-color: #ebf0f5;
}

.service_video_contact_form_item {
  padding: 16px 32px;
  border-bottom: solid 1px #fff;
}

.service_video_contact_form_item input {
  width: 100%;
  max-width: 568px;
  max-height: 40px;
  box-sizing: border-box;
  border: solid 1px #c8cdd2;
  height: 40px;
}

.service_video_contact_form_item--name {
  display: flex;
  flex-wrap: wrap;
}

.service_video_contact_form_item--name input {
  max-width: 160px;
}

.service_video_contact_form_item--name .service_video_contact_form_item_label {
  width: 100%;
}

.service_video_contact_form_item--name_item {
  display: flex;
  flex-direction: column;
}

.service_video_contact_form_item_radios {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.service_video_contact_form_item_radios--budget,
.service_video_contact_form_item_radios--season,
.service_video_contact_form_item_radios--about {
   gap: 0 24px;
}

input.service_video_contact_form_item_radio {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0;
  vertical-align: bottom;
}

.service_video_contact_form_item_radio--status {
  width: 110px;
}

.service_video_contact_form_item_label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
  width: 100%;
}

.service_video_contact_form_item_label.radio-ttl {
  margin-bottom: 16px;
}

.monthly_ad_cost label {
  width: 256px;
}

.monthly_ad_cost label:nth-child(2),
.monthly_ad_cost label:nth-child(4) {
  margin-bottom: 16px;
}

.video_production_const label {
  width: 256px;
}

.video_production_const label:nth-child(2),
.video_production_const label:nth-child(4) {
  margin-bottom: 16px;
}

.web_ad_status label {
  width: 256px;
}

.web_ad_status label:nth-child(2) {
  margin-bottom: 16px;
}

.advertise_ad label {
  margin-right: 24px;
}

.advertise_ad label:nth-child(2) {
  margin-bottom: 16px;
}



.service_video_contact_form_item_label--required {
  padding: 0 4px;
  color: #ff3c19;
}

.service_video_contact_form_item_label--small {
  font-size: 12px;
  margin-bottom: 4px;
}

.service_video_contact_form_item_label--textarea {
  margin-bottom: 8px;
}

.service_video_contact_form_item .error {
  color: #ff3c19;
}

.service_video_contact_form_item_text {
  font-size: 12px;
  color: #969ba0;
  margin-bottom: 8px;
  line-height: 1;
}

.service_video_contact_form_item--privacy_link {
  text-align: center;
}

.service_video_contact_form_item_freetext {
  width: 100%;
  height: 112px;
  box-sizing: border-box;
}

.service_video_contact_form_btn_block {
  text-align: center;
}

.service_video_contact_form_btn--submit {
  padding: 20px 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #c8cdd2;
  border-radius: 8px;
  border: none;
}

.geotrust {
  padding-bottom: 0;
}

.service_video_contact_form_item--name_item_box {
  display: flex;
}
.service_video_contact_form_item--name_item:first-child {
  margin-right: 8px;
}

/* お問い合わせここまで */
/* 実績のある動画広告の媒体ここから */
.service_video_media_items {
  max-width: 960px;
  margin: auto;
  padding-top: 24px;
}

.service_video_media_item {
  margin-bottom: 70px;
  padding-top: 40px;
  position: relative;
}

.service_video_media_item:nth-child(2n-1) .service_video_media_item_block {
  padding: 24px 82px 20px;
  border-radius: 40px;
}

.service_video_media_item:nth-child(2n) .service_video_media_item_block {
  padding: 24px 0 20px 42.7%;
  border-radius: 40px;
}

.service_video_media_item_block--youtube {
  background-color: #f00;
}

.service_video_media_item_block--instagram {
  background-image: linear-gradient(to right, #ffd521 0%, #f50000 50%, #b900b4 100%);
}

.service_video_media_item_block--facebook {
  background-color: #1a77f3;
}

.service_video_media_item_block--line {
  background-color: #00b900;
}

.service_video_media_item_block--twitter {
  background-color: #333333;
}

.service_video_media .service_video_media_item .service_video_media_item_block--tiktok {
  background-color: #000;
  position: relative;
  margin: 8px 0 0 8px;
  padding: 16px 0 8px 42.7%;
  border-radius: 32px;
}

.service_video_media_item_blue--tiktok {
  width: 952px;
  height: 152px;
  background-color: #69d2e9;
  border-radius: 40px;
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: -1;
}

.service_video_media_item_red--tiktok {
  width: 952px;
  height: 152px;
  background-color: #e7445a;
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 8px;
  z-index: -1;
}

.service_video_media_item_title {
  font-size: 56px;
  color: #fff;
  line-height: 1;
}

.service_video_media_item_title {
  font-size: 56px;
  color: #fff;
  line-height: 1;
  margin-bottom: 16px;
}

.service_video_media_item_title_bland {
  font-family: 'Montserrat';
  color: #fff;
  line-height: 1;
}

.service_video_media_item_title_bland_old {
  font-size:34px;
  font-family: 'Montserrat';
  color: #fff;
  line-height: 1;
}

.service_video_media_item_user {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}

.service_video_media_item_user_footnote {
  font-size: 12px;
  color: #fff;
  line-height: 1;
}

.service_video_media_item:nth-child(2n-1) .service_video_media_item_detail {
  width: 48.4%;
  padding: 24px 0 24px 82px;
}

.service_video_media_item:nth-child(2n) .service_video_media_item_detail {
  width: 48.4%;
  padding: 24px 82px 24px 0;
  margin: 0 auto 0 42.7%;
}

.service_video_media_item_detail_subtitle {
  margin-bottom: 16px;
}

.service_video_media_item_detail_subtitle li {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #5a5f64;
}

.service_video_media_item_detail_subtitle_squire--youtube {
  color: #f00;
}

.service_video_media_item_detail_subtitle_squire--instagram {
  color: #b900b4;
}

.service_video_media_item_detail_subtitle_squire--facebook {
  color: #1a77f3;
}

.service_video_media_item_detail_subtitle_squire--line {
  color: #00b900;
}

.service_video_media_item_detail_subtitle_squire--twitter {
  color: #1da1f2;
}

.service_video_media_item_detail_subtitle_squire--tiktok1 {
  color: #69d2e9;
}

.service_video_media_item_detail_subtitle_squire--tiktok2 {
  color: #e7445a;
}

.service_video_media_item_detail_text {
  font-size: 16px;
  line-height: 1.5;
  color: #5a5f64;
}

.service_video_media_item_smp {
  position: absolute;
  top: 0;
  right: 10.6%;
}

.service_video_media_item:nth-child(2n-1) .service_video_media_item_smp {
  position: absolute;
  top: 0;
  right: 10.6%;
}

.service_video_media_item:nth-child(2n) .service_video_media_item_smp {
  position: absolute;
  top: 0;
  left: 10.6%;
}

.service_video_media_item_smp_content {
  width: 264px;
  height: 534px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center, center center;
  background-size: contain, 236px 514px;
  z-index: 3;
}

.service_video_media_item_smp_content--youtube {
  background-image: url(/images/video/service_video_media_01.png), url(/images/video/service_video_media_02.png);
}

.service_video_media_item_smp_content--instagram {
  background-image: url(/images/video/service_video_media_01.png), url(/images/video/service_video_media_03.png);
}

.service_video_media_item_smp_content--facebook {
  background-image: url(/images/video/service_video_media_01.png), url(/images/video/service_video_media_04.png);
}

.service_video_media_item_smp_content--line {
  background-image: url(/images/video/service_video_media_01.png), url(/images/video/service_video_media_05.png);
}

.service_video_media_item_smp_content--twitter {
  background-image: url(/images/video/service_video_media_01.png), url(/images/video/service_video_media_06.png);
}

.service_video_media_item_smp_content--tiktok {
  background-image: url(/images/video/service_video_media_01.png);
}

.service_video_media_item_smp_content--youtube video {
  width: 236px;
  height: 132px;
  position: absolute;
  top: 42px;
  left: 14px;
}

.service_video_media_item_smp_content--instagram video,
.service_video_media_item_smp_content--facebook video {
  width: 236px;
  height: 236px;
  position: absolute;
  top: 107px;
  left: 14px;
}

.service_video_media_item_smp_content--line video {
  width: 236px;
  height: 236px;
  position: absolute;
  top: 101px;
  left: 14px;
}

.service_video_media_item_smp_content--twitter video {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 167px;
  right: 24px;
}

.service_video_media_item_smp .tiktok_movie {
  width: 236px;
  position: absolute;
  top: 13px;
  left: 14px;
}

.service_video_media_item_smp .tiktok_movie video {
  display: block;
  width: 100%;
  border-radius: 28px;
}

/* 実績のある動画広告の媒体ここまで */
/* 運用実績ここから */
.service_video_achievement_contents {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin: 48px auto 0;
}

.service_video_achievement_content {
  width: 304px;
}

.service_video_achievement_content_fv {
  height: 216px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.service_video_achievement_content_fv--left {
  background-image: url(/images/video/service_video_achievement_01.png);
}

.service_video_achievement_content_fv--center {
  background-image: url(/images/video/service_video_achievement_02.png);
}

.service_video_achievement_content_fv--right {
  background-image: url(/images/video/service_video_achievement_03.png);
}

.service_video_achievement_content_fv_text {
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.service_video_achievement_content_fv_text span {
  color: #fff;
}

.service_video_achievement_content_fv_text--x_small {
  font-size: 24px;
  font-family: 'Montserrat';
}

.service_video_achievement_content_fv_text--small {
  font-size: 24px;
}

.service_video_achievement_content_fv_text--medium {
  font-size: 48px;
}

.service_video_achievement_content_fv_text--large {
  font-size: 88px;
  font-family: 'Montserrat';
}

.service_video_achievement_content_detail {
  height: 384px;
  padding: 14px 16px 10px;
  background-color: #ebf0f5;
}

.service_video_achievement_content_detail_title {
  font-size: 24px;
  color: #0050a0;
  font-weight: 700;
  margin-bottom: 14px;
}

.service_video_achievement .service_video_achievement_content_detail .purpose_box {
  border-left: 1px solid #c8cdd2;
  padding-left: 8px;
  margin-bottom: 16px;
}

.service_video_achievement .service_video_achievement_content_detail .media_box {
  border-left: 1px solid #c8cdd2;
  padding-left: 8px;
  margin-bottom: 14px;
}

.service_video_achievement_content_detail_text--bold {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 3px;
}

.service_video_achievement_content_detail_text--media {
  height: 51.2px;
  line-height: 1.5;
  margin-bottom: 8px;
  font-weight: 700;
  color: #0050a0;
}

.service_video_achievement_content_detail_text--purpose {
  margin-bottom: 8px;
  font-weight: 700;
  color: #0050a0;
}
/* 運用実績ここまで */

/* 制作事例ここから */
.service_casestudy .section_title {
  height: 164px;
  margin-bottom: 24px;
}
.service_casestudy .sub_title  {
  font-size: 24px;
  font-weight: bold;
  color: #0050a0;
  position: absolute;
  left: 0;
  right: 0;
  top: 131px;
  z-index: 2;
  line-height: 1;
}
.service_casestudy .case_box {
  width: 640px;
  margin: 0 auto 80px;
}
.service_casestudy .case_box li:not(:last-child) {
  margin-bottom: 80px;
}
.service_casestudy .case_box li .movie_box {
  width: 100%;
  height: 360px;
}
/* youtube埋め込み画像用 */
/* ライブラリでの使用画像を上書きするため、止むを得ずimportant指定 */
.service_casestudy .case_box li:nth-child(1) .movie_box lite-youtube {
  background-image: url("https://i.ytimg.com/vi/_nmlUPjNEJs/maxresdefault.jpg");
}
.service_casestudy .case_box li:nth-child(2) .movie_box lite-youtube {
  background-image: url("https://i.ytimg.com/vi/l_qw8BVxfp8/maxresdefault.jpg");
}
.service_casestudy .case_box li:nth-child(3) .movie_box lite-youtube {
  background-image: url("https://i.ytimg.com/vi/GFMEVv3GdkU/maxresdefault.jpg");
}
.service_casestudy .case_box li .movie_box video {
  width: 100%;
  display: block;
}
.service_casestudy .case_box li .description {
  padding: 12px 16px 16px;
  background-color: #ebf0f5;
}
.service_casestudy .case_box li .case_ttl {
  font-size: 32px;
  color: #0050a0;
  margin-bottom: 12px;
}
.service_casestudy .case_box li .case_subTtl{
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: normal;
  color: #5a5f64;
  line-height: 1;
}

.service_casestudy .case_box li .description_box {
  display: flex;
  justify-content: flex-start;
}
.service_casestudy .case_box li .left {
  width: 284px;
  height: 45px;
  border-left: 1px solid #c8cdd2;
  padding-left: 8px;
}
.service_casestudy .case_box li .case_goal {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}
.service_casestudy .case_box li .case_desc {
  font-size: 16px;
  font-weight: bold;
  color: #0050a0;
}
.service_casestudy .case_box li .right {
  width: 284px;
  height: 45px;
  border-left: 1px solid #c8cdd2;
  padding-left: 8px;
}
.service_casestudy .preparation_box .btn {
  width: 320px;
  margin: 0 auto;
  box-shadow: 0 3px 0 0 #639b22;
  background-color: #8bc34a;
  border-radius: 8px;
  text-align: center;
}
.service_casestudy .preparation_box .btn a {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
  padding: 15px 0;
}
/* 制作事例ここまで */

/* 動画広告制作〜広告運用の流れここから */
.service_video_flow {
  padding: 0;
  margin: 104px auto 0;
  /* overwride */
  width: 100%;
  max-width: initial;
}

.service_video_flow .section_title {
  margin-bottom: 28px;
}

.service_video_flow .flow_box_top {
  width: 304px;
  background-color: #0050a0;
  border-radius: 8px;
  margin: 0 auto 20px;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
}

.service_video_flow .flow_box_top::after {
  content: "";
  width: 16px;
  height: 234px;
  background-color: #0050a0;
  display: inline-block;
  position: absolute;
  top: 123px;
  left: 50%;
  transform: translate(-50%, 0);
}


.service_video_flow .flow_box_top .ttl {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}

.service_video_flow .flow_box_top .desc {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}

.service_video_flow .suggest_ad_strategies {
  background-color: rgba(235, 240, 245, .9);
  padding: 18px 0 1px;
  margin-bottom: 24px;
  position: relative;
}

.service_video_flow .suggest_ad_strategies .strategies_ttl {
  font-size: 24px;
  font-weight: bold;
  color: #0050a0;
  text-align: center;
  margin-bottom: 6px;
}

.service_video_flow .suggest_ad_strategies .strategies_desc {
  font-size: 16px;
  color: #5a5f64;
  text-align: center;
  margin-bottom: 14px;

}

.service_video_flow .strategies_inner {
  width: 960px;
  margin: 0 auto 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: initial;
}

.service_video_flow .strategies_inner.last {
  justify-content: flex-start;
}

.service_video_flow .strategies_inner .inner_box {
  width: 386px;
}

.service_video_flow .strategies_inner .inner_box .inner_ttl {
  font-size: 24px;
  font-weight: bold;
  color: #0050a0;
  text-align: center;
}

.service_video_flow .strategies_inner .inner_box.red .inner_ttl {
  color: #ff3c19;
}

.service_video_flow .strategies_inner .inner_box .flow_box {
  width: 386px;
  border-radius: 8px;
  background-color: #0050a0;
  padding: 14px 16px;
  box-sizing: border-box;
  position: relative;
}

.service_video_flow .strategies_inner .inner_box.blue .flow_box::after {
  content: "";
  width: 56px;
  height: 8px;
  display: inline-block;
  background-color: #0050a0;
  position: absolute;
  top: 50%;
  right: -56px;
  transform: translate(0, -50%);
}

.service_video_flow .strategies_inner .inner_box.red .flow_box {
  background-color: #ff3c19;
}

.service_video_flow .strategies_inner .inner_box.red .flow_box::before {
  content: "";
  width: 56px;
  height: 8px;
  display: inline-block;
  background-color: #ff3c19;
  position: absolute;
  top: 50%;
  left: -56px;
  transform: translate(0, -50%);
}

.service_video_flow .strategies_inner .inner_box .flow_box .flow_ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 6px;
}

.service_video_flow .strategies_inner .inner_box .flow_box .flow_desc {
  font-size: 16px;
  color: #fff;
}

.service_video_flow .strategies_inner .inner_box .flow_box .flow_desc span {
  font-size: 12px;
  color: #fff;
}

.service_video_flow .strategies_inner .circle {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #fff;
  border: 8px solid #000;
  border-top-color: #0050a0;
  border-right-color: #ff3c19;
  border-bottom-color: #ff3c19;
  border-left-color: #0050a0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-45deg);
  margin: 0 55px;
  position: relative;
}

.service_video_flow .strategies_inner .circle::before {
  content: "";
  width: 8px;
  height: 99px;
  position: absolute;
  background-color: #0050a0;
  top: 40px;
  left: -37px;
  transform: rotate(45deg);
}

.service_video_flow .strategies_inner .circle::after {
  content: "";
  width: 8px;
  height: 98px;
  position: absolute;
  background-color: #ff3c19;
  top: 46px;
  right: 86px;
  transform: rotate(45deg);
}

.service_video_flow .suggest_ad_strategies .strategies_inner .circle {
  margin-top: 36px;
  position: relative;
}

.service_video_flow .suggest_ad_strategies .strategies_inner .circle::before {
  content: "";
  width: 8px;
  height: 99px;
  position: absolute;
  background-color: #0050a0;
  top: 40px;
  left: -37px;
  transform: rotate(45deg);
}

.service_video_flow .suggest_ad_strategies .strategies_inner .circle::after {
  content: "";
  width: 8px;
  height: 98px;
  position: absolute;
  background-color: #ff3c19;
  top: 46px;
  right: 86px;
  transform: rotate(45deg);
}

.service_video_flow .strategies_inner .circle span {
  font-family: 'Montserrat';
  font-size: 48px;
  font-weight: bold;
  color: #5a5f64;
  transform: rotate(45deg);
}

.service_video_flow .strategies_inner.fourth .circle::after {
  display: none;
}

.service_video_flow .strategies_inner.last .circle {
  border-color: #0050a0;
}

.service_video_flow .strategies_inner.last .circle::before,
.service_video_flow .strategies_inner.last .circle::after {
  display: none;
}

.service_video_flow .caution {
  color: #5a5f64;
  text-align: center;
}

/* 動画広告制作〜広告運用の流れここまで */

/* 料金体系ここから */
.service_video_plan {
  padding: 0;
}

.service_video_plan .section_title {
  margin-bottom: 48px;
}

.service_video_planoperation {
  background-color: #0050a0;
  margin-top: 48px;
  padding: 40px 0;
}

.service_video_planoperation_inner {
  max-width: 960px;
  margin: 0 auto;
}

.service_video_planoperation_title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 24px;
  text-align: center;
}

.service_video_planoperation_contents {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin: 0 auto 40px;
  justify-content: center;
}

.service_video_planoperation_table {
  width: 468px;
  border-collapse:separate;
  border-spacing:2px;
}

.service_video_planoperation_table th,
.service_video_planoperation_table td {
  color: #5a5f64;
  vertical-align: middle;
}

.service_video_planoperation_table th {
  width: 164px;
  padding: 0 16px;
  background-color: #ebf0f5;
  font-size: 24px;
}

.service_video_planoperation_table td {
  width: 302px;
  background-color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

.service_video_planoperation_text {
  width: 468px;
  color: #fff;
  line-height: 1.75;
}

.service_video_planoperation_table_cell--large {
  font-family: 'Montserrat';
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
}

.service_video_planoperation_table_cell--red {
  color: #ff3c19;
  line-height: 1;
}

.service_video_planoperation_table_cell_attention {
  font-size: 12px;
  font-weight: normal;
}

.service_video_planoperation_table_cell_ad {
  padding: 19px;
}

.service_video_planoperation_table_cell_cost {
  padding: 9px;
}

.service_video_planoperation_table_cell_period {
  padding: 39px 0;
}

.service_video_planoperation_table_cell--lineheight-high {
  line-height: 2.67;
}

.service_video_planoperation_link {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 402px;
  max-width: calc(100% - 32px);
  height: 64px;
  border-radius: 8px;
  background-color: #8bc34a;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  box-shadow: 0 3px 0 0 #639b22;
  transition: all .2s ease;
}

.service_video_planoperation_link:hover {
  background-color: #a2db62;
  color: #fff;
}

.service_video_planoperation_link_wrapper {
  text-align: center;
}

.service_video_plan .video_ads_agency {
  padding-top: 40px;
  background-color: #0050a0;
}

.service_video_plan .video_ads_agency .inner {
  width: 960px;
  margin: 0 auto;
}

.service_video_plan .video_ads_agency .ttl {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
  margin-bottom: 26px;
}

.service_video_plan .video_ads_agency .plan_box {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.service_video_plan .video_ads_agency .plan_box .left {
  width: 468px;
  margin-right: 24px;
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan {
  width: 100%;
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan tr {
  border-bottom: 2px solid #0050a0;
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan th {
  width: 164px;
  font-size: 24px;
  font-weight: bold;
  color: #5a5f64;
  text-align: center;
  background-color: #ebf0f5;
  border-right: 2px solid #0050a0;
  vertical-align: middle;
  padding: 31px 0;
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan td {
  width: 302px;
  font-size: 24px;
  font-weight: bold;
  color: #5a5f64;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan td .montserrat {
  font-family: 'Montserrat';
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan td .big {
  font-size: 64px;
}

.service_video_plan .video_ads_agency .plan_box .left .agency_plan td .red {
  color: #ff3c19;
}

.service_video_plan .video_ads_agency .plan_box .right {
  width: 468px;
}

.service_video_plan .video_ads_agency .plan_box .right .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
}

.service_video_plan .video_ads_agency .btn {
  width: 402px;
  margin: 0 auto;
  box-shadow: 0 3px 0 0 #639b22;
  background-color: #8bc34a;
  border-radius: 8px;
  text-align: center;
}

.service_video_plan .video_ads_agency .btn a {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
  padding: 15px 0;
}

.service_video_planmaking {
  background-color: #033e80;
  padding: 40px 0 64px;
}

.service_video_planmaking_inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 44px;
}

.service_video_planmaking_title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 24px;
  text-align: center;
  line-height: 1;
}

.service_video_planmaking_subtitle {
  font-size: 24px;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  margin-bottom: 24px;
  text-align: center;
  line-height: 1;
}

.service_video_planmaking_contents {
  max-width: 960px;
  margin: 0 auto;
}

.service_video_planmaking_table {
  border-collapse:separate;
  border-spacing: 1px;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 8px;
}

.service_video_planmaking_table span {
  display: inline-block;
}

.service_video_planmaking_table th,
.service_video_planmaking_table td {
  color: #5a5f64;
  vertical-align: middle;
  padding: 12px 16px;
  line-height: 1;
}

.service_video_planmaking_table th {
  background-color: #ebf0f5;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}

.service_video_planmaking_table td {
  background-color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

.service_video_planmaking_attention {
  font-size: 12px;
  color: #fff;
}

.service_video_planoption {
  background-color: #033e80;
  padding: 0 0 40px;
}

.service_video_planoption_inner {
  max-width: 632px;
  margin: 0 auto;
  padding: 0 44px;
}

.service_video_planoption_title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 24px;
  text-align: center;
  line-height: 1;
}

.service_video_planoption_subtitle {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 24px;
  text-align: center;
  line-height: 1;
}

.service_video_planoption_table {
  border-collapse:separate;
  border-spacing:1px;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 24px;
}

.service_video_planoption_table span {
  display: inline-block;
}

.service_video_planoption_table th,
.service_video_planoption_table td {
  color: #5a5f64;
  vertical-align: middle;
  padding: 16px;
  line-height: 1;
}

.service_video_planoption_table th {
  background-color: #ebf0f5;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}

.service_video_planoption_table td {
  background-color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

.service_video_plan_table .service_video_plan_table_cell--clear {
  background-color: #033e80;
}

.service_video_plan_table .service_video_plan_table_cell--block {
  display: block;
}

.service_video_plan_table .service_video_plan_table_cell--space_small {
  display: inline-block;
  padding-top: 8px;
}

.service_video_plan_table .service_video_plan_table_cell--padding_small {
  padding: 8px;
}

.service_video_plan_table .service_video_plan_table_cell--padding_medium {
  padding: 12px;
}

.service_video_plan_table .service_video_plan_table_cell--regular {
  font-weight: normal;
}

.service_video_plan_table .service_video_plan_table_cell_text-cost {
  padding: 8px;
}

.service_video_plan_table .service_video_plan_table_cell_text--center {
  text-align: center;
}

.service_video_plan_table .service_video_plan_table_cell_text--left {
  text-align: left;
}

.service_video_plan_table .service_video_plan_table_cell_text--x_small {
  font-size: 10px;
}

.service_video_plan_table .service_video_plan_table_cell_text--small {
  font-size: 12px;
}

.service_video_plan_table .service_video_plan_table_cell_text--medium {
  font-size: 16px;
}

.service_video_plan_table .service_video_plan_table_cell_text--large {
  font-size: 32px;
}

.service_video_plan_table .service_video_plan_table_cell_text--lineheight-high {
  line-height: 1.75;
}

.service_video_plan_table .service_video_plan_table_cell_text--align-base {
  vertical-align: baseline;
}

.service_video_plan_table .service_video_plan_table_cell_text--font-num {
  font-family: 'Montserrat';
}

.service_video_planoption_table .service_video_plan_table_cell--padding_8-21-12 {
  padding: 8px 21px 12px;
}

.service_video_planoption_table .service_video_plan_table_cell--padding_4-0-8 {
  padding: 4px 0 8px;
}
/* 料金体系ここまで */
/* FAQここから */
.faq_question,
.faq_answer {
  margin-bottom: 16px;
}
/* FAQここまで */
.tab {
  display: none;
}
.sp {
  display: none;
}

@media screen and (max-width: 1152px) and (min-width: 721px) {
  .service_video_achievement_contents {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .service_video_flow_service_step_item::after,
  .service_video_flow_service_step_item--02_item--top.service_video_flow_service_step_item::after {
    left: calc(50vw - 230px);
  }

  .service_video_flow_service_step_item:nth-of-type(2)::after {
    background-image: none;
  }

  .service_video_flow_service_step_item--02_item--top .service_video_flow_step_item_right::after {
    display: inline-block;
    content: '';
    width: 48px;
    height: 62%;
    position: absolute;
    bottom: -26px;
    left: calc(50vw - 230px);
    background-image: url(/images/video/service_video_flow_arrow_03.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
  }
}

/* Tablet */
@media screen and (max-width: 720px) {
  .pc.tab {
    display: none;
  }
  .tab {
    display: block;
  }
  .section_firstview_wrapper {
    width: 91.2%;
    top: 67px;
  }
  .first_title {
    margin-bottom: 16px;
  }
  .firstview_list_catch {
    margin-bottom: 16px;
  }
  /* FVここまで */
  
  /* 特徴ここから */
  .service_feature_contents {
    max-width: 468px;
    padding: 0 5.3%;
  }
  
  .service_feature_content,
  .service_feature_content.left {
    flex-direction: column-reverse;
    margin: 0 0 40px;
  }
  
  .service_feature_content.left .service_feature_content_text {
  margin: 0 0 0 auto;
  }
  
  .service_feature_content:nth-of-type(1) img,
  .service_feature_content:nth-of-type(2) img,
  .service_feature_content:nth-of-type(3) img,
  .service_feature_content:nth-of-type(4) img {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  
  .service_feature_content:nth-of-type(2n) .service_feature_content_inner {
    margin: -64px 0 0 0;
    text-align: right;
    padding: 0;
  }
  
  .service_feature_content:nth-of-type(2n) .service_feature_content_title {
    width: 89.8%;
    padding: 11px 16px 13px;
    font-size: 32px;
    text-align: left;
  }
  
  .service_feature_content:nth-of-type(2n) .service_feature_content_text {
    width: 100%;
    text-align: left;
  }
  
  .service_feature_content:nth-of-type(3) .service_feature_content_inner {
    padding: 0;
    margin-top: -144px;
  }

  .service_feature_content:nth-of-type(3) .service_feature_content_title {
    font-size: 32px;
    padding: 11px 16px 13px;
  }
  
  .service_feature_content_inner {
    margin-top: -104px;
    padding: 0;
  }
  
  .service_feature_content_inner.small {
    padding: 0;
  }
  
  .service_feature_content_title {
    width: 89.8%;
    padding: 11px 16px 13px;
    font-size: 32px;
  }
  
  .service_feature_content_text {
    width: 100%;
  }
  /* 特徴ここまで */
  /* お問い合わせここから */

  /* 事例ページからの遷移 */
  #inquiry {
    padding-top: 66px;
    margin-top: -66px;
  }

  .service_contact .section_title {
    margin-bottom: 32px;
  }

  .service_content {
    margin: 0;
  }
  
  .service_video_contact {
    margin-top: 0;
  }
  
  .service_video_contact_message {
    height: auto;
  }
  .service_video_contact_inner {
    height: auto;
    padding: 24px 16px 40px;
    box-sizing: border-box;
    background-image: none;
  }
  
  .service_contact_caution {
    text-align: left;
  }
  
  .service__video_contact_link {
    width: 320px;
  }
  
  .service_video_content--small {
    margin-top: 20px;
  }
  
  .service_video_content--small.service_video_contact_message {
    height: auto;
  }
  
  .service_video_content--small.service_video_contact_message.bottom {
    margin-bottom: 32px;
  }
  
  .service_video_content--small .service_video_contact_inner {
    background-image: none;
    height: auto;
    padding: 24px 5.3% 20px;
  }
  
  .service_contact_phonenumber {
    font-size: 11vw;
  }
  
  .service_video_contact_form .service_contact_radio {
    flex-direction: column;
    gap: 0;
  }
  
  .service_video_contact_form .service_contact_radio input[type='radio'] {
    width: 24px;
    height: 24px;
    margin-top: 0;
  }

  .service_video_contact_form_item--name_item {
    width: 50%;
  }

  .service_video_contact_form_item_label.radio-ttl {
    margin-bottom: 24px;
  }

  .service_video_contact_form_item_radios--status .service_video_contact_form_item_label.radio-ttl {
    line-height: 1.5;
  }

  @media screen and (max-width: 414px) {
    .monthly_ad_cost label:not(:last-child) {
      margin-bottom: 24px;
    }

    .video_production_const label:not(:last-child) {
      margin-bottom: 24px;
    }

    .web_ad_status label:not(:last-child) {
      margin-bottom: 24px;
    }

    .advertise_ad label:not(:last-child) {
      margin-bottom: 24px;
    }
  }

  /* お問い合わせここまで */
  /* 実績のある動画広告の媒体ここから */
  .service_video_media {
    margin: 114px 0 104px;
  }
  
  .service_video_media_items {
    padding: 0 20px;
    margin-top: 40px;
  }
  
  .service_video_media_item {
    margin-bottom: 40px;
    padding-top: 0;
  }

  .service_video_media_item:nth-child(5) {
    margin-bottom: 48px;
  }
  
  .service_video_media_item_block {
    margin-bottom: 490px;
    padding: 24px;
  }
  
  .service_video_media_item:nth-child(2n-1) .service_video_media_item_block,
  .service_video_media_item:nth-child(2n) .service_video_media_item_block {
    padding: 28px 48px 71px;
  }
  
  .service_video_media_item_title {
    font-size: 55px;
    margin-bottom: 14px;
  }
  
  .service_video_media_item_title_bland {
    font-family: 'Montserrat';
    color: #fff;
    line-height: 1;
  }
  
  .service_video_media_item_user {
    font-size: 23px;
  }
  
  .service_video_media_item_user_footnote {
    font-size: 11px;
  }
  
  .service_video_media_item:nth-child(2n-1) .service_video_media_item_detail,
  .service_video_media_item:nth-child(2n) .service_video_media_item_detail {
    width: 468px;
    margin: 0 auto;
    padding: 0;
  }
  
  .service_video_media_item_detail_subtitle li {
    font-size: 24px;
  }
  
  .service_video_media_item_detail_text {
    font-size: 16px;
    line-height: 1.5;
    color: #5a5f64;
  }
  
  .service_video_media_item:nth-child(2n-1) .service_video_media_item_smp,
  .service_video_media_item:nth-child(2n) .service_video_media_item_smp {
    position: absolute;
    top: 154px;
    right: calc(50% - 132px);
    left: initial;
  }
  
  .service_video_media_item_smp_content {
    width: 264px;
    height: 534px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center, center center;
    background-size: contain, 236px 514px;
  }
  
  .service_video_media_item_smp_content--instagram video,
  .service_video_media_item_smp_content--facebook video {
    width: 234px;
    height: 234px;
    left: 15px;
  }

  .service_video_media .service_video_media_item .service_video_media_item_block--tiktok {
    width: 528px;
    padding: 22px 48px 63px;
    margin-bottom: 506px;
  }

  .service_video_media_item_blue--tiktok {
    width: 632px;
    height: 208px;
  }

  .service_video_media_item_red--tiktok {
    width: 632px;
    height: 208px;
    left: 0;
  }
  
  /* 実績のある動画広告の媒体ここまで */
  /* 制作・運用実績ここから */
  .service_video_achievement_contents {
    flex-direction: column;
    align-items: center;
    padding: 0 5.3%;
    margin-bottom: 84px;
  }
  
  .service_video_achievement_content {
    margin-bottom: 24px;
  }
  
  .service_video_achievement_content_fv {
    height: 238px;
    background-size: cover;
  }
  /* 制作・運用実績ここまで */

  /* 制作事例ここから */
  .service_casestudy {
    margin-bottom: 104px;
  }
  .service_casestudy .case_box {
    margin: 0 auto 80px;
  }
  /* 制作事例ここまで */
  
  /* 動画広告制作〜広告運用の流れここから */
  .service_video_flow {
    margin-top: 108px;
  }
  .service_video_flow .section_title {
    margin-bottom: 48px;
  }

  .service_video_flow .flow_box_top::after {
    height: 250px;
  }

  .service_video_flow .service_flow_list {
    max-width: 480px;
  }

  .service_video_flow .strategies_inner {
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
  }

  .service_video_flow .strategies_inner .inner_box {
    width: 280px;
  }

  .service_video_flow .strategies_inner .inner_box .inner_ttl {
    margin-bottom: 6px;
  }

  .service_video_flow .strategies_inner .inner_box .flow_box {
    width: 100%;
  }

  .service_video_flow .suggest_ad_strategies .strategies_inner .circle::before {
    height: 128px;
    top: 36px;
    left: -48px;
  }

  .service_video_flow .suggest_ad_strategies .strategies_inner .circle::after {
    height: 128px;
    top: 42px;
    right: 96px;
  }

  .service_video_flow .strategies_inner .circle::before {
    height: 114px;
    top: 36px;
    left: -41px;
  }

  .service_video_flow .strategies_inner .circle::after {
    height: 114px;
    top: 41px;
    right: 89px;
  }

  .service_video_flow .strategies_inner .circle {
    margin: 0 30px;
    z-index: 2;
  }

  .service_video_flow .strategies_inner.fourth .circle::before {
    height: 156px;
    top: 31px;
    left: -57px;
  }

  /* 動画広告制作〜広告運用の流れここまで */
  
  /* 料金体系ここから */
  .service_video_plan {
    margin-bottom: 108px;
  }

  .service_video_plan .section_title {
    margin-bottom: 38px;
  }

  .service_video_plan .video_ads_agency .inner {
    width: 100%;
  }

  .service_video_plan .video_ads_agency .plan_box {
    flex-direction: column;
  }

  .service_video_plan .video_ads_agency .plan_box .left {
    margin: 0 auto 20px;
  }

  .service_video_plan .video_ads_agency .plan_box .right {
    margin: 0 auto;
  }
  
  .service_video_planmaking {
    margin-bottom: 24px;
    margin-bottom: 0;
    padding: 40px 5.3% 64px;
  }

  .service_video_planmaking_inner {
    padding: 0 6px;
  }
  
  .service_video_planmaking_subtitle {
    font-size: 24px;
    line-height: 1.5;
  }
  
  .service_video_planmaking_table {
    margin-bottom: 8px;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
  }

  .service_video_plan_table .service_video_plan_table_cell_text--center {
    width: 120px;
    padding: 16px 12px;
  }
  
  .service_video_plan_table .service_video_plan_table_cell_text--small {
    line-height: 1.25;
  }
  
  .service_video_planmaking_table.bottom {
    margin-bottom: 8px;
  }
  
  .service_video_planmaking_table th,
  .service_video_planmaking_table td {
    padding: 11px 11px 11px 16px;
  }
  
  .service_video_planmaking_table th {
    font-size: 20px;
  }
  
  .service_video_planoption {
    padding: 0 5.3% 16px;
  }

  .service_video_planoption_inner {
    padding: 0;
  }
  
  .service_video_planoption_title {
    font-size: 40px;
  }
  
  .service_video_planoption_subtitle {
    font-size: 24px;
  }
  

  .service_video_planoption_table th {
    line-height: 1;
  }

  
  .service_video_plan_table .service_video_plan_table_cell_title {
    font-size: 24px;
  }
  
  .service_video_plan_table .service_video_plan_table_cell--padding_16 {
    padding: 16px;
  }
  /* 料金体系ここまで */
  
  /* よくあるご質問ここから */
  .service_video_faq {
    margin-top: 24px;
  }

  .service_video_faq .service_faq_list {
    max-width: 480px;
  }
  
  .faq_question {
    max-width: 480px;
    margin-bottom: 0;
  }
  
  .faq_answer {
    height: 128px;
    max-width: 480px;
    margin: 0 auto 16px;
    padding: 16px;
    line-height: 1.5;
  }

  .faq_answer.higher {
    height: 152px;
  }
  
  .faq_answer:last-child {
    margin-bottom: 0;
  }
  /* よくあるご質問ここまで */
}
/* SP */
@media screen and (max-width: 599px) {
  section {
    margin-top: 60px;
    padding: 0;
  }
  /* FVここから */
  .section_firstview {
    height: 150vw;
    margin-top: 56px;
  }

  .section_firstview_wrapper {
    width: 89.6%;
    height: 100%;
    box-sizing: border-box;
    top: 104px;
  }

  .first_title {
    font-size: 46px;
    line-height: 1.25;
  }

  .firstview_list_catch {
    font-size: 4.26vw;
    line-height: 1.5;
  }

  .firstview_list_catch li {
    margin-bottom: 16px;
  }

  .freecontact_link {
    margin-left: 38px;
  }

  @media screen and (max-width: 320px) {
    .first_title {
      font-size: 40px;
    }
  }
  /* FVここまで */

  /* 当社が選ばれる理由ここから */
  .service_feature .section_title .title_main {
    font-size: 24px;
    top: 22px;
  }

  .service_feature .section_title .title_background {
    font-size: 64px;
  }

  @media screen and (max-width: 320px) {
    .service_feature .section_title .title_background {
      left: 0;
    }
  }

  .service_feature_content:nth-of-type(2n) .service_feature_content_title {
    font-size: 6.4vw;
    width: 85.7%;
  }

  .service_feature_content:nth-of-type(3) .service_feature_content_title {
    font-size: 6.4vw;
  }

  .service_feature_content_title {
    font-size: 6.4vw;
    width: 85.7%;
  }

  .service_feature_content_inner {
    margin-top: -74px;
  }

  .service_feature_content:nth-of-type(2n) .service_feature_content_inner {
    margin: -73px 0 0 0;
  }

  .service_feature_content:nth-of-type(3) .service_feature_content_inner {
    margin-top: -106px;
  }

  /* 当社が選ばれる理由ここまで */

  /* 動画広告の運用実績ここから */
  .service_video_achievement .section_title .title_main {
    font-size: 24px;
  }

  .service_video_achievement .section_title .title_background {
    font-size: 53px;
  }

  @media screen and (max-width: 320px) {
    .service_video_achievement .section_title .title_background {
      font-size: 44px;
      left: 0;
    }
  }

  .service_video_achievement_content {
    width: auto;
  }

  .service_video_achievement_contents {
    margin: 24px auto 0;
    padding: 0 35px;
  }

  @media screen and (max-width: 320px) {
    .service_video_achievement_content_detail_title {
      font-size: 23px;
    }
  }

  .service_video_achievement_content_detail {
    height: auto;
  }

  /* 動画広告の運用実績ここまで */

  /* 動画広告の制作事例ここから */
  .service_casestudy {
    margin-bottom: 64px;
  }

  .service_casestudy .section_title {
    height: 178px;
    margin-bottom: 48px;
  }

  .service_casestudy .section_title .title_main {
    font-size: 24px;
    top: 22px;
  }

  .service_casestudy .section_title .title_background {
    font-size: 64px;
  }

  @media screen and (max-width: 320px) {
    .service_casestudy .section_title .title_background {
      left: 0;
    }
  }

  .service_casestudy .sub_title {
    line-height: 1.5;
    top: 92px;
  }

  .service_casestudy .case_box {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 40px;
    box-sizing: border-box;
  }

  .service_casestudy .case_box li:not(:last-child) {
    margin-bottom: 40px;
  }

  .service_casestudy .case_box li .movie_box {
    height: 188px;
  }

  .service_casestudy .case_box li .description_box {
      flex-direction: column;
  }

  .service_casestudy .case_box li .description_box .left {
    margin-bottom: 16px;
  }

  .service_casestudy .case_box li .case_goal {
    margin-bottom: 0;
  }

  @media screen and (max-width: 320px) {
    .service_casestudy .case_box li .description_box .left {
      width: 100%;
    }

    .service_casestudy .case_box li .case_ttl {
      font-size: 26px;
    }

    .service_casestudy .case_box li .right {
      width: 100%;
    }
  }

  .service_casestudy .preparation_box .preparation {
    font-size: 16px;
  }

  .service_casestudy .preparation_box .btn {
    width: 73.2%;
  }

  @media screen and (max-width: 320px) {
    .service_casestudy .preparation_box .btn a {
      font-size: 21px;
    }
  }
  /* 動画広告の制作事例ここまで */


  /* お問合せここから */
  .service_contact_description {
    width: 89.4%;
  }

  .service_video_contact .service_video_contact_inner {
    padding: 24px 16px;
  }

  .service_video_content--small .service_video_contact_inner {
    padding: 24px 0 0;
  }

  .service_contact_caution {
    margin: auto;
    text-align: left;
  }

  .service__video_contact_link {
    width: 79.4%;
    max-width: initial;
  }

  @media screen and (max-width: 320px) {
    .service__video_contact_link {
      font-size: 21px;
    }
  }

  .service_video_contact_form {
    max-width: calc(100% - 10.6%);
   }

  .service_video_contact_form_item {
    padding: 16px;
  }

  .service_video_contact_form_item--name input {
    max-width: 165px;
  }

  .service_video_contact_form_item {
    gap: 0;
  }
  
  .service_video_contact_form_item.service_video_contact_form_item--name {
    gap: 7px;
  }

  .service_video_contact_form_item--privacy_link {
    padding: 16px 9px;
    text-align: center;
  }

  .service_video_contact_form_item_radios {
    justify-content: initial;
    flex-direction: column;
  }

  .service_video_contact_form_item_radios--budget,
  .service_video_contact_form_item_radios--season,
  .service_video_contact_form_item_radios--about {
    gap: 0;
  }

  .service_video_contact_form_item_radio--budget.top,
  .service_video_contact_form_item_radio--status.sptop,
  .service_video_contact_form_item_radio--season.top,
  .service_video_contact_form_item_radio--about.top  {
    margin-bottom: 20px;
  }

  .service_video_contact_form_item_radio--status.top:not(:last-child) {
    margin-bottom: 20px;
  }

  .service_video_contact_form_item_radio--about.top {
    margin-bottom: 24px;
  }

  .service_video_contact_form_item_freetext {
    box-sizing: border-box;
  }

  .service_video_contact_form_item_text {
    line-height: 1.25;
  }

  .service_video_content--small.service_video_contact_message.bottom .service_contact_caution {
    padding: 0 20px 24px;
  }
  /* お問合せここまで */

  /* 実績のある動画広告の媒体ここから */
  .service_video_media {
    margin: 72px 0 58px;
  }
  .service_video_media .section_title .title_main {
    font-size: 24px;
    top: 22px;
  }

  .service_video_media .section_title .title_background {
    font-size: 64px;
  }

  .service_video_media_item:nth-child(2n-1) .service_video_media_item_block,
  .service_video_media_item:nth-child(2n) .service_video_media_item_block {
    padding: 20px 26px 124px;
    margin-bottom: 306px;
  }

  .service_video_media_item_title {
    font-size: 32px;
    margin-bottom: 8px;
  }

  @media screen and (max-width: 320px) {
    .service_video_media_item_title {
      font-size: 30px;
    }
  }

  .service_video_media_item_user {
    font-size: 16px;
  }

  @media screen and (max-width: 320px) {
    .service_video_media_item_user {
      font-size: 14px;
    }
  }

  .service_video_media_item:nth-child(2n-1) .service_video_media_item_detail,
  .service_video_media_item:nth-child(2n) .service_video_media_item_detail {
    width: 100%;
  }

  .service_video_media_item_detail_subtitle li {
    font-size: 16px;
  }

  .service_video_media_item:nth-child(2n-1) .service_video_media_item_smp,
  .service_video_media_item:nth-child(2n) .service_video_media_item_smp {
    top: 114px;
    right: calc(50% - 96px);
  }

  .service_video_media_item_smp_content {
    width: 192px;
    height: 388px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center, center center;
    background-size: contain, 172px 374px;
  }

  .service_video_media_item_smp_content--youtube video {
    width: 171px;
    height: 144px;
    top: 6px;
    left: 11px;
  }

  .service_video_media_item_smp_content--instagram video,
  .service_video_media_item_smp_content--facebook video {
    width: 171px;
    height: 171px;
    position: absolute;
    top: 78px;
    left: 10.5px;
  }

  .service_video_media_item_smp_content--line video {
    width: 171px;
    height: 171px;
    position: absolute;
    top: 73px;
    left: 11.5px;
  }

  .service_video_media_item_smp_content--twitter video {
    width: 130.9px;
    height: 130.9px;
    position: absolute;
    top: 121px;
    right: 17px;
  }

  .service_video_media .service_video_media_item .service_video_media_item_block--tiktok {
    width: 283px;
    padding: 15px 18px 107px;
    margin-bottom: 322px;
  }

  .service_video_media_item_blue--tiktok {
    width: 327px;
  }

  .service_video_media_item_red--tiktok {
    width: 327px;
  }

  /* iPhone6 plus向け */
  @media screen and (max-width: 414px) and (min-width: 376px) {
    .service_video_media .service_video_media_item .service_video_media_item_block--tiktok {
      width: 322px;
    }

    .service_video_media_item_blue--tiktok {
      width: 365px;
    }
  
    .service_video_media_item_red--tiktok {
      width: 366px;
    }
  }
  
  /* iPhone5向け */
  @media screen and (max-width: 320px) {
    .service_video_media .service_video_media_item .service_video_media_item_block--tiktok {
      width: 227px;
    }

    .service_video_media_item_blue--tiktok {
      width: 271px;
      height: 204px;
    }
  
    .service_video_media_item_red--tiktok {
      width: 271px;
      height: 203px;
    }
  }

  .service_video_media_item_smp .tiktok_movie {
    width: 172px;
    left: 10px;
    top: 8px;
  }

  .service_video_media_item_smp .tiktok_movie video {
    border-radius: 18px;
  }

  /* 実績のある動画広告の媒体ここまで */

  /* 動画広告制作〜広告運用の流れここから */
  .service_video_flow {
    margin-top: 70px;
  }

  .service_video_flow .section_title {
    margin-bottom: 42px;
  }

  .service_video_flow .section_title .title_main {
    font-size: 24px;
    top: 20px;
  }

  @media screen and (max-width: 320px) {
    .service_video_flow .section_title .title_main {
      font-size: 20px;
      top: 24px;
    }
  }

  .service_video_flow .section_title .title_background {
    font-size: 64px;
  }

  @media screen and (max-width: 320px) {
    .service_video_flow .section_title .title_background {
      left: 0;
    }
  }

  .service_video_flow .flow_box_top {
    width: 89.4%;
  }

  .service_video_flow .flow_box_top .ttl {
    font-size: 16px;
  }

  .service_video_flow .flow_box_top .desc {
    font-size: 12px;
    text-align: center;
  }

  .service_video_flow .flow_box_top::after {
    width: 8px;
    height: 260px;
    top: 98px;
  }

  .service_video_flow .strategies_inner .inner_box .inner_ttl {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .service_video_flow .strategies_inner .inner_box .flow_box {
    padding: 8px;
  }

  .service_video_flow .strategies_inner .inner_box.blue .flow_box::after {
    width: 11px;
    height: 4px;
    right: -10px;
    top: 15.6%;
  }

  .service_video_flow .strategies_inner .inner_box.red .flow_box::before {
    width: 11px;
    height: 4px;
    left: -10px;
    top: 15.6%;
  }

  .service_video_flow .strategies_inner .inner_box .flow_box .flow_ttl {
    font-size: 16px;
  }

  .service_video_flow .strategies_inner .inner_box .flow_box .flow_desc {
    font-size: 12px;
  }

  .service_video_flow .strategies_inner {
    padding: 0 20px;
    align-items: flex-start;
  }
  
  /* iPhone6 plus向け */
  @media screen and (max-width: 414px) and (min-width: 376px) {
    .service_video_flow .strategies_inner {
      padding: 0 38px;
    }
  }
  
  /* iPhone5向け */
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner {
      padding: 0;
    }
  }

  .service_video_flow .strategies_inner .circle {
    width: 82px;
    height: 38px;
    border-width: 4px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner .circle {
      height: 36px;
    }
  }

  .service_video_flow .strategies_inner .circle span {
    font-size: 32px;
  }

  .service_video_flow .suggest_ad_strategies .strategies_inner .circle {
    margin: 31px 9px 0;
  }

  .service_video_flow .suggest_ad_strategies .strategies_inner .circle::before {
    width: 4px;
    height: 157px;
    top: 10px;
    left: -55px;
  }

  .service_video_flow .suggest_ad_strategies .strategies_inner .circle::after {
    width: 4px;
    height: 158px;
    top: 12px;
    right: 85px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .suggest_ad_strategies .strategies_inner .circle::before {
      height: 155px;
      top: 9px;
      left: -55px;
    }
    .service_video_flow .suggest_ad_strategies .strategies_inner .circle::after {
      height: 157px;
      top: 12px;
      right: 84px;
    }
  }

  .service_video_flow .strategies_inner .circle {
    margin: 0 9px;
  }

  .service_video_flow .strategies_inner .circle::before {
    width: 4px;
    height: 129px;
    top: 14px;
    left: -46px;
  }

  .service_video_flow .strategies_inner .circle::after {
    width: 4px;
    height: 128px;
    top: 17px;
    right: 76px;
  }

  .service_video_flow .strategies_inner.second .inner_box.blue .flow_box::after {
    top: 17.6%;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.second .inner_box.blue .flow_box::after {
      top: 15%;
    }
    .service_video_flow .strategies_inner.second .inner_box.red .flow_box::before {
      top: 15%;
    }
  }

  .service_video_flow .strategies_inner.second .circle::before {
    height: 130px;
  }

  .service_video_flow .strategies_inner.second .circle::after {
    height: 131px;
    right: 77px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.second .circle::before {
      top: 13px;
      left: -46px;
    }

    .service_video_flow .strategies_inner.second .circle::after {
      top: 16px;
      right: 74px;
    }
  }

  .service_video_flow .strategies_inner.third .inner_box.red .flow_box::before {
    top: 20.6%;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.third .inner_box.blue .flow_box::after {
      top: 12.4%;
    }
    .service_video_flow .strategies_inner.third .inner_box.red .flow_box::before {
      top: 19.8%;
    }
  }

  .service_video_flow .strategies_inner.third .circle::before {
    height: 168px;
    top: 11px;
    left: -60px;
  }

  .service_video_flow .strategies_inner.third .circle::after {
    height: 166px;
    top: 15px;
    right: 91px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.third .circle::before {
      height: 163px;
      top: 6px;
      left: -56px;
    }

    .service_video_flow .strategies_inner.third .circle::after {
      height: 161px;
      top: 11px;
      right: 88px;
    }
  }

  .service_video_flow .strategies_inner.fourth .circle::before {
    height: 130px;
    top: 14px;
    left: -46px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.fourth .circle::before {
      height: 129px;
      top: 12px;
      left: -45px;
    }
  }

  .service_video_flow .strategies_inner.fourth .inner_box.blue .flow_box::after {
    top: 19.6%;
  }

  .service_video_flow .strategies_inner.last .inner_box {
    width: 136px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.last .inner_box {
      width: 129px;
    }
  }

  .service_video_flow .strategies_inner.last .circle {
    width: 38px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_flow .strategies_inner.last .circle {
      width: 37px;
      height: 37px;
    }
  }

  .service_video_flow .strategies_inner.last .inner_box.blue .flow_box::after {
    top: 10.6%;
  }

  .service_video_flow .caution {
    width: 87.5%;
    margin: 0 auto;
    text-align: left;
  }
  /* 動画広告制作〜広告運用の流れここまで */

  /* 料金体系ここから */
  .service_video_plan {
    margin-bottom: 72px;
  }

  .service_video_plan .section_title {
    margin-bottom: 44px;
  }

  .service_video_plan .section_title .title_main {
    font-size: 24px;
    top: 20px;
  }

  .service_video_plan .section_title .title_background {
    font-size: 64px;
  }
  
  @media screen and (max-width: 320px) {
    .service_video_plan .section_title .title_background {
      left: 0;
    }
  }

  .service_video_plan .video_ads_agency {
    padding: 40px 0 0;
  }

  .service_video_plan .video_ads_agency .ttl {
    font-size: 24px;
  }

  .service_video_plan .video_ads_agency .plan_box .left {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }

  .service_video_plan .video_ads_agency .plan_box .left .agency_plan th {
    font-size: 16px;
    padding: 27px 0;
    width: 33.4%;
  }

  .service_video_plan .video_ads_agency .plan_box .left .agency_plan td {
    font-size: 16px;
    width: 66.6%;
  }

  .service_video_plan .video_ads_agency .plan_box .left .agency_plan td .big {
    font-size: 48px;
  }

  .service_video_plan .video_ads_agency .plan_box .right {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }

  .service_video_plan .video_ads_agency .btn {
    width: 89.4%;
  }

  .service_video_plan .video_ads_agency .btn a {
    line-height: 1.25;
    padding: 10px 0;
  }

  .service_video_planmaking {
    padding: 40px 20px 64px;
  }

  .service_video_planmaking_contents {
    padding: 0;
  }

  .service_video_planmaking_subtitle {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .service_video_plan_table .service_video_plan_table_cell_title {
    font-size: 24px;
    width: 59%;
    box-sizing: border-box;
    padding: 8px 0;
  }

  .service_video_planmaking_table {
    margin-bottom: 24px;
  }

  .service_video_planmaking_table th {
    font-size: 16px;
  }

  .service_video_planmaking_inner {
    padding: 0;
  }

  .service_video_planmaking_inner .service_video_planmaking_title {
    font-size: 24px;
  }

  .service_video_planmaking_table th {
    width: 41%;
    box-sizing: border-box;
    padding: 8px;
  }

  th.service_video_plan_table_cell_title,
  .service_video_planmaking_table td {
    width: 182px;
    padding: 8px;
  }

  .service_video_planoption {
    padding-bottom: 24px;
  }

  .service_video_planoption .service_video_planoption_title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .service_video_planoption .service_video_planoption_subtitle {
    font-size: 16px;
  }

  .service_video_planoption_inner {
    padding: 0;
  }

  .service_video_planoption_inner .service_video_planoption_contents .service_video_plan_table .service_video_plan_table_cell_text--center {
    line-height: 1.5;
  }
  
  .service_video_planoption_table {
    table-layout: auto;
  }

  .service_video_planoption_table.bottom {
    margin-bottom: 0;
  }

  .service_video_planoption_subtitle {
    margin-bottom: 20px;
  }

  .service_video_plan_table_cell--large {
    width: 198px;
    box-sizing: border-box;
  }

  .service_video_plan_table_cell--medium {
    width: 136px;
    box-sizing: border-box;
  }
  /* 料金体系ここまで */
  
  /* お問い合わせここから */
  .service_contact .section_title {
    margin-bottom: 42px;
  }

  .service_contact .section_title .title_main {
    font-size: 24px;
    top: 22px;
  }

  .service_contact .section_title .title_background {
    font-size: 64px;
  }
  
  @media screen and (max-width: 320px) {
    .service_contact .section_title .title_background {
      left: 0;
    }
  }
  /* お問い合わせここまで */
  
  /* よくあるご質問ここから */
  .listing_faq {
    margin: 72px 0;
  }

  .listing_faq .section_title .title_main {
    font-size: 24px;
    top: 22px;
  }

  .listing_faq .section_title .title_background {
    font-size: 64px;
  }
  
  @media screen and (max-width: 320px) {
    .listing_faq .section_title .title_background {
      left: 0;
    }
  }

  .service_video_faq {
    margin-top: 42px;
  }

  .faq_question {
    font-size: 16px;
    margin-bottom: 0;
  }

  .faq_answer {
    height: auto;
    margin-bottom: 24px;
  }

  .faq_answer.higher {
    height: auto;
  }
  /* よくあるご質問ここまで */

  .pc {
    display: none !important;
  }

  .sp {
    display: block;
  }
}
 
.service_video_contact_form_item.service_video_contact_form_item--privacy_link{
  padding-left: calc(100% * 32 / 560);
  padding-right: calc(100% * 32 / 560);
  text-align: left;
  font-size: 15px;
  text-indent: -39px;
  margin-left: 39px;
}



/* layout adds */
.video_ads_flow{
  width: 100%;
  padding: 0;
}
.vaf-box-title,
.steps-box-title{
  font-size: 24px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px){
  .vaf-box-title,
  .steps-box-title{
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.vaf-box-desc,
.steps-box-desc{
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 767px){
  .vaf-box-desc,
  .steps-box-desc{
    font-size: 12px;
  }
}
.steps-box-desc span{
  font-size: 12px;
  color: #fff;
}
.vaf-title{
  text-align: center;
  position: relative;
}
.vaf-title-main{
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  color: #0050a0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px){
  .vaf-title-main{
    font-size: 24px;
  }
}
.vaf-title-sub{
  font-family: 'Montserrat', sans-serif;
  font-size: 88px;
  font-weight: 700;
  color: #ebf0f5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 767px){
  .vaf-title-main{
    font-size: 24px;
  }
  .vaf-title-sub{
    font-size: 64px;
  }
}
.vaf-suggestion{
  background: rgba(235, 240, 245, .9);
  padding: 18px 0 190px;
}
.vaf-suggestion-title{
  font-size: 24px;
  font-weight: bold;
  color: #0050a0;
  text-align: center;
}
.vaf-suggestion-desc{
  font-size: 16px;
  text-align: center;
}

.vaf-box{
  box-sizing: border-box;
  border-radius: 5px;
  background: #0050a0;
  width: 304px;
  padding: 14px 16px;
  margin: 55px auto 18px;
}
.vaf-box-steps{
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  padding: 14px 16px;
  position: relative;
}
@media screen and (max-width: 767px){
  .vaf-box-steps{
    padding: 7px;
  }
}
.steps-side-title{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px){
  .steps-side-title{
    font-size: 16px;
  }
}
.steps-side-title_left{
  color: #0050a0;
}
.steps-side-title_right{
  color: #ff3c19;
}

.vaf-steps{
  margin-top: -180px;
}
@media screen and (max-width: 767px){
  .vaf-steps{
    width: 98%;
    margin: -180px 1% 0;
  }
}
.steps-comp{
  width: 100%;
  max-width: 960px;
  margin: 0 auto 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
}
.steps-comp.animated{
  opacity: 1;
  transition: all .1s;
}
@media screen and (max-width: 767px){
  .steps-comp{
    align-items: start;
  }
}

.steps-comp:first-child{
  margin-bottom: 0;
}
.steps-comp:nth-child(2){
  margin-bottom: 48px;
}
.steps-mod_left{
  width: 40.2%;
}
.steps-mod_right{
  width: 40.2%;
}

.steps-mod_left .vaf-box-steps{
  background: #0050a0;
}
.steps-mod_left .vaf-box-steps:after{
  content: "";
  display: block;
  width: 20%;
  height: 8px;
  background: #0050a0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.steps-mod_right .vaf-box-steps{
  background: #ff3c19;
}
.steps-mod_right .vaf-box-steps.item-none{
  background: transparent;
}
.steps-mod_right .vaf-box-steps::before{
  content: "";
  display: block;
  width: 20%;
  height: 8px;
  background: #ff3c19;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px){
  .steps-mod_right .vaf-box-steps::before,
  .steps-mod_left .vaf-box-steps:after{
    height: 4px;
    top: 20px;
  }
}
.steps-mod_right .vaf-box-steps.item-none::before{
  display: none;
}

.vaf-box_top{
  position: relative;
}
.vaf-box_top span{
  display: block;
  position: absolute;
  height: 1px;
  width: 16px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #0050a0;
  z-index: -1;
}
@media screen and (max-width: 767px){
  .vaf-box_top{
    text-align: center;
  }
  .vaf-box_top span{
    width: 8px;
  }
}

.steps-num{
  position: relative;
  /* border: 8px solid #0050a0;
  border-radius: 50px; */
  z-index: 5;
}
.steps-num .left-line{
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-100%);
  width: 8px;
  height: 180px;
  background: #0050a0;
}
.steps-num .right-line{
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 8px;
  height: 180px;
  background: #ff3c19;
}
.steps-num.steps-num-lasted .left-line,
.steps-num.steps-num-lasted .right-line{
  background: #fff;
}
.steps-comp:nth-child(5) .steps-num .right-line{
  background: #FFF;
}
@media screen and (max-width: 767px){
  .steps-num .left-line{
    width: 4px;
  }
  .steps-num .right-line{
    width: 4px;
  }
}

.steps-num::after{
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  height: 70px;
  width: 70px;
  border: 8px solid #ff3c19;
  border-radius: 50px;
  border-left: 8px solid #0050a0;
  border-top: 8px solid #0050a0;
  z-index: 5;
  transform: rotate(-45deg);
}
.steps-num.steps-num-lasted::after{
  border: 8px solid #0050a0;
}
.steps-num p{
  font-family: 'Montserrat';
  font-size: 48px;
  font-weight: bold;
  color: #5a5f64;
  line-height: 1;
  background: #FFF;
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 50%;
  padding-top: 11px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px){
  .steps-num::after{
    top: -4px;
    left: -4px;
    height: 40px;
    width: 40px;
    border: 4px solid #ff3c19;
    border-left: 4px solid #0050a0;
    border-top: 4px solid #0050a0;
  }
  .steps-num.steps-num-lasted::after{
    border: 4px solid #0050a0;
  }
  .steps-num p{
    font-size: 32px;
    width: 40px;
    height: 40px;
    padding-top: 4px;
  }
}


.vaf-caution-read{
  text-align: center;
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 960px;
}
@media screen and (max-width: 767px){
  .vaf-caution-read{
    width: 90%;
    margin: 0 5%;
    text-align: left;
  }
}