/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
#google_privacy a{color: #160a0a;}
:root{
	--color1: #8B4513;
	--color3: #CD853F;
	--color4: #f5f4ec;
	--color5: #3CB371;
	/*--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;*/
}

.txt_color1, .hvr_txt_color1:hover{color: var(--color1);}
/*.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}*/
.txt_color3, .hvr_txt_color3:hover{color: var(--color5);}
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: var(--color1);}
/*.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}*/
.bg_color3, .hvr_bg_color3:hover{background-color: var(--color3);}
.bg_color4, .hvr_bg_color4:hover{background-color: var(--color4);}
.bg_color5, .hvr_bg_color5:hover{background-color: var(--color5);}
.button:hover::after{box-shadow: inset 0 0 0 15em var(--color1);}

/* border-color ※!important */
/*.border_color1, .hvr_border_color1:hover{border-color: var(--color1);}*/
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
.border_color3, .hvr_border_color3:hover{border-color: var(--color3);}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

.button2:hover {box-shadow: none;}

/* header */
header .head_box .link_box li{
    width: 11.33333% !important;
}

/* footer */



/* top ----------------------------------------------------------------*/

/* main img */
#main_img .main_img1{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    top: 0;
    left: 0;
}
#main_img .catch {
    top: 9%;
    left: 8%;
    width: 65%;
    max-width: 780px;
}

/* main */

/* intro */


/* contents */
#contents2 {padding: 0;}
#contents2 .con2_item{padding: 100px 0 100px 5%;}
#contents2 .img5{height: 100%;overflow: hidden;}
#contents2 .img5 img{height: 100%;width: auto;}
/*#contents2 .img5{*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: top left;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

/* topcms */
.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;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* under page ----------------------------------------------------------------*/
.page_wrap .btn_container{
    width: 100%;
    max-width: 500px;
}

/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.hamburger__icon {
    margin-top: 12px;
}
/*header{*/
/*    padding-top: 0!important;*/
/*    padding-bottom: 0!important;*/
/*}*/
header #logo {max-width: 100px;}
#main_img {
    max-height: 60vh;
    min-height: 60vh;
}
#main_img .main_img1 {
    width: 100vw;
    height: 60vh;
    background-size: auto 100%;
    background-position: top left;
}
#main_img .catch {left: 5%;}
#contents2 .img5 img {
    width: 100%;
    height: auto;
}
#contents2 .con2_item {
    padding: 100px 10% 50px 10%;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header #logo {max-width: 80px;}
#main_img .main_img1 {background-position: top 0 right 25%;}
#main_img .catch {
    top: 5%;
    width: 85%;
}
#contents1 {padding: 50px 10%;}
#contents2 .con2_item {padding: 50px 10% 30px 10%;}
footer .logo {text-align: center;}

}

/*20240517*/
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header .head_banner {
    width: 100%;
    max-width: 500px;
}
header .head_banner a {
    border-radius: 0;
}

}
/*20240604*/
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header .head_banner a {
    letter-spacing: 0px;
    font-size: 13px;
}

}

/*20240730*/
#main_img {
    max-height: initial;
    min-height: initial;
}