/*===========================================================*/
/* 個別 */
/*===========================================================*/
@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=Libre+Baskerville&display=swap');
.linkStyle{color: #333;border-bottom: 1px solid;}
body{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
.en_font{font-family: 'Libre Baskerville', serif!important;}
#main_wrap{background-color: #e2e2e2;}
#header nav li a,#top_cms .more a,.more a{font-size: 14px;}
#copyright{font-size: 12px;}
#page-top{background-color: transparent;}
#page-top > div{color: #000;}
#footer_txt .tel a{font-size: 24px;}
#header h1 a{max-width: 180px;margin: auto;}
#intro figure{height: 600px;}
.top_cms_title{margin-bottom: 50px;}
#top_cms .top_cms_box{margin-bottom: 150px;}
.open_menu {background-color: transparent;border: none;}
.close_txt{
    text-transform: uppercase;
    font-family: 'Libre Baskerville', serif!important;
}
.close_menu {
    width: 22px;
    height: 23px;
    border: none;  
}
.close_menu:hover{background-color: transparent;}
.button_container {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 22px;
	width: 23px;
	cursor: pointer;
	z-index: 9999;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
.close_menu .top {
	-webkit-transform: translateY(7px) translateX(0) rotate(45deg);
	transform: translateY(7px) translateX(0) rotate(45deg);
	background: #333;
	width: 100%;
}
.close_menu .middle {
	opacity: 0;
	background: #333;
}
.close_menu .bottom {
	-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
	transform: translateY(-10px) translateX(0) rotate(-45deg);
	background: #333;
	width: 100%;
}
.button_container span,.close_menu span {
	background: #333;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.button_container span:nth-of-type(2) {
	top: 8px;
	width: 100%;
	text-align: right;
}
.button_container span:nth-of-type(3),.close_menu span:nth-of-type(2) {
	top: 17px;
	width: 100%;
}
#main_img .arrowWrap{color: #121212;bottom: 0px;}
#main_img .arrow{
    height: 60px;
    margin: 50px auto 0;
}
.catch{
        max-width: 600px;
    top: 20%;
    left: 3%;
    width: 50%;
}
.footer_banner {
    right: 80px;
    bottom: 10px;
    z-index: 8;
}
/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/

#page_title h2{letter-spacing: 8px;}
#page_title > div::after{border: none;}
.pager li a{font-size: 14px;}
#page10 .box{display: block;}
#page10 .box h3{font-size: 18px; }
.cate_title {
    background-color: transparent;
    padding: 20px 0 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px!important;
    margin-bottom: 50px;
    color: #121212;
    position: relative;
    font-weight: bold;
}

.cate_title::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: 50%;
    bottom: 0;
    background-color: #121212;
    transform: translatex(-50%);
}
.cate_list li a{opacity: 1;}
.cate_list li a:hover{opacity: 0.5;}



/*===========================================================*/
/* 1280以下 */
/*===========================================================*/
@media screen and (max-width: 1280px){
    #tel_CONTACT .d_flex div{
            width: 43.33333%!important;
    }
}




/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
footer{padding-bottom: 100px;}
#header h1 a{max-width: none;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#intro figure {
    height: 300px;
}
#contents1 .txt_wrap{padding: 5% 0;}
#contents2 > div{padding: 50px 20px!important;}
#menu_wrap.active ul.menu_nav li a::before{content: none;}
.footer_banner {
    right: 0;
    bottom: 0;
}
footer{padding-bottom: 60px;}
.catch{width: 100%;}
#main_img #main_img_border{top: 15px;}
    #tel_CONTACT .d_flex div{
            width: 100%!important;
    }


}


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



}


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

}