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

:root {
  --headline_font_size: 70px;
  --headline_font_size_sp: 30px;
  --headline_font_type:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --catch_font_size: 42px;
  --catch_font_size_sp: 20px;
  --catch_font_type:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --single_title_font_size: 28px;
  --single_title_font_size_sp: 20px;
  --single_title_font_type:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --content_font_size: 16px;
  --content_font_size_sp: 14px;
  --content_font_type:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --font_family_type1: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --font_family_type2: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --font_family_type3: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  --footer_banner_title_font_size: 60px;
  --footer_banner_title_font_size_sp: 30px;
  --staff_title_font_size: 32px;
  --staff_title_font_size_sp: 20px;
  --interview_title_font_size: 32px;
  --interview_title_font_size_sp: 20px;
  --scrollbar-width: calc(100vw - 100%);
}


.logo_text { font-size:30px; }
@media screen and (max-width:1200px) {
  .logo_text { font-size:20px; }
}
@media(hover: hover) {
  .animate_background .image_wrap img { width:100%; height:100%; will-change:transform; transition: transform  0.5s ease; }
  .animate_background:hover .image_wrap img { transform: scale(1.1); }
}

:root {
  --main_color: #000000;
  --main_color_dark: #000000;
  --main_color_light: #1e1e1e;
  --main_color_light2: #3c3c3c;
  --main_color_hex: 0,0,0;
  --content_link_color: #000000;
  --content_link_color_light: #1e1e1e;
}
.side_menu_button .item1 { background:#000000; }
@media(hover: hover) {
  .side_menu_button .item1:hover { background:#282828; }
}
.side_menu_button .item2 { background:#6d6d6d; }
@media(hover: hover) {
  .side_menu_button .item2:hover { background:#959595; }
}
.styled_h2 {
  font-size:28px!important;
  text-align:center!important;
  font-weight:600!important;
  color:#000000;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
background-color:transparent;
}
@media screen and (max-width:800px) {
  .styled_h2 { font-size:22px!important; }
}
.styled_h3 {
  font-size:26px!important;
  text-align:left!important;
  font-weight:600!important;
  color:#000000;
  border-color:#000000;
  border-width:2px;
  border-style:solid;
padding-left:1em!important;
padding-top:0.5em!important;
padding-bottom:0.5em!important;
border-right:none;
border-top:none;
border-bottom:none;
background-color:transparent;
}
@media screen and (max-width:800px) {
  .styled_h3 { font-size:20px!important; }
}
.styled_h4 {
  font-size:22px!important;
  text-align:left!important;
  font-weight:500!important;
  color:#000000;
  border-color:#dddddd;
  border-width:1px;
  border-style:dotted;
border-left:none;
border-right:none;
border-top:none;
padding-bottom:0.8em!important;
background-color:transparent;
}
@media screen and (max-width:800px) {
  .styled_h4 { font-size:18px!important; }
}
.styled_h5 {
  font-size:20px!important;
  text-align:left!important;
  font-weight:500!important;
  color:#000000;
  border-color:#000000;
  border-width:3px;
  border-style:double;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
background-color:#f2f2f2;
padding:0.8em 1em!important;
}
@media screen and (max-width:800px) {
  .styled_h5 { font-size:16px!important; }
}
.post_content a.q_custom_button1 { min-width:280px; height:60px;border-radius:70px;color:#000000 !important; border-color:#000000; }
.post_content a.q_custom_button1:before { background-color:#000000 !important;opacity:0; }
.post_content a.q_custom_button1:hover { color:#fff !important; border-color:#000000 !important; }
.post_content a.q_custom_button1:hover:before { opacity:1; }
@media (max-width: 1200px) {
  .post_content a.q_custom_button1 { min-width:260px; }
}
@media (max-width: 800px) {
  .post_content a.q_custom_button1 { min-width:240px; height:50px; }
}
.post_content a.q_custom_button2 { min-width:280px; height:60px;border-radius:70px;color:#fff !important; background-color:#000000;border:none; }
.post_content a.q_custom_button2:before { background-color:#000000 !important;opacity:0; }
.post_content a.q_custom_button2:hover {  }
.post_content a.q_custom_button2:hover:before { opacity:1; }
@media (max-width: 1200px) {
  .post_content a.q_custom_button2 { min-width:260px; }
}
@media (max-width: 800px) {
  .post_content a.q_custom_button2 { min-width:240px; height:50px; }
}
.post_content a.q_custom_button3 { min-width:280px; height:60px;border-radius:70px;color:#fff !important; border-color:#000000; }
.post_content a.q_custom_button3:before { background-color:#000000;opacity:1; }
.post_content a.q_custom_button3:hover { color:#000000 !important; border-color:#000000; !important }
.post_content a.q_custom_button3:hover:before { opacity:0; }
@media (max-width: 1200px) {
  .post_content a.q_custom_button3 { min-width:260px; }
}
@media (max-width: 800px) {
  .post_content a.q_custom_button3 { min-width:240px; height:50px; }
}
.q_frame1 {
  background:#efefef;
  border-radius:0px;
  border-width:0px;
  border-color:#dddddd;
  border-style:solid;
}
.q_frame1 .q_frame_label {
  color:#000000;
}
.q_frame2 {
  background:#ffffff;
  border-radius:0px;
  border-width:1px;
  border-color:#009aff;
  border-style:solid;
}
.q_frame2 .q_frame_label {
  color:#009aff;
}
.q_frame3 {
  background:#ffffff;
  border-radius:10px;
  border-width:1px;
  border-color:#f9b42d;
  border-style:solid;
}
.q_frame3 .q_frame_label {
  color:#f9b42d;
}
.q_underline1 {
  font-weight:500;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fff799 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fff799 50%);
  background-image: linear-gradient(to right, transparent 50%, #fff799 50%);
  background-position:-100% 0.8em;}
.q_underline2 {
  font-weight:600;
  background-image: -webkit-linear-gradient(left, transparent 50%, #99f9ff 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #99f9ff 50%);
  background-image: linear-gradient(to right, transparent 50%, #99f9ff 50%);
  }
.q_underline3 {
  font-weight:600;
  background-image: -webkit-linear-gradient(left, transparent 50%, #ff99b8 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #ff99b8 50%);
  background-image: linear-gradient(to right, transparent 50%, #ff99b8 50%);
  }
.speech_balloon1 .speech_balloon_text_inner {
  color:#000000;
  background-color:#ffdfdf;
  border-color:#ffdfdf;
}
.speech_balloon1 .before { border-left-color:#ffdfdf; }
.speech_balloon1 .after { border-right-color:#ffdfdf; }
.speech_balloon2 .speech_balloon_text_inner {
  color:#000000;
  background-color:#ffffff;
  border-color:#ff5353;
}
.speech_balloon2 .before { border-left-color:#ff5353; }
.speech_balloon2 .after { border-right-color:#ffffff; }
.speech_balloon3 .speech_balloon_text_inner {
  color:#000000;
  background-color:#ccf4ff;
  border-color:#ccf4ff;
}
.speech_balloon3 .before { border-left-color:#ccf4ff; }
.speech_balloon3 .after { border-right-color:#ccf4ff; }
.speech_balloon4 .speech_balloon_text_inner {
  color:#000000;
  background-color:#ffffff;
  border-color:#0789b5;
}
.speech_balloon4 .before { border-left-color:#0789b5; }
.speech_balloon4 .after { border-right-color:#ffffff; }
.qt_google_map .pb_googlemap_custom-overlay-inner { background:#000000; color:#ffffff; }
.qt_google_map .pb_googlemap_custom-overlay-inner::after { border-color:#000000 transparent transparent transparent; }