/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Noto+Serif+JP&family=Shippori+Mincho:wght@400;500&display=swap');

body,.pop400{font-weight: 500;font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
.linkStyle{color: #333;border-bottom: 1px solid;}
#top_cms.back1:before{z-index: -1;}
#contents3_wrap:after{content: none;}
.num{display: none;}
.line:before {
    height: 1px;
    background-color: #c79e51!important;
}
.top header{opacity: 1;z-index: 1;}
.more_btn{text-transform: capitalize;}
header.scr_header {
    background-color: rgb(199 158 81 / 50%)!important;
}
.bnr {
    bottom: 30px;
    right: 80px;
    z-index: 10;
}
.bnr a{
    padding: 20px;
    background-color: #3cb371;
    border-radius: 10px;
    box-shadow: 3px 5px 10px rgb(0 0 0 / 20%);
    color: #fff;
    background: linear-gradient( 140deg ,#1c4579,#8ee5fc);
    text-align: center;
}
.bnr a span{text-align: center;}
.bnr a:hover{transform: scale(1.03);}
.top #copyright{padding-bottom: 50px;}
#top_pc_nav{display: none;}
#pc_nav{display: block;}
#pc_nav li a{text-align: center;}
#pc_nav li,#footer_nav li {
     height: 1.5em;
    text-align: center;
     font-size: 16px;
     letter-spacing: 2px;
}     
#pc_nav li span,#footer_nav li span{
      transition: 0.3s;
        width: 112px;
}
#footer_nav li span{width: 140px;}
#pc_nav li span:nth-child(1),#footer_nav li span:nth-child(1) {display: block;}
#pc_nav li span:nth-child(2),#footer_nav li span:nth-child(2) {
     opacity:0;
     position: relative;
     top: -1.5em;
}
#footer_nav li span:nth-child(2){top: -2em;}
#pc_nav li:hover span:nth-child(1),#footer_nav li:hover span:nth-child(1) {opacity: 0;}
#pc_nav li:hover span:nth-child(2),#footer_nav li:hover span:nth-child(2) {opacity: 1;}
#main_img{z-index: 0;}
#main_img .catch{
        text-align: center;
    color: #161616;
    /* padding: 10px; */
    font-size: 24px;
}
#main_img .menu p.bg_white{height: 200px!important;}
#main_img .catch2{max-width: 330px;}
#main_img:before{
    background-color: white;
    width: 370px;
    left: 50%;
    transform: translateX(-50%);
}
.dec01{top: -95px;left: 0;}
.dec02{right: 0;z-index: -1;}
.txt01{top: -100px;opacity: 0.5;}
.txt02{top: -100px;left: -80px;opacity: 0.3;}
.suisai01{top: 0;right: 0;}
#contents1{margin-bottom: 200px;}
#contents1 .con_img_wrap:before,#contents2 .con_img_wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #84797140;
    z-index: -1;
    right: 10px;
    top: 20px;
}
#contents2_wrap{flex-direction: row-reverse;}
#contents2 .con_img_wrap:before{right: inherit;left: 10px;}
#contents2 .con_img {
    margin-bottom: 0%;
}
#intro_wrap,#contents3 .con_box{background-color: rgb(236 245 255 / 95%);}
#intro_wrap::after,#contents3 .con_box::after {
    position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    border: solid 1px #c79e51;
    pointer-events: none;
}
#contents3_wrap:before{
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.button_container.active span:nth-of-type(1) {
    color: #121212;
}
.nav_menu_more:first-of-type a .icon:before{content: none;}
.button_container span:nth-of-type(1){opacity: 0;}
.button_container.active .top,.button_container.active .middle,.button_container.active .bottom {
	background: rgba(18,18,18,0.90);
}
#overlay .right{
    background-color: rgb(255 255 255 / 90%);
    padding: 5%;
    color: #121212;
}
#overlay .right > div:last-of-type a{color: #121212;}
.overlay ul li a,#overlay .left li:before{color: #121212;}
.overlay{background: none!important;background-image: url(Dup/img/bg02.jpg)!important;background-size: cover!important;}
footer{position: relative;}
footer::before{
    content: "";
    position: absolute;
    display: block;
    bottom: 300px;
    left: 0;
    background-image: url(Dup/img/footer_bg.png);
    background-size: contain;
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.5;
}
.cms_title h3{font-size: 60px;}
.sub time {
    color: #c79e51;
}
.article_list a {
    transition: all 0.3s;
    display: block;
}
.article_list a:hover{transform: translateY(-5px);}
.s_news {
    border-bottom: 1px solid #d5d5d5;
    padding: 20px;
    display: block;
    width: 100%;
}
.s_news p{color: #333;}
.top_cms_box{
        border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 100px;
}
.more_btn:before {
    width: 100%!important;
}
.bottom_cms .top_cms_box:first-of-type .cms_title{background-image: url(Dup/img/icon01.png);}
.bottom_cms .cms_title{
    padding-top: 100px;
    background-image: url(Dup/img/icon02.png);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}
#info_contact .con_img:before{background-color: rgb(175 175 175 / 20%);}
#footer a .icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
}
#footer a .icon:before{
	content: "\f879";
	top: -3px;
	left: -65px;
}
/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* animation */
/*===========================================================*/
#main_img .catch2,#main_img .catch {
    /*transform: translate(-50%, -50%) scale(1.1);*/
    filter: blur(5px);
    opacity: 0;
    transition-property: transform, filter, opacity;
    transition-duration: 3000ms;
    z-index: 1;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#main_img .catch{transition-duration: 2500ms;}
#main_img .catch2.active,#main_img .catch.active {
    /*transform: translate(-50%, -50%);*/
    filter: none;
    opacity: 1;
}


.fadein_up3{
    opacity : 0;
    transform: translate(0 , 80px);
    transition-delay: 400ms;
    transition-duration: 3000ms;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.fadein_up3.scrollin{
    opacity : 1;
    transform: none;
}
.txt01.fadein_up3.scrollin,.txt02.fadein_up3.scrollin{opacity: 0.3;}
/*-------------------------------------------------------
				ページタイトルアニメーション
-------------------------------------------------------*/
.cms_title h3 > span > span{
     display: inline-block;
/*     -webkit-transform: translateY(80px);
     transform: translateY(80px);*/
    transition-delay: 1000ms;
    transition-duration: 2000ms;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
     opacity: 0;
}
.cms_title h3 > span > span:nth-child(1){
-webkit-transition-delay: 2000ms;transition-delay: 200ms;
-webkit-animation-delay: 2000ms;animation-delay: 200ms;
}
.cms_title h3 > span > span:nth-child(2){
-webkit-transition-delay: 2500ms;transition-delay: 250ms;
-webkit-animation-delay: 2500ms;animation-delay: 250ms;
}
.cms_title h3 > span > span:nth-child(3){
-webkit-transition-delay: 3000ms;transition-delay: 300ms;
-webkit-animation-delay: 3000ms;animation-delay: 300ms;
}
.cms_title h3 > span > span:nth-child(4){
-webkit-transition-delay: 3500ms;transition-delay: 350ms;
-webkit-animation-delay: 3500ms;animation-delay: 350ms;
}
.cms_title h3 > span > span:nth-child(5){
-webkit-transition-delay: 400ms;transition-delay: 400ms;
-webkit-animation-delay: 400ms;animation-delay: 400ms;
}
.cms_title h3 > span > span:nth-child(6){
-webkit-transition-delay: 450ms;transition-delay: 450ms;
-webkit-animation-delay: 450ms;animation-delay: 450ms;
}
.cms_title h3 > span > span:nth-child(7){
-webkit-transition-delay: 500ms;transition-delay: 500ms;
-webkit-animation-delay: 500ms;animation-delay: 500ms;
}
.cms_title h3 > span > span:nth-child(8){
-webkit-transition-delay: 550ms;transition-delay: 550ms;
-webkit-animation-delay: 550ms;animation-delay: 550ms;
}
.cms_title h3 > span > span:nth-child(9){
-webkit-transition-delay: 600ms;transition-delay: 600ms;
-webkit-animation-delay: 600ms;animation-delay: 600ms;
}
.cms_title h3 > span > span:nth-child(10){
-webkit-transition-delay: 650ms;transition-delay: 650ms;
-webkit-animation-delay: 650ms;animation-delay: 650ms;
}
.cms_title h3 > span > span:nth-child(11){
-webkit-transition-delay: 700ms;transition-delay: 700ms;
-webkit-animation-delay: 700ms;animation-delay: 700ms;
}
.cms_title h3 > span > span:nth-child(12){
-webkit-transition-delay: 750ms;transition-delay: 750ms;
-webkit-animation-delay: 750ms;animation-delay: 750ms;
}
.cms_title h3 > span > span:nth-child(13){
-webkit-transition-delay: 800ms;transition-delay: 800ms;
-webkit-animation-delay: 800ms;animation-delay: 800ms;
}
.cms_title h3 > span > span:nth-child(14){
-webkit-transition-delay: 850ms;transition-delay: 850ms;
-webkit-animation-delay: 850ms;animation-delay: 850ms;
}
.cms_title h3 > span > span:nth-child(15){
-webkit-transition-delay: 900ms;transition-delay: 900ms;
-webkit-animation-delay: 900ms;animation-delay: 900ms;
}

.cms_title h3.is-show > span > span
{
     -webkit-animation-name: slide-bs;
     animation-name: slide-bs;
     opacity: 1;
}
@keyframes slide-bs{
     0%{-webkit-transform: translateY(80px);transform: translateY(80px);}
     100%{-webkit-transform: none;transform: none;}
}

/* 1280px以下 */
@media screen and (max-width: 1280px){
	/*----------------------------
	全体
	----------------------------*/
	#pc_nav,#top_pc_nav{display: none;}
	header.scr_header #pc_nav{display: none;}
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
#logo{max-width: 200px;}
#page10 .more_btn span.en{text-transform: none!important;}

.aka{
    color: red;
}

/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#main_img .menu p.bg_white{display: none;}
.dec01 {
    top: -50px;
    left: 0;
}
.dec02 {
    bottom: -150px;
    opacity: 0.5;
}
.txt02{left: -30px;}
#main_img:before{width: 250px;}
#main_img .catch{font-size: 16px;}
#main_img .catch2{width: 25%;}
#contents1 {
    margin-bottom: 100px;
}
#contents3_wrap:before {
    background-attachment: scroll;
    top: auto;
    bottom: -40vw;
    height: calc(40vw + 50px);
}
#contents3 {
    margin-bottom: 40vw;
}
.pager .prev{margin-right: 0;}
#page_title .page_title_box{background-color: rgb(28 69 121 / 50%);}
.top #copyright{padding-bottom: 100px;}
#contents3_wrap:before {
    background-position: center bottom -70px;
}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.cms_title h3 {
    font-size: 30px;
}
.top_cms_box{flex-direction: column-reverse;}
#contents1 .line:before, #contents2 .line:before {
    left: 50%;
    transform: translateX(-50%);
}
#logo {max-width: 120px;}
#header{padding: 0 2%;}
#main_img:before {
    background-color: white;
    width: 100%;
    top: 50%;
    transform: translatey(-50%);
    height: 200px;
    left: 0;
    z-index: 2;
}
#main_img .catch{font-size: 16px;}
#main_img .catch2 {width: 70%;}
#left .vegas-animation-kenburns{background-position: left -40px top -40px!important;}
#right .vegas-animation-kenburns{background-position: center top 0px!important;}
#main_img #left, #main_img #right {
    z-index: 1!important;
}
#contents1_wrap{padding-top: 50px;}
#contents1 {
    margin-bottom: 50px;
}
#contents1 .con_img_wrap:before, #contents2 .con_img_wrap:before{height: 90%;}
.con_img_wrap{margin-bottom: 100px;}
.txt01 {top: -60px;}
.txt02 {
    top: -60px;
    left: 0;
}
footer::before{bottom: 400px;}
.bnr{bottom: 0;left: 0;width: 100%;}
.bnr a{
        border-radius: inherit;
        padding: 20px 10px;
        margin: 0 0 auto;
        font-size: 14px;
}
.font_14,.font_2dw_tb,.font_14_tb{font-size: 17px;}
#contents3_wrap:before {
    background-position: center bottom -20px;
}
#footer .tel_bt{padding-left: 0!important;}

}


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



}


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

}