/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500&display=swap');
body,#pc_nav li a, #footer_nav li a, #sp_nav .nav1 a,#pc_main_nav a {
        font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
#header {
    top: -100px;
}
#pc_nav li a, #footer_nav li a, #sp_nav .nav1 a,.info_txt_wrap {
    color: #63a6db;
}
#pc_main_nav a:hover{color: #fff;}
#main_img {
    width: 70%;
}
.catch_wrap{
    right: 20px;
    z-index: 1;
    top: 10%;
}
.catch{
        margin-top: 20px;
        background: transparent;
        padding: 10px;
}
.catch a{
    padding: 10px;
    background: #a7d28f;
    color: #fff;
    top: 60%;
    max-width: 370px;
    width: 70%;
    font-size: 1.7vw;
    display: block;
    text-align: center;
    transition: 0.5s;
}
.catch a:hover{opacity: 0.8;}
.catch span{margin: 0;}
.catch2{
    z-index: 1;
    /* right: 2%; */
    /* top: 2%; */
    font-size: 4vw;
    color: #347ab1;
    text-align: left;
    transform: skewX(-5deg);
    filter: drop-shadow(1px 3px 0px rgba(255,255,255,0.9));
    /* -webkit-text-stroke: 1px #FFF; */
    text-stroke: 1px #FFF;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    font-weight: bold;
}
#pc_main_nav li:last-of-type{display: none;}
#sc_pc_nav li:nth-of-type(7) a{
    background-color: #a7d28f;
    color: #fff!important;
}
#sc_pc_nav li:last-of-type{display: none;}
.top_page:before, .under_page:before {
    background: #d4ecea;
}
.num,.contents_no{display: none;}
.portrait_img {
    height: 550px !important;
}
.main_nav_bnr li a {
    height: 130px;
    background: #a7d28f;
    width: 130px !important;
    color: #fff;
}
#intro{margin-top: 100px;}
#intro .con_title,#top_contents1 .con_title,#top_contents2 .con_title,.cms_title h3{color: #63a6db;font-weight: 500;}
#intro .con_title, #top_contents1 .con_title,.cms_title h3{font-size: 40px;}
/*#square_links p span,.open_txt_wrap h2{font-family: 'Zen Old Mincho', serif;}*/
#intro .con1_txt_wrap{padding-top: 50px;}
.con_title span:before{display: none;}
.cms_title h3 {
    color: #63a6db;
}
.info_txt_wrap {
    color: #ffffff;
}
.footer_right{background-color: #f7f7f7;}
.footer_bg{opacity: 0.9;background-color: #63a6db;}
.footer_h1{opacity: 1;}
#square_links ul li:hover .footer_bg {
    opacity: 0.7;
}

/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_2-g .cate_img1 {
    max-height: none;
}
#page_title .title_wrap p{
        letter-spacing: 0.03em;
        font-size: 36px;
}



/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#main_img {
    width: 100%;
}
/*.slick-slide{height:50%;}*/
.catch_wrap{right: inherit;}
.catch2 {
    z-index: 1;
    right: 50%;
    top: 58%;
    font-size: 60px;
    font-family: 'Zen Old Mincho', serif;
    color: #63a6db;
    text-align: end;
    transform: skewX(-5deg);
    text-align: center;
    width: 100%;
    transform: translateX(50%)skewX(-10deg);
}
.catch{
    margin: 20px auto;
    width: 80%;
}
.catch a{
    padding: 10px;
    color: #fff;
    top: 83%;
    left: 50%;
    right: inherit;
            font-size: 28px;
            width: auto;
            max-width: none;
/*    transform: translateX(-50%);*/
}
#sp_nav .nav1 a{color: #fff;}
#top_contents2 .con_box .box_img span{display: none;}
.nav2 li:last-of-type{display: none;}
.slick-list {
    height: 45vh;
}
#page_title .title_wrap p {
    letter-spacing: 0.03em;
    font-size: 26px;
}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.top_page main {
    margin-top: 0px;
}
.catch_wrap {
     right: inherit; 
    z-index: 1;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.catch2 {
    top: 58%;
    font-size: 30px;
    width: 100%;
}
.catch {
    top: 80%;
    left: 50%;
    width: 80%;
    text-align: center;
    margin: 20px auto;
}
#main_img {
    height: 45vh;
}
/*.slick-slide img{
    transform: none;position: relative;top: inherit;left: inherit;
    
}*/
.slick-list {
    height: 40vh;
    
}
#intro .con_title, #top_contents1 .con_title, .cms_title h3 {
    font-size: 24px;
}
#top_contents2 .con_title{font-size: 20px;}
.viewmore {
    margin-top: 1.125rem;
}
#footer_nav li{width: 100%!important;}
#footer_nav li:nth-child(even){padding-left: 30px;}
#sp_navlogo{display: none;}
#intro .con1_img.normal_img {
    margin-bottom: 0;
}
#page_title .title_wrap p {
    letter-spacing: 0.03em;
    font-size: 16px;
}
header.open #sp_nav > div{background-position-x: left;}
.menu_stick::before, .menu_stick::after{    color: #1a486d;}


}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}