@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #444444;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #160a0a} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #a67c52} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */
.txt_color5,.linkStyle{color: #1D3156} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #BFFAFF} /* メインカラー */
.bg_color2{background-color: #fff} /* サブカラー */
.bg_color3{background-color: #ffdf9d} /* アクセントカラー1 */
.bg_color4{background-color: #c9baa9} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #BFFAFF}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #ffdf9d}
.border_color4{border-color: #c9baa9}
.border_color5{border-color: #1d3156}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #160a0a} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #a67c52} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #BFFAFF} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ffdf9d} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #c9baa9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #BFFAFF}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #ffdf9d}
.hvr_border_color4:hover{border-color: #c9baa9}


/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
body{
    font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 2;
color: #1d3156;
}


p.opacity07,p.opacity08{opacity: 1;}
header, #top_header {
    background-color: #fff!important;
}
header h1{max-width: 300px;}
.index header {
    background-image: url(./Dup/default/nami.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.dec{
background-image: url(Dup/default/dec1.png);
background-repeat: no-repeat;
background-size: contain;
width: 20%;
    height: 250px;
    max-width: 250px;
    left: -2%;
opacity: 0;
}
.dec2{
background-image: url(Dup/default/dec2.png);
left: inherit;
    right: -3%;
    top: 35%;
}
.dec3{
background-image: url(Dup/default/dec3.png);
right: 5%;
    top: inherit;
bottom: 5%;
}
.dec.animStart{
animation:huwahuwa 2.5s infinite alternate ease-in;

}
@keyframes huwahuwa{
0% {
 opacity: 1;
    transform: translateY(-5px);
}
 100% {
 opacity: 1;
    transform: translateY(5px);
 } 
}
#pc_menu.on .bg_wrap, #pc_menu.on ul{background-color: #ffd06e!important;}
#pc_intro h2{
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
#pc_intro h2::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFEABF;
}
#pc_intro figure img {
    border-radius: 50% 65% 75% 55%/65% 70% 65% 80%;
}
#contents {
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}
#contents .box_txt {
    background-color: rgba(255,255,255,0.5)!important;
}
#contents h3, #contents figure {
    margin-bottom: 50px!important;
}
#pc_news {
    padding-top: 100px;
}
#pc_news .txt_color2{color: #1d3156;}
#main_left, #main_right, #wrap, #main_right header, #pc_intro, #contents, #pc_news, #map, #sp_info {
    border: none!important;
}
#main_left #footer_txt,#main_left #footer_txt .tel a{color: #333333;}
.txt_shadow-l,#page_title .txt_shadow{
    text-shadow: none;
}
#pc_tel{padding-bottom: 150px;}
#pc_tel img {
    background-color: #1d3156;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 50px;
}
#left_bar #menu_bt, #left_bar #scroll, #top_return.retop {
    background-color: #ffd06e;
}
.link_txt{color: #1d3156;}
/*-------------------------------------------------
下層
---------------------------------------------------*/
#page_title{
position: relative;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(217,242,250,1));}
#page_title h2 span{color: #1d3156;}
#page_title::before,#page_title::after{
content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/default/dec1.png);
    top: -60px;
    left: 0;
    max-width: 150px;
    height: 150px;
    width: 20%;
    background-size: contain;
    background-repeat: no-repeat;
}
#page_title::after{
top: inherit;
left: inherit;
bottom: -30px;
right: 0;
    background-image: url(Dup/default/dec2.png);
}
.cate_title{font-weight: bold;}
.cate_list a{background-color: #1D3156;}
#copyright,#page9 #top_txt,#page10 ul li a{color: #1D3156;}
.mail_contact_link a{
background-color: #06c755;
    color: #fff;
    max-width: 300px;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
margin-top: 30px;
}
.mail_contact_link a:hover{
transform: translateY(-5px);
}
#page9 .box_wrap .box p a{background-color: #ffd06e;}
.pager li a {
    color: #1d3156;
}

/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#page_container{background-color: #fff!important;}
.index header {
    background-color: transparent!important;
    background-image: none;
}
#intro h2 img {
    width: 350px;
}
#news .swiper-slide .date,#news .swiper-slide .news_title,#sp_info,#sp_info a,#intro #intro_wrap #intro_txt,#intro #intro_wrap .txt_white,#main_menu p{color: #1d3156;}
.dec{display: none;}
}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
#page_title::before, #page_title::after{
background-position: bottom;
}
#page_title::before{top: -100px;}
}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#cms_6-a .cate .cate_title,.cate_list li a,#page10 ul li a{padding-top: 10px!important;}
#page9 .box_wrap .box p a{padding-top: 5px!important;}

}


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

}