/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
.font_mon{
    font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #92db11;}
/*.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}*/
.txt_color3, .hvr_txt_color3:hover{color: #4a5055;}
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1{background-color: #c3fa64;}
.hvr_bg_color1:hover{background-color: #a8ed2e;}
.bg_color2, .hvr_bg_color2:hover{background-color: #f4f6f7;}
.bg_color3, .hvr_bg_color3:hover{background-color: #4a5055;}
/*.bg_color4, .hvr_bg_color4:hover{background-color: #c9baa9}*/
.bg_color5, .hvr_bg_color5:hover{background-color: #3e3e3e;}

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #c3fa64;}
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
.border_color3, .hvr_border_color3:hover{border-color: #4a5055;}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/


/* header */
.toppage header{
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
#header {
    transition: all 0.3s;
}
#header.active {
    background-color: #aff752;
}

/* top ----------------*/

/* main img */
#main_img {
    height: 100vh;
    background: linear-gradient(0deg, rgb(188,201,214) 0%, rgb(255,255,255) 100%);
}
#main_img::before {
    content: "";
    background-color: #aff752;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
/*#main_img .main_a {*/
/*    bottom: 0;*/
/*    left: 10%;*/
/*    width: 40%;*/
/*    max-width: 700px;*/
/*}*/
/*#main_img .main_b{*/
/*    top: 50%;*/
/*    right: 5%;*/
/*    transform: translateY(-50%);*/
/*    width: 60%;*/
/*    max-width: 600px;*/
/*}*/
#main_img .main_c {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 80%;
}
#main_img .main_c img {
    width: auto;
    height: 100%;
}

/* main */
#con_nav ul {
    z-index: 1;
}
/* intro */
.intro_more .button{
    padding: 20px 30px;
}
.intro_more .button:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #c3fa64;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.35s cubic-bezier(0.77, 0, 0.175, 1);
}
.intro_more .button:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
}
.intro_more .button:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 75%;
    transform: translate(-50%,-50%);
    border: 1px solid #fff;
    z-index: 2;
    transition: all 0.5s;
}
.intro_more .button:hover:after {
    border-color: #000;
}

/* contents */
#top_contents2 .info_title {
    top: 50px;
    left: 20%;
}
.point {
    padding: 0 0 0 20px;
    letter-spacing: 0.04em;
}
.point:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #92db11;
}
.con_bgimg{
    max-height: 350px;
    min-height: 300px;
}

/* topcms */
#top_news .more a {
    font-weight: bold;
}

/* footer */
#footer_info .info_title {
    color: #3e3e3e;
}


/* under page */
#header.active #pc_nav li a.active{
    color: #fff;
}
#cms_2-a .cate {
    margin-bottom: 100px;
}
#page_title .sub_title{
    color: #4a5055;
}
.pager li a {
    font-family: 'Montserrat', 'Noto Sans JP', 'Comfortaa', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #a8ed2e;
}


/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){

#main_img .main_c {
    height: auto;
    width: 95%;
}
#main_img .main_c img {
    width: 100%;
    height: auto;
}

}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .main_c {
    width: 76%;
    bottom: auto;
    top: 55%;
    transform: translate(-50%,-50%);
}
#top_contents2 .con2_img {
    height: 60vw;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.menu_stick {
    color: #4a5055;
}
#main_img .main_c {width: 92%;}
#top_contents3 .con3_wrap .box1 .con3_txt_wrap{
    order: 2;
}
#top_contents3 .con3_wrap .box1 .con3_img{
    order: 1;
}

}


/*20230605*/
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#con_nav ul {margin-top: -20px;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 540px){
#main_img .main_c {width: 80%;}

}

/*20230612*/
#main_img {padding-top: 130px;}
/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){
#main_img .main_c {height: 100vh;}

}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .main_c {height: auto;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 540px){
#main_img {padding-top: 80px;}

}