.lightblue {
    color: lightblue;
}




:root {
--headline_font_size: 70px;
--headline_font_size_sp: 32px;
--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: 16px;
--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:26px; }
@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: transform0.5s ease; }
.animate_background:hover .image_wrap img { transform: scale(1.0); }
}

: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: #0a86a8;
--content_link_color_light: #28a4c6;
}
.side_menu_button .item1 { background:#022349; }
@media(hover: hover) {
.side_menu_button .item1:hover { background:#2a4b71; }
}
.side_menu_button .item2 { background:#08434f; }
@media(hover: hover) {
.side_menu_button .item2:hover { background:#306b77; }
}
.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:24px!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:300px; height:70px;border-radius:70px;color:#fff !important; background-color:#000000;border:none; }
.post_content a.q_custom_button1:before { background-color:#333333 !important;opacity:0; }
.post_content a.q_custom_button1:hover {}
.post_content a.q_custom_button1:hover:before { opacity:1; }
@media (max-width: 1200px) {
.post_content a.q_custom_button1 { min-width:300px; }
}
@media (max-width: 800px) {
.post_content a.q_custom_button1 { min-width:240px; }
}
.post_content a.q_custom_button2 { min-width:300px; height:70px;border-radius:70px;color:#fff !important; background-color:#0085b2;border:none; }
.post_content a.q_custom_button2:before { background-color:#005380 !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:300px; }
}
@media (max-width: 800px) {
.post_content a.q_custom_button2 { min-width:240px; }
}
.post_content a.q_custom_button3 { min-width:280px; height:60px;border-radius:70px;color:#fff !important; border-color:#0085b2; }
.post_content a.q_custom_button3:before { background-color:#0085b2;opacity:1; }
.post_content a.q_custom_button3:hover { color:#0085b2 !important; border-color:#0085b2; !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:#ffffff;
border-radius:0px;
border-width:1px;
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:#1a91b2;
border-style:solid;
}
.q_frame3 .q_frame_label {
color:#0375b2;
}
.q_underline1 {
font-weight:600;
background-image: -webkit-linear-gradient(left, transparent 50%, #a0d0db 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #a0d0db 50%);
background-image: linear-gradient(to right, transparent 50%, #a0d0db 50%);
}
.q_underline2 {
font-weight:600;
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%);
}
.q_underline3 {
font-weight:600;
background-image: -webkit-linear-gradient(left, transparent 50%, #ff4500 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #ff4500 50%);
background-image: linear-gradient(to right, transparent 50%, #ff4500 50%);
}
.speech_balloon1 .speech_balloon_text_inner {
color:#000000;
background-color:#ffffff;
border-color:#ffdfdf;
}
.speech_balloon1 .before { border-left-color:#ffdfdf; }
.speech_balloon1 .after { border-right-color:#ffffff; }
.speech_balloon2 .speech_balloon_text_inner {
color:#000000;
background-color:#ffffff;
border-color:#000000;
}
.speech_balloon2 .before { border-left-color:#000000; }
.speech_balloon2 .after { border-right-color:#ffffff; }
.speech_balloon3 .speech_balloon_text_inner {
color:#ffffff;
background-color:#00668e;
border-color:#00668e;
}
.speech_balloon3 .before { border-left-color:#00668e; }
.speech_balloon3 .after { border-right-color:#00668e; }
.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; }

@media screen and (min-width:767px) {


.jk img{
        width: 100%;
max-width: 600px !important;
    }

.pc{display: block;}
.sp{display: none;}



#header_slider_content .catch .fs1{
font-size:40px;
font-family: "schoolbook", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}
#header_slider_content .catch .fs2 {
    font-size: 20px;
    font-family: "schoolbook", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
#header_slider_content .catch .fs3 {
    font-size: 32px;
    font-family: "schoolbook", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-top: 25px;
    margin-bottom: 25px;
    letter-spacing: 3px;
    color: yellow;
}
#header_slider_content .catch .fs4 {
    font-size: 20px;
    font-family: "schoolbook", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;
}

#header_slider_content .desc { 
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size:20px; 
line-height: 1.4;
}

/* 文字サイズとフォントタイプ */
body, input, textarea { font-size:var(--content_font_size); font-family:var(--content_font_type); }
.rich_font, .p-vertical { font-size:20px; font-family: "schoolbook", serif;}
.rich_font_type1 { font-size:30px !important;font-family: "schoolbook", serif; font-weight:700; }
.rich_font_type2 { font-size:30px !important;font-family: "schoolbook", serif; font-weight:700; }
.rich_font_type3 { font-size:30px !important;font-family: "schoolbook", serif; font-weight:700; }
@media screen and (max-width:1200px) {
  .rich_font, .p-vertical { font-size:20px;}
}
@media screen and (max-width:800px) {
  body { font-size:var(--content_font_size_sp); }
  .rich_font, .p-vertical { font-size:var(--catch_font_size_sp); }
}


}

@media screen and (max-width:767px) {

.sp{display: block;}
.pc{display: none;}

#header_slider_content .catch .fs1{
font-size:18px;
font-family: "schoolbook", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
line-height: 1.2;
    text-shadow: #000 10px 0 5px;
}
#header_slider_content .catch .fs2 {
    font-size: 14px;
    font-family: "schoolbook", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 15px;
    text-shadow: #000 1px 0 10px;
}
#header_slider_content .catch .fs3 {
    font-size: 19px;
    font-family: "schoolbook", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-shadow: #000 1px 0 10px;
}

#header_slider_content .desc { 
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size:14px; 
line-height: 1.4;
    text-shadow: #000 1px 0 10px;
}

/* 文字サイズとフォントタイプ */
body, input, textarea { font-size:var(--content_font_size); font-family:var(--content_font_type); }
.rich_font, .p-vertical { font-size:20px; font-family: "schoolbook", serif;}
.rich_font_type1 { font-size:15px !important;font-family: "schoolbook", serif; font-weight:700; }
.rich_font_type2 { font-size:15px !important;font-family: "schoolbook", serif; font-weight:700; }
.rich_font_type3 { font-size:15px !important;font-family: "schoolbook", serif; font-weight:700; }
}

@media screen and (max-width:1200px) {
#header_slider_content .catch { font-size:50px; }
#header_slider_content .desc { font-size:16px; }
}
@media screen and (max-width:800px) {
#header_slider_content .catch { font-size:30px; }
#header_slider_content .desc { font-size:14px; }
}
#site_loader_overlay {
position:relative; overflow:hidden; pointer-events:none;
position:fixed; top:0px; left:0px; width:100%; height:100%; height:100vh; height:100dvh; z-index:99999999999;
opacity:1; background:#000000;
}
/* body.end_loading #site_loader_overlay { opacity:0; transition: opacity 0.7s ease 0.7s; } */

#site_loader_overlay_for_catchphrase {
position:relative; overflow:hidden; pointer-events:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
position:fixed; top:0px; left:0px; width:100%; height:100%; width:100%; height:100vh; height:100dvh; z-index:99998; padding:0 100px;
background:#ffffff;
}
#site_loader_overlay_for_catchphrase.active { opacity:0; transition: opacity 0.1s ease 1.5s; }
#site_loader_overlay { transform: translate3d(0,-100%,0); transition: transform 0.7s cubic-bezier(.83,0,.17,1) 0.5s; }
#site_loader_overlay.active { transform: translate3d(0,0%,0); }
@media screen and (max-width:1000px) {
#site_loader_overlay_for_catchphrase { padding:0 50px; }
}
@media screen and (max-width:800px) {
#site_loader_overlay_for_catchphrase { padding:0 20px; }
}
body.end_loading #site_loader_overlay { opacity:0; transition: opacity 0.5s ease 0.4s; }
#loader_catch { text-align:center; line-height:1.8; font-size:74px; color:#000000; position:relative; }
#loader_catch.animation_type1 span { opacity:0; transform:scale(1.2) translate3d(20px,20px,0px); display:inline-block; position:relative; }
#loader_catch.animation_type1 span.animate { opacity:1; transform:scale(1) translate3d(0px,0px,0px); transition: opacity 0.5s ease 0.5s, transform 0.5s ease-out 0.5s; }
#loader_catch.animation_type2 span { opacity:0; filter:blur(20px); display:inline-block; position:relative; }
#loader_catch.animation_type2 span.animate { opacity:1; filter:blur(0px); transition: opacity 1.0s ease 0.5s, filter 1.0s ease-out 0.5s; }
#loader_catch.animation_type3 span { display:block; }
#loader_catch.animation_type3 span.first_item { opacity:0; }
#loader_catch.animation_type3 span.second_item { display:block; position:absolute; top:0; left:0; bottom:0; right:0 margin:auto; opacity:0; }
#loader_catch.animation_type3.animate span.first_item { animation:catch_animation_type3_item1 0.4s ease-in 0.5s forwards; }
#loader_catch.animation_type3.animate span.second_item { animation:catch_animation_type3_item2 0.6s ease-in 0.6s forwards; }
#loader_catch span.blank { width:0.3em; }
@media screen and (max-width:1100px) {
#loader_catch { font-size:53px; }
}
@media screen and (max-width:800px) {
#loader_catch { font-size:32px; }
}
#loader_logo_image { opacity:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; }
#site_loader_overlay.active #loader_logo_image { opacity:1; transition: opacity 1.0s ease 1.5s; }
#loader_logo_image .mobile { display:none; }
@media screen and (max-width:800px) {
#loader_logo_image .pc { display:none; }
#loader_logo_image .mobile { display:block; }
}

.cb_free_space p{
font-weight: 600;
line-height: 1.8;
}

@media screen and (max-width: 800px){
.cb_free_space .post_content p {
font-size: 16px;
line-height: 2.4;
}
}.test { color:red; }


.footerWrap{background-color:#171717;padding-top:112px;position:relative;z-index:1}
.footer{margin:0 auto;padding-bottom:112px;width:calc(100% - 90px)}
.footer .snsLists{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:28px}
.footer .snsList--link{display:inline-block;font-size:0}
.footer .snsList--img{display:inline-block}
.footer .snsList--img,.footerLogo{-webkit-transition:all .3s;transition:all .3s}
.footerLogo{margin-bottom:25px}
.footerLogo__link{display:block;font-size:0;margin:0 auto;max-width:100%;width:400px}
.footerLogo__img{display:block;width:100%}
.footer__link{-moz-column-gap:8px;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-column-gap:8px;-webkit-transition:all .3s;align-items:center;border:1px solid #4a4848;color:#4a4848;column-gap:8px;display:-webkit-box;display:-ms-flexbox;display:flex;height:46px;justify-content:center;margin:0 auto;transition:all .3s;width:240px}
.footer__linkText{font-family:rocky,serif;font-size:14px;font-weight:300;line-height:1}
.footer__linkIcon{background:url(../img/common/icon_blanklink.svg) 0 0 no-repeat;background-size:100% 100%;display:block;height:12px;width:12px}
.footer__link a:hover{op}



.sns_button_list img{
	width: 100%;
}



.scroll_content_nav_item {
    cursor: pointer; /* ポインタカーソルを設定 */
    pointer-events: auto; /* クリックを有効にする */
}

@media screen and (min-width:767px) {


.btnshop {
  font-size: 1.0rem;
  font-family: "schoolbook", serif; 
  font-weight:700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn,
a.btn,
button.btn {
  font-size: 1.2rem;
  font-family: "schoolbook", serif; 
  font-weight:700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
    overflow: hidden;
    padding: 1.0rem 6rem;
    color: #fff;
    border-radius: 0;
    background: #222222;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 150%;
  height: 500%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #4a4848;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}


.content{
  font-family: "schoolbook", serif; 
  font-weight:700;
  padding: 5% 0;
}

.content .headline {
    text-align: center;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.4;
    font-family: "schoolbook", serif;
}

.content .desc {
    line-height: 1.8;
    font-weight: 400;
    font-size: 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.content .desc .smalltxt{
    line-height: 1.4;
    font-weight: 400;
    font-size: 0.9em;
}


.np img{height: 100%;}
.np {
    width: auto;
    margin: 25px auto;
    height: 50vh;
    text-align: center;
}

.np2 img{height: 100%;}
.np2 {
    width: auto;
    margin: 25px auto;
    height: 50vh;
    text-align: center;
}

.container {
    display: flex;
    width: 90%;
    height: auto;
    align-items: center; /* 縦の中央揃え */
    justify-content: center; /* 横の中央揃え */
    margin: 0 auto;
}

.column {
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 0;
    display: flex;
    flex-direction: column;
}

.left-column {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    padding-right: 25px;
}

.right-column {
    width: 70%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    padding-left: 25px;
}

.content .sub_title {
    margin: 0 auto 20px  0;
}

.content .desc {
    text-align: center;
    margin: 25px auto 0;
}
#content_builder .link_button {
    margin: 30px auto 0 0;
}

.content .link_button {
    margin: 30px auto 0 !important;
}

.content .headline {
    text-align: center;
    margin: 0 auto;
}
#news_ticker .date {
    font-size: 15px;
}
}


@media screen and (max-width:767px) {

    .staff_list_type1 .content {
    margin: unset !important;
    padding: 0;
}

 .staff_list_type1 .item {
    margin: 0 0 60px 15px !important;
}

#loader_logo_image img {
    max-width: 40%;
    width: 100%;
    height: auto;
}

#loader_catch.animation_type2 span.animate {
    font-size: 13px;
}

.btnshop {
  font-size: 13px;
  font-family: "schoolbook", serif; 
  font-weight:700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}



    .cb_design_header .sub_title1 {
    font-size: 13px !important;
 }


.btn,
a.btn,
button.btn {
  font-size: 0.8rem;
  font-family: "schoolbook", serif; 
  font-weight:700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 1.5rem 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  white-space: nowrap
}

a.btn-flat {
    overflow: hidden;
    padding: 0.8rem 5rem;
    color: #fff;
    border-radius: 0;
    background: #222222;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 150%;
  height: 500%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #4a4848;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.content .link_button {
    margin-top: 15px !important;
}


.content{
  font-family: "schoolbook", serif; 
  font-weight:700;

}

.content .headline {
    text-align: center;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.4;
    font-family: "schoolbook", serif;
    padding-top: 15px;
}

.content .desc {
    line-height: 1.6;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.content .desc .smalltxt{
    font-weight: 400;
    font-size: 0.8em;
}


.np img{width: 100%;}
.np {
    width: 60%;
    margin: 0 auto 0;
    height: auto;
    text-align: center;
}

.np2 img{width: 100%;}
.np2 {
    width: 60%;
    margin: 0 auto 0;
    height: auto;
    text-align: center;
}

.songlist{
    font-size: 11px;
}

.container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: nowrap;
    flex-direction: column;
}

.column {
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 0;
    display: flex;
    flex-direction: column;
}

.left-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

.right-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding-top: 30px;
}
.cb_design_header .sub_title {
    font-size: 10px;
    margin-top: 13px;
}


.cb_design_header .headline {
    font-size: 17px !important;
    margin-top: 0;
}
.cb_design_header .sub_title1 {
    font-size: 18px;
}

.cb_design_header .sub_title2 {
    font-size: 23px;
    margin-top: 25px;
}
.cb_free_space .post_content {
    padding: 0 20px;
}

.cb_free_space .post_content p {
    font-size: 15px;
    line-height: 1.5;
}

.content .sub_title {
    font-size: 11px;
}

.content .headline + .catch, .content .headline + .desc {
    margin-top: 15px;
}

.content {
    margin: 0 15px;
    padding: 10% 0;
}

.staff_list_type1 .content {
    display: block;
}
#news_ticker .date {
    font-size: 10px;
}

.staff_list_type1 .content {
    font-size: 14px;
    line-height: 1.3;
}


.staff_list_type1 .content .sf {
    font-size: 0.6em;
}

#header_slider_content .content {
    margin: 0 auto;
    padding: 10% 0;
}
}


#news_ticker{
    font-weight: 400;
    font-family: "schoolbook", serif;
}





#disk1{
background-image: url("../img/top-cb-scroll1.jpg");
background-size: 100% 100%;
}




#disk2{
background-image: url("../img/top-cb-scroll3.jpg");
background-size: 100% 100%;
}




#disk3{
background-image: url("../img/top-cb-scroll2.jpg");
background-size: 100% 100%;
}




#disk4{
background-image: url("../img/top-cb-scroll4.jpg");
background-size: 100% 100%;
}



#disk5{
background-image: url("../img/blackbg5.jpg");
background-size: 100% 100%;
}




#disk6{
background-image: url("../img/blackbg6.jpg");
background-size: 100% 100%;
}




#disk7{
background-image: url("../img/blackbg8.jpg");
background-size: 100% 100%;
}




#disk8{
background-image: url("../img/blackbg9.jpg");
background-size: 100% 100%;
}




#disk9{
background-image: url("../img/blackbg10.jpg");
background-size: 100% 100%;
}




#disk10{
background-image: url("../img/blackbg11.jpg");
background-size: 100% 100%;
}




#disk11{
background-image: url("../img/blackbg12.jpg");
background-size: 100% 100%;
}




#disk12{
background-image: url("../img/blackbg13.jpg");
background-size: 100% 100%;
}


.products{
  display:flex;
  justify-content:center;
  gap:80px;
  width:85%;
  margin:0 auto;
  align-items:flex-start;   /* 上揃え */
}

.product{
  width:50%;
  display:flex;
  flex-direction:column;
  align-items:center;       /* ← 中央に戻す */
  text-align:center;        /* ← 中央揃え */
}


/* ジャケット */
.product .np{
  width:100%;
  max-width:700px;
  height:auto;
  margin-bottom:30px;
}

.product .np img{
  width:100%;
  height:auto;
}

/* テキスト */
.product .headline{
  font-size:22px;
  line-height:1.8;
}

.product .desc{
  margin-top:20px;
  text-align:center;
}

.product .link_button{
  margin-top:30px;
}

@media screen and (max-width:767px){

  .products{
    flex-direction:column;
    gap:60px;
  }

  .product{
    width:100%;
  }

.cb_free_space .post_content {
    text-align: left;
    font-size: 20px;
}

}




.redcolor{
  color: #e12728;
}


@media screen and (max-width:767px){

.tit{
    width: 100%;
    margin: 0 auto;
}

.tit img{
    width: 100%;
}
}

@media screen and (min-width:767px){

.tit{
    width: 65%;
    margin: 0 auto;
}

.tit img{
    width: 100%;
}
}