@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* ----------　all　---------- */
.linkStyle{
	color:#C6AF7B;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#C6AF7B;
	opacity: 0.7;
	transition: all 0.5s;
}

.font_en, a[href^="tel:"], #pc_nav, #sp_nav, .pager, .date, #contents1 .con_box .con_sub_title, #contents1-h .con_box .con_sub_title, #top_cms .cms_title h2, .more, #top_info .con_title, #page_title h2, .cate_list::before {
    font-family: "Poppins", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

.font_jp, .con_title, #page_title p, .cate_title, .box_title1, .box_title, .font_serif {
    font-family: "Poppins", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    
}

:root{
    --white:#fefefe;
    --black:#333333;
    --gray:#ccc;
}

.txt_color_nomal,.hvr_txt_color_nomal:hover{color: var(--black)!important;}
.txt_white,.hvr_txt_white:hover{color: var(--white)!important;}
.bg_white,.hvr_bg_white:hover{background-color: var(--white)!important} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: var(--black);!important} /* 黒背景 */

.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

.border_white,.hvr_border_white:hover{border-color: var(--white)!important;}
.hvr_border_black:hover{border-color: var(--black)!important;}
.border_black{border-color: var(--gray)!important;}



/* color -----------------------------------------------------------------------------*/



/* nav */

#header .contact_bt a:hover {
    color: #c6af7b!important;
}


/* footer */


/* ----------　TOP　---------- */

/* main-img */

#main_img {
    background-size: cover;
}

#main_img .main_txt {
    z-index: 3;
    left: 1%;
    bottom: 0%;
    width: 53%;
transform: translateX(30px);
}

#main_img .main_txt.active {
    transform: none;
}


/* top */

#contents1 .con_box .con_sub_title, #contents1-h .con_box .con_sub_title {
    font-size: 50px;
    top: -42px;
    font-weight: bold;
}

#contents1 .con_box .con_sub_title {
    right: 0;
}

#contents1-h .con_box .con_sub_title {
    left: 0;
}

.con_title {
    font-weight: bold;
}

.con2_title2 {
        font-size: clamp(18px, 5vw, 35px);
        font-weight: bold;
}

#top_banner .banner_box a {
    font-weight: bold;
}

.tel_bt {
    background-color: rgba(6,32,73,0.1);
    border: solid 1px rgba(6,32,73,0);
}

.tel_bt:hover {
    background-color: rgba(6,32,73,0);
    border: solid 1px rgba(6,32,73,0.5);
}

/* top-cms */

.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}


/* ----------　下層ページ　---------- */

#under_page .under_box {
    background-color: #F5F7F8;
    color: var(--black);
}

.pager li a {
    color: #0E3258;
}

.pager li:not(.prev):not(.next) a {
    background-color: rgba(6,32,73,0.1);
    border: solid 1px rgba(6,32,73,0);
}

.pager li:not(.prev):not(.next) a:hover {
    background-color: rgba(6,32,73,0);
    border: solid 1px rgba(6,32,73,0.5);
}

.pager li.prev a:hover, pager li.next a:hover {
    border-bottom: solid 3px rgba(6,32,73,0.7);
    box-sizing: border-box;
}

.cate_list {
    background-color: rgba(238,238,238,0.5);
}

.cate_list li a {
    color: #062049;
    background-color: rgba(6,32,73,0.05);
}

.cate_list li a:hover {
    color: #ffffff;
}

.v_type3 .cate_box{border: 1px solid #0e3258;}
.v_type3 .box_title1{color: #062049;}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */

.page9 h3 {
    border-color: #c6af7b;
}

/* サイトマップ */

.sitemap_box li a {
    background-color: rgba(6,32,73,0.0.5);
}

.sitemap_box li a:hover {
    background-color: rgba(6,32,73,0);
}

.sitemap_box .more a::before {
    border-top: solid 1px #062049;
    border-right: solid 1px #062049;
    top: -0.5px;
    right: -0.5px;
}

.sitemap_box .more a::after {
    border-bottom: solid 1px #062049;
    border-left: solid 1px #062049;
    bottom: -0.5px;
    left: -0.5px;
}

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#main_img {
    background-position: 55%;
}

#main_img .main_txt {
    width: 75%;
}

.video_wrap {
    height: 60vh;
}

.video_wrap video {
    height: 60vh;
    width: auto;
    transform: translateX(-150px);
}

#contents1 .con_box .con_sub_title, #contents1-h .con_box .con_sub_title {
    font-size: 40px;
    top: 20px;
    font-weight: bold;
    /* text-shadow: 0px 2px 5px rgb(6,32,73,0.3); */
    opacity: 0.8;
}

.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
    
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
#header h1 img {
    height: auto;
    width: 150px !important;
}
    
#main_img .main_txt {
    bottom: 3%;
    width: 95%;
}

#contents1 .con_box .con_sub_title, #contents1-h .con_box .con_sub_title {
    font-size: 14px;
    top: 40px;
    font-weight: bold;
    text-shadow: none;
}

#page_title h2 {
    font-size: 25px;
    letter-spacing: 2px;
}

#copyright {
    font-size: 10px;
    padding: 10px 10px 60px;
    letter-spacing: 1px;
}

}