@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap');

h2{
font-weight:bold;
}

#loading_bg.bg_color3 {
    background-color: #ffde59;
}

.bg_color1 {
    background-color: #f3f3f3;
}

body,.txt_color_nomal{color: #333!important;}

.font_serif {
   font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bg_color3 {
    background-color: #fff;
}

#page_title h2{
    font-weight: bold;
    color: #ffde59;
font-family: 'Rubik', sans-serif;
}


.cate_title{
    background-color: #ffde59;
    border: none;
    font-weight: bold;
color:black;
}

#cms_2-c .cate_box{
    background-color: #f7f7f7;
    padding: 5% 3%;
}

#cms_2-c .box_item{
    border-left: 2px solid #ffde59;
}

#cms_2-c .box_item .box_txt1{
        font-weight: bold;
    color: black;
}

.txt_shadow_h {
    text-shadow: 0 0 5px rgba(0,0,0,0.0);
}

.cate_list li a {
    color: #000;
}

.cate_list li:not(:first-child):not(:nth-child(4n + 1)):before {
    background-color: #000;
}

#header {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.0), transparent);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.0), transparent);
    background: linear-gradient(to bottom, rgba(0,0,0,0.0), transparent);
}

.menu_stick.txt_white{
color:black;
}

.con_box::before {
    width: 2px;
    background-color: #ffde59;
}

#contents2 .con_box {
    background: -moz-linear-gradient(left, transparent, rgba(0,0,0,0.0));
    background: -webkit-linear-gradient(left, transparent, rgba(0,0,0,0.0));
    background: linear-gradient(to right, transparent, rgba(0,0,0,0.0));
}

#contents3 .con_box {
    background: -moz-linear-gradient(left, rgba(0,0,0,0.0), transparent);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.0), transparent);
    background: linear-gradient(to right, rgba(0,0,0,0.0), transparent);
}

#top_cms{
background-color: #ffde59;
}

.txt_color2 {
    color: #6b6a6a;
}

.date{
background-color:black;
}

#page_title{
    background-color: transparent;
}

#page_title img{
    opacity: 0.8;
}

/*----------以下ビデオ-------------*/

#video{
height:100vh;
}

#main_img{
min-width:1400px;
}

#cms_1-e .date{
background-color:black;
color:white;
}

#contents2 .con_txt, #contents3 .con_txt{
text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
    white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
}

footer{
color:white;
}

 .tel_bt{
color: black;
    border: #cecece 1px solid;
}

.sitemap_box .more a:after, .more.ban a:after, .more a:after {
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
}

.sitemap_box .more a:before, .more.ban a:before, .more a:before {
    border-top: solid 1px #000;
    border-right: solid 1px #000;
}

.sitemap_box a, .more.ban a, .more a{
color:black;
}

.page_title p{
font-weight:bold;
}



#banner_b{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 25px;
background-color: #f5ba45;
z-index:99;
    /* width: 80px; */
    /* height: 80px; */
    text-align: center;
       padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 50px;
}

.page9 p a{
background-color: #f5ba45;
}

#contents4 .txt_color2{
color:white;
}

.linkStyle{
color:black;
}

.pager li a {
    color: #000;
}




@media all and (-ms-high-contrast: none){
.cate_title{
padding-bottom:0;
padding-top:7px;
}
  #contact_tel a{
padding-bottom:20px;
}


#cms_6-a .cate .cate_title {
    padding-top: 9px;
}


}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#video {
   /* height: 80vh;*/
   height:60vw;
}


#main_img {
    min-width: auto;
}

.video{
    /*width:auto !important;*/
    width: 100% !important;
}

#pc_nav {
  display:none;
}

.scroll_d{
display:none;
}


#contents1{
padding-top:50px;
}

header.height100vh{
height:auto;
}

 .more.ban a:after, .more.ban a:before{
display:block !important;
}

.more.ban a{
margin-top:0;
margin-bottom:50px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img{
min-width:100%;
}



header.height80vh_sp {
    height: 37vh !important;
}

#video {
    height: 35vh;
}

.video{
width:100% !important;
}

header {
    height: 0vh !important;
}

#banner_b {
    bottom: 90px;
  }

.more.ban a{
margin-top:50px;
margin-bottom:50px;
width:300px !important;
}

#contents2 h2, #contents3 h2{
text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
    white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
}

header.height80vh_sp {
    height: auto !important;
}

#cms_2-c .box_item {
    padding: 10px;
    box-sizing: border-box;
}

a.tel_bt{
font-size:16px;
}

 #contact_tel a{
font-size:18px;
}

}