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

body { font-size:16px; }
.common_headline { font-size:34px; }
@media screen and (max-width:750px) {
  body { font-size:14px; }
  .common_headline { font-size:20px; }
}
body, input, textarea { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; }

.rich_font, .p-vertical { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }

.rich_font_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight:600; }
.rich_font_type2 { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }
.rich_font_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:600; }

#header_logo .logo_text { color:#ffffff; font-size:32px; }
#footer_logo .logo_text { font-size:32px; }
@media screen and (max-width:1151px) {
  #header_logo .logo_text { font-size:24px; }
  #footer_logo .logo_text { font-size:24px; }
}
#side_menu_button { background:#000000; }
#side_menu_content { background:#262626; }
#side_menu > .sub-menu { background:#2d2d2d; }
#side_menu a { color:#ffffff; }
#side_menu a:hover, #side_menu li.current-menu-item a, #side_menu .menu-item-has-children.active > a { color:#ed2c00; }
#side_menu_button a span, #side_menu .menu-item-has-children:after, #side_menu .menu-item-has-children:before { background:#ffffff; }
#side_menu .menu-item-has-children.active:after { background:#ed2c00; }
.mobile #header:after { background:rgba(0,0,0,1); }
.mobile #header:hover:after { background:rgba(0,0,0,1); }
.mobile body.home.no_index_header_content #header { background:rgba(0,0,0,1); }
#drawer_menu { color:#ffffff; background:#000000; }
#drawer_menu a { color:#ffffff; }
#drawer_menu a:hover { color:#c90000; }
#mobile_menu a { color:#ffffff; border-color:#444444; }
#mobile_menu li li a { background:#333333; }
#mobile_menu a:hover, #drawer_menu .close_button:hover, #mobile_menu .child_menu_button:hover { color:#ffffff; background:#444444; }
#mobile_menu .child_menu_button .icon:before, #mobile_menu .child_menu_button:hover .icon:before { color:#ffffff; }
#footer_banner_content .catch { color:#ffffff; font-size:34px; }
#footer_banner_content .desc { color:#ffffff; }
@media screen and (max-width:750px) {
  #footer_banner_content .catch { font-size:20px; }
}
#footer_message { font-size:18px; }
#copyright { color:#ffffff; background:#222222; }
#return_top a:before { color:#ffffff; }
#return_top a { background:#ed2c00; }
#return_top a:hover { background:#c90000; }
@media screen and (max-width:750px) {
  #footer_message { font-size:15px; }
}
.author_profile .avatar_area img, .animate_image img, .animate_background .image {
  width:100%; height:auto;
  -webkit-transition: transform  0.5s ease;
  transition: transform  0.5s ease;
}


a { color:#000; }
#header_message a { color:#000000; }

.faq_list .question.active, .faq_list .question:hover
  { color:#ed2c00; }

.faq_list .question:hover:before, .faq_list .question:hover:after, .faq_list .question.active:before, .faq_list .question.active:after,
  .page_navi a:hover, #post_pagination a:hover
    { background:#ed2c00; }

.page_navi a:hover, #post_pagination a:hover
  { border-color:#ed2c00; }

.interview_list .link:hover .title_area, .cb_image_carousel .carousel_arrow:hover:before, #search_box .button label:hover:before, .design_select_box:hover label:after, #single_tab_post_list .carousel_arrow:hover:before,
  #news_carousel_wrap .carousel_arrow:hover:before, #header_logo a:hover .logo_text
    { color:#c90000; }
@media screen and (max-width:750px) {
  body.single-interview #bread_crumb li a:hover, body.single-interview #bread_crumb li.home a:hover:before
    { color:#c90000 !important; }
}

#p_readmore .button:hover, .c-pw__btn:hover, #comment_tab li a:hover,
  #submit_comment:hover, #cancel_comment_reply a:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, #wp-calendar td a:hover
    { background-color:#c90000; }

#comment_textarea textarea:focus, .c-pw__box-input:focus
  { border-color:#c90000; }

a:hover, #header_logo a:hover, #footer a:hover, #footer_social_link li a:hover:before, #next_prev_post a:hover,
.single_copy_title_url_btn:hover, .tcdw_search_box_widget .search_area .search_button:hover:before,
#single_author_title_area .author_link li a:hover:before, .author_profile a:hover, .author_profile .author_link li a:hover:before, #post_meta_bottom a:hover, .cardlink_title a:hover,
.comment a:hover, .comment_form_wrapper a:hover, #searchform .submit_button:hover:before, .p-dropdown__title:hover:after
  { color:#ed2c00; }

.post_content a { color:#000000; }
.post_content a:hover { color:#c90000; }

.design_button.type1 a { color:#ffffff !important; background:#ed2c00; }
.design_button.type1 a:hover { color:#ffffff !important; background:#c90000; }
.styled_h2 {
  font-size:26px !important; text-align:left; color:#ffffff; background:#000000;  border-top:0px solid #dddddd;
  border-bottom:0px solid #dddddd;
  border-left:0px solid #dddddd;
  border-right:0px solid #dddddd;
  padding:15px 15px 15px 15px !important;
  margin:0px 0px 30px !important;
}
.styled_h3 {
  font-size:22px !important; text-align:left; color:#000000;   border-top:0px solid #dddddd;
  border-bottom:0px solid #dddddd;
  border-left:2px solid #000000;
  border-right:0px solid #dddddd;
  padding:6px 0px 6px 16px !important;
  margin:0px 0px 30px !important;
}
.styled_h4 {
  font-size:18px !important; text-align:left; color:#000000;   border-top:0px solid #dddddd;
  border-bottom:1px solid #dddddd;
  border-left:0px solid #dddddd;
  border-right:0px solid #dddddd;
  padding:3px 0px 3px 20px !important;
  margin:0px 0px 30px !important;
}
.styled_h5 {
  font-size:14px !important; text-align:left; color:#000000;   border-top:0px solid #dddddd;
  border-bottom:1px solid #dddddd;
  border-left:0px solid #dddddd;
  border-right:0px solid #dddddd;
  padding:3px 0px 3px 24px !important;
  margin:0px 0px 30px !important;
}
.q_custom_button1 {
  color:#ffffff !important;
  border-color:rgba(83,83,83,1);
}
.q_custom_button1.animation_type1 { background:#535353; }
.q_custom_button1:hover, .q_custom_button1:focus {
  color:#ffffff !important;
  border-color:rgba(125,125,125,1);
}
.q_custom_button1.animation_type1:hover { background:#7d7d7d; }
.q_custom_button1:before { background:#7d7d7d; }
.q_custom_button2 {
  color:#ffffff !important;
  border-color:rgba(83,83,83,1);
}
.q_custom_button2.animation_type1 { background:#535353; }
.q_custom_button2:hover, .q_custom_button2:focus {
  color:#ffffff !important;
  border-color:rgba(125,125,125,1);
}
.q_custom_button2.animation_type1:hover { background:#7d7d7d; }
.q_custom_button2:before { background:#7d7d7d; }
.speech_balloon_left1 .speach_balloon_text { background-color: #ffdfdf; border-color: #ffdfdf; color: #000000 }
.speech_balloon_left1 .speach_balloon_text::before { border-right-color: #ffdfdf }
.speech_balloon_left1 .speach_balloon_text::after { border-right-color: #ffdfdf }
.speech_balloon_left2 .speach_balloon_text { background-color: #ffffff; border-color: #ff5353; color: #000000 }
.speech_balloon_left2 .speach_balloon_text::before { border-right-color: #ff5353 }
.speech_balloon_left2 .speach_balloon_text::after { border-right-color: #ffffff }
.speech_balloon_right1 .speach_balloon_text { background-color: #ccf4ff; border-color: #ccf4ff; color: #000000 }
.speech_balloon_right1 .speach_balloon_text::before { border-left-color: #ccf4ff }
.speech_balloon_right1 .speach_balloon_text::after { border-left-color: #ccf4ff }
.speech_balloon_right2 .speach_balloon_text { background-color: #ffffff; border-color: #0789b5; color: #000000 }
.speech_balloon_right2 .speach_balloon_text::before { border-left-color: #0789b5 }
.speech_balloon_right2 .speach_balloon_text::after { border-left-color: #ffffff }
.qt_google_map .pb_googlemap_custom-overlay-inner { background:#ed2c00; color:#ffffff; }
.qt_google_map .pb_googlemap_custom-overlay-inner::after { border-color:#ed2c00 transparent transparent transparent; }

#header_slider .item1 .catch { font-size:36px; color:#ffffff; }
#header_slider .item1 .desc { font-size:18px; color:#ffffff; }
@media screen and (max-width:750px) {
  #header_slider .item1 .catch { font-size:20px; }
  #header_slider .item1 .desc { font-size:15px; }
}
#header_slider .item2 .catch { font-size:36px; color:#ffffff; }
#header_slider .item2 .desc { font-size:18px; color:#ffffff; }
@media screen and (max-width:750px) {
  #header_slider .item2 .catch { font-size:20px; }
  #header_slider .item2 .desc { font-size:15px; }
}
#header_slider .item3 .catch { font-size:36px; color:#ffffff; }
#header_slider .item3 .desc { font-size:18px; color:#ffffff; }
@media screen and (max-width:750px) {
  #header_slider .item3 .catch { font-size:20px; }
  #header_slider .item3 .desc { font-size:15px; }
}
#index_slider_message_inner { background:#221815; color:#ffffff; font-size:18px; }
#index_slider_message_inner:hover { background:#221815; }
@media screen and (max-width:1050px) {
  #index_slider_message_inner { font-size:14px; }
}
.cb_free_space.num1 { margin-top:0px; margin-bottom:0px; }
@media screen and (max-width:750px) {
  .cb_free_space.num1 { margin-top:0px; margin-bottom:0px; }
}
.cb_free_space.num4 { margin-top:0px; margin-bottom:0px; }
@media screen and (max-width:750px) {
  .cb_free_space.num4 { margin-top:0px; margin-bottom:0px; }
}
.design_content.num5 .catch { font-size:22px; color:#ffffff; }
.design_content.num5 .desc { color:#ffffff; }
@media screen and (max-width:1050px) {
  .design_content.num5 .layer_image img { width:320px; height:79px; }  .design_content.num5 .content_image img { width:288px; height:240px; }}
@media screen and (max-width:750px) {
  .design_content.num5 .catch { font-size:18px; }
  .design_content.num5 .layer_image img { width:240px; height:59px; }  .design_content.num5 .content_image img { width:216px; height:180px; }}
.design_content.num6 .catch { font-size:22px; color:#ffffff; }
.design_content.num6 .desc { color:#ffffff; }
@media screen and (max-width:1050px) {
    .design_content.num6 .content_image img { width:288px; height:240px; }}
@media screen and (max-width:750px) {
  .design_content.num6 .catch { font-size:18px; }
    .design_content.num6 .content_image img { width:216px; height:180px; }}
.cb_free_space.num7 { margin-top:0px; margin-bottom:0px; }
@media screen and (max-width:750px) {
  .cb_free_space.num7 { margin-top:0px; margin-bottom:0px; }
}
.banner_content.num8 .catch { color:#ffffff; font-size:34px; }
.banner_content.num8 .desc { color:#ffffff; }
@media screen and (max-width:750px) {
  .banner_content.num8 .catch { font-size:20px; }
}
.cb_free_space.num9 { margin-top:0px; margin-bottom:0px; }
@media screen and (max-width:750px) {
  .cb_free_space.num9 { margin-top:0px; margin-bottom:0px; }
}
.banner_content.num10 .catch { color:#000000; font-size:34px; }
.banner_content.num10 .desc { color:#ffffff; }
@media screen and (max-width:750px) {
  .banner_content.num10 .catch { font-size:20px; }
}
.cb_free_space.num11 { margin-top:0px; margin-bottom:0px; }
@media screen and (max-width:750px) {
  .cb_free_space.num11 { margin-top:0px; margin-bottom:0px; }
}
.cb_free_space.num12 { margin-top:0px; margin-bottom:0px; }
@media screen and (max-width:750px) {
  .cb_free_space.num12 { margin-top:0px; margin-bottom:0px; }
}
#site_wrap { display:none; }
#site_loader_overlay {
  background:#0a0a0a;
  opacity: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100vh;
  z-index: 99999;
}
#site_loader_overlay.slide_up {
  top:-100vh; opacity:0;
  -webkit-transition: transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
  transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_overlay.slide_down {
  top:100vh; opacity:0;
  -webkit-transition: transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
  transition: top 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_overlay.slide_left {
  left:-100%; opactiy:0;
  -webkit-transition: transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
  transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_overlay.slide_right {
  left:100%; opactiy:0;
  -webkit-transition: transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
  transition: left 0.7s cubic-bezier(0.83, 0, 0.17, 1) 0.4s, opacity 0s cubic-bezier(0.83, 0, 0.17, 1) 1.5s;
}
#site_loader_logo { position:relative; width:100%; height:100%; }
#site_loader_logo_inner {
  position:absolute; text-align:center; width:100%;
  top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#site_loader_overlay.active #site_loader_logo_inner {
  opacity:0;
  -webkit-transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
#site_loader_logo img.mobile { display:none; }
#site_loader_logo .catch { line-height:1.6; padding:0 50px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#site_loader_logo_inner .message { text-align:left; margin:30px auto 0; display:table; }
#site_loader_logo.no_logo .message { margin-top:0 !important; }
#site_loader_logo_inner .message.type2 { text-align:center; }
#site_loader_logo_inner .message.type3 { text-align:right; }
#site_loader_logo_inner .message_inner { display:inline; line-height:1.5; margin:0; }
@media screen and (max-width:750px) {
  #site_loader_logo.has_mobile_logo img.pc { display:none; }
  #site_loader_logo.has_mobile_logo img.mobile { display:inline; }
  #site_loader_logo .message { margin:23px auto 0; }
  #site_loader_logo .catch { padding:0 20px; }
}

/* ----- animation ----- */
#site_loader_logo .logo_image { opacity:0; }
#site_loader_logo .catch { opacity:0; }
#site_loader_logo .message { opacity:0; }
#site_loader_logo.active .logo_image {
  -webkit-animation: opacityAnimation 1.4s ease forwards 0.5s;
  animation: opacityAnimation 1.4s ease forwards 0.5s;
}
#site_loader_logo img.use_logo_animation {
	position:relative;
  -webkit-animation: slideUpDown 1.5s ease-in-out infinite 0s;
  animation: slideUpDown 1.5s ease-in-out infinite 0s;
}
#site_loader_logo.active .catch {
  -webkit-animation: opacityAnimation 1.4s ease forwards 0.5s;
  animation: opacityAnimation 1.4s ease forwards 0.5s;
}
#site_loader_logo.active .message {
  -webkit-animation: opacityAnimation 1.4s ease forwards 1.5s;
  animation: opacityAnimation 1.4s ease forwards 1.5s;
}
#site_loader_logo_inner .text { display:inline; }
#site_loader_logo_inner .dot_animation_wrap { display:inline; margin:0 0 0 4px; position:absolute; }
#site_loader_logo_inner .dot_animation { display:inline; }
#site_loader_logo_inner i {
  width:2px; height:2px; margin:0 4px 0 0; border-radius:100%;
  display:inline-block; background:#000;
  -webkit-animation: loading-dots-middle-dots 0.5s linear infinite; -ms-animation: loading-dots-middle-dots 0.5s linear infinite; animation: loading-dots-middle-dots 0.5s linear infinite;
}
#site_loader_logo_inner i:first-child {
  opacity: 0;
  -webkit-animation: loading-dots-first-dot 0.5s infinite; -ms-animation: loading-dots-first-dot 0.5s linear infinite; animation: loading-dots-first-dot 0.5s linear infinite;
  -webkit-transform: translate(-4px); -ms-transform: translate(-4px); transform: translate(-4px);
}
#site_loader_logo_inner i:last-child {
  -webkit-animation: loading-dots-last-dot 0.5s linear infinite; -ms-animation: loading-dots-last-dot 0.5s linear infinite; animation: loading-dots-last-dot 0.5s linear infinite;
}
@-webkit-keyframes loading-dots-fadein{
  100% { opacity:1; }
}
@keyframes loading-dots-fadein{
  100% { opacity:1; }
}
@-webkit-keyframes loading-dots-first-dot {
  100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px); opacity:1; }
}
@keyframes loading-dots-first-dot {
  100% {-webkit-transform:translate(6px);-ms-transform:translate(6px); transform:translate(6px); opacity:1; }
}
@-webkit-keyframes loading-dots-middle-dots { 
  100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px) }
}
@keyframes loading-dots-middle-dots {
  100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px) }
}
@-webkit-keyframes loading-dots-last-dot {
  100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px); opacity:0; }
}
@keyframes loading-dots-last-dot {
  100% { -webkit-transform:translate(6px); -ms-transform:translate(6px); transform:translate(6px); opacity:0; }
}
#site_loader_animation {
  width: 48px;
  height: 48px;
  font-size: 10px;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
  border: 3px solid rgba(215,23,24,0.2);
  border-top-color: #d71718;
  border-radius: 50%;
  -webkit-animation: loading-circle 1.1s infinite linear;
  animation: loading-circle 1.1s infinite linear;
}
@-webkit-keyframes loading-circle {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@media only screen and (max-width: 767px) {
	#site_loader_animation { width: 30px; height: 30px; }
}
@keyframes loading-circle {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
#site_loader_overlay.active #site_loader_animation {
  opacity:0;
  -webkit-transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: all 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
#site_loader_logo_inner .message { font-size:16px; color:#000000; }
#site_loader_logo_inner i { background:#000000; }
@media screen and (max-width:750px) {
  #site_loader_logo_inner .message { font-size:14px; }
  }
h2.logo { padding: 5px; }
h2.logo img { width: 180px; height: auto; }
.pl_01 { background-image: url('images/cvo_new/wpp.jpg'); background-size: cover; }
.pl_02 { background-image: url('images/cvo_new/product.jpg'); background-size: cover; }
.pl_03 { background-image: url('images/cvo_new/sky.jpg'); background-size: cover; }
.non_c { cursor: auto; }
@media screen and (max-width:750px) {
.pl_01 { background-image: url('images/cvo_new/wpp_sp_new4.jpg'); }
.pl_02 { background-image: url('images/cvo_new/product_sp_new4.jpg'); }
.pl_03 { background-image: url('images/cvo_new/sky_sp_new4.jpg'); }
}

.p-footer-cta--1.footer_cta_type1 { background:rgba(0,0,0,1);  }
.p-footer-cta--1.footer_cta_type1 .catch { color:#ffffff; font-size:20px; }
.p-footer-cta--1.footer_cta_type1 #js-footer-cta__close:before { color:#ffffff; }
.p-footer-cta--1.footer_cta_type1 #js-footer-cta__close:hover:before { color:#cccccc; }
@media only screen and (max-width: 1050px) {
  .p-footer-cta--1.footer_cta_type1 .catch { font-size:16px; }
}
@media only screen and (max-width: 750px) {
  .p-footer-cta--1.footer_cta_type1 #js-footer-cta__btn:after { color:#ffffff; }
  .p-footer-cta--1.footer_cta_type1 #js-footer-cta__btn:hover:after { color:#cccccc; }
}
.p-footer-cta--2.footer_cta_type1 { background:rgba(0,0,0,1);  }
.p-footer-cta--2.footer_cta_type1 .catch { color:#ffffff; font-size:20px; }
.p-footer-cta--2.footer_cta_type1 #js-footer-cta__close:before { color:#ffffff; }
.p-footer-cta--2.footer_cta_type1 #js-footer-cta__close:hover:before { color:#cccccc; }
@media only screen and (max-width: 1050px) {
  .p-footer-cta--2.footer_cta_type1 .catch { font-size:16px; }
}
@media only screen and (max-width: 750px) {
  .p-footer-cta--2.footer_cta_type1 #js-footer-cta__btn:after { color:#ffffff; }
  .p-footer-cta--2.footer_cta_type1 #js-footer-cta__btn:hover:after { color:#cccccc; }
}
.p-footer-cta--3.footer_cta_type1 { background:rgba(0,0,0,1);  }
.p-footer-cta--3.footer_cta_type1 .catch { color:#ffffff; font-size:20px; }
.p-footer-cta--3.footer_cta_type1 #js-footer-cta__close:before { color:#ffffff; }
.p-footer-cta--3.footer_cta_type1 #js-footer-cta__close:hover:before { color:#cccccc; }
@media only screen and (max-width: 1050px) {
  .p-footer-cta--3.footer_cta_type1 .catch { font-size:16px; }
}
@media only screen and (max-width: 750px) {
  .p-footer-cta--3.footer_cta_type1 #js-footer-cta__btn:after { color:#ffffff; }
  .p-footer-cta--3.footer_cta_type1 #js-footer-cta__btn:hover:after { color:#cccccc; }
}

.cb_image_carousel .carousel_arrow.next_item:before {content: '>';}
.cb_image_carousel .carousel_arrow.prev_item:before {content: '<';}