html{
    font-size: 62.5%;
	scroll-behavior: smooth;
}


body{
	color: #595e59;
	background-color: #f4f5f7;
	-webkit-font-smoothing: antialiased;/*アンチエイリアスを滑らかに*/
	-moz-osx-font-smoothing: grayscale;
	line-height: 2;
	font-size: 1.4rem;
	font-family: "IBM Plex Sans JP", sans-serif;
	font-weight: 500;
	font-style: normal;
}



*{
	margin: 0;
	box-sizing: border-box;
}

a{
	text-decoration: none;
	color: #252525;
	transition: .3s;
}

ul,ol{
	list-style: none;
	padding: 0;
}
svg{
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	min-height: 0%;
}
img{
  	line-height: 1;
	vertical-align: top;
	max-width: 100%;
	transition: .4s;
	font-size: 0;
}

/*フェードイン*/
.flowup{
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 1.6s, transform 1.5s;
	transition-delay: 0.4s;
}
.flowup.inview{
	opacity: 1;
	transform: translateY(0);
}




.imgup {
	position: relative;
	overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    transition: .5s;
    transition-delay: clip-path 0.3s, scale 0s;
}



.imgup.inview {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.imgup img {
    transition: 1.6s cubic-bezier(0.6, 0, 0.07, 1);
    transform: translateX(-10%) scale(1.4);
}

.imgup.inview img {
    transform: translateX(0) scale(1);
}

.leftRight{
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 1s, opacity 1.8s;
	transition-delay: 400ms;
}

.leftRight.inview{
	opacity: 1;
	transform: translateX(0);
}

.rightLeft{
	opacity: 0;
	transform: translateX(100%);
	transition: transform 1s, opacity 1.8s;
	transition-delay: 400ms;
}

.rightLeft.inview{
	opacity: 1;
	transform: translateX(0);
}



.scale-big{
	transform: scale(0.8);
	opacity: 0;
	transition: transform .4s ease-out, opacity .2s;
}

.scale-big.inview{
	transform: scale(1);
	opacity: 1;
}


.op{
	position: relative;
	z-index: 5;
	opacity: 0;
	transition: all .2s;
	transition-delay: 200ms;
}

.op.inview{
	opacity: 1;
}

span.marker {
    background: linear-gradient(transparent 50%, rgb(235, 252, 4,0.6) 50%);
}


.br_650.marker{
	background: none;
}

.inner{
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
}

.flex_center{
	display: flex;
	justify-content: center;
}

.flex{
    display: flex;
}

.flex_end{
	display: flex;
	justify-content: flex-end;
}

.flex_start{
	display: flex;
	justify-content: flex-start;
}

.flex_bet{
	display: flex;
	justify-content: space-between;
}

.flex_ar{
	display: flex;
	justify-content: space-around;
}

span.zo{
	font-size: 1.2em;
	padding: 5px;
	font-weight: bold;
}

main{
	width: 100%;
}


.tate{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}





.w100{
	width: 100%;
}

/*フィルター*/

.filter{
    position: relative;
}

filter::after{
    content: "";
    display: block;
    position: absolute;
    background-color: rgb(0, 0, 0,0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.filter_w{
	position: relative;
}

.filter_w::after{
    content: "";
    display: block;
    position: absolute;
    background-color: rgb(255, 255, 255,0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

/*改行*/

.br_960{
}

.br_650{
}

.br_none650{
	display: block;
}

.br_none1200{
	display: block;
}

section{
	position: relative;
	padding: 140px 0;
}

@media (max-width: 1200px){
	.br_1200{
		display: block;
	}
	.br_none1200{
		display: inline;
	}
	section{
		padding: 100px 0;
	}
}

@media (max-width: 960px){
	.br_960{
		display: block;
	}	
}
@media (max-width: 650px){
	.br_650{
		display: block;
	}
	.br_650.marker{
		background: linear-gradient(transparent 75%, rgb(241, 156, 167,0.7) 75%);;
	}
	section{
        padding: 50px 0;
    }
	.container{
		padding: 0;
	}
	.br_none650{
		display: inline;
	}
	body{
		font-size: 1.5rem;
	}
}




/* 文字間 */

.space{
	letter-spacing: 0.05em;
}

.space2{
	letter-spacing: 0.1em;
}

/*  */
.txt_wrappper{
	background-color: #fef8e5;
}

/* 
.txt{
	font-size: 1.45rem;
	font-weight: 500;
	color: #333;
	line-height: 2.5;
} */


@media (max-width: 960px){
	.none_960{
		display: none;
	}
}

@media (max-width: 650px){
	.none_650{
		display: none;
	}
	body{
		font-size: 1.3rem;
	}
	
	
}


.reverse{
	flex-direction: row-reverse;
}





.center_l{
	display: flex;
	align-items: center;
}

body p{
	letter-spacing: 0.1em;
}

i{
	padding-right: 0.4em;
}



/* btn */

.m_btn{
	width: 250px;
	margin-top: 40px;
	text-align: left;
}

.m_btn a{
	position: relative;
	background-color: #495b4c;
	color: #fff;
	font-weight: 500;
	padding: 12px 0 10px;
	display: block;
	border-radius: 40px;
	padding-left: 40px;
	border: solid 1px #495b4c;
	font-size: 1.35rem;
	letter-spacing: 0.05em;
}

.m_btn a::before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 8px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #fff;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	transition: all .3s;
}

.m_btn a::after{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(../img/arrow.png);
	background-size: cover;
	background-position: center;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	width: 22px;
	aspect-ratio: 1 / 1;
	opacity: 0;
	transition: all .3s;
}

.m_btn a:hover::after{
	opacity: 1;
}

.m_btn a:hover::before{
	width: 0;
}

.m_btn a:hover{
	padding-left: 30px;
}

/* font-size (ratio 1.25, base 16px)*/


.king{
	font-size: 5.3406rem;
}
.biggest{
	font-size: 4.2775rem;
}
.big{
	font-size:  3.418rem;
}
.s_big{
	font-size: 2.7344rem;
}
.f_txt{
	font-size: 2.1875rem;
}
.s_f_txt{
	font-size: 1.75rem;
}
/* 


.seri{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
} */



/* sub_ttl */


@media (max-width: 1200px){
	.index h3.biggest{
		font-size: 3.4rem;
	}
}

@media (max-width: 650px){
	.index h3.biggest{
		font-size: 2.6rem;
		margin-bottom: 30px;
	}
}


/* header */

h1 a{
	color: #495b4c;
	letter-spacing: 0.1em;
}

h1 img{
	height: 45px;
}

.main_nav li+li{
	margin-left: 30px;
}

.main_nav li a{
	position: relative;
	display: block;
	letter-spacing: 0.03em;
	font-size: 1.35rem;
	color: #495b4c;
}

.main_nav li a::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 50%;
	background-color: #fff;
	aspect-ratio: 1 / 1;
	width: 4px;
	transform: translateX(-50%);
	border-radius: 50%;
	opacity: 0;
	transition: all .3s;
}

.main_nav li a:hover::before{
	opacity: 1;
}

.main_nav li a:hover{
	opacity: 0.75;
}

header{
	height: 80px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: rgb(244, 245, 247,0);
	transition: all .4s;
	border-bottom: solid 2px rgb(73, 91, 76,0);
	transform: translateY(-100%);
}


.hd_inner{
	padding-left: 40px;
	padding-right: 40px;
}

.change_hd_tel{
	position: fixed;
	top: 90px;
	right: 30px;
	opacity: 0;
	background-color: #495b4c;
	color: #fff;
	border: solid 1px #fff;
	width: 530px;
	padding: 7px 22px 4px;
	border-radius: 30px;
	transition: all .3s;
	font-weight: 500;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}


.change_hd_tel span{
	font-size: 0.8em;
}

.change_hd_tel a{
	color: #fff;
	letter-spacing: 0.05em;
}

.change_hd_tel a:hover{
	opacity: 0.75;
}


header.change_color{
	background-color: #fff;
	border-bottom: solid 2px #495b4c;
	transform: translateY(0);
}

header.change_color .change_hd_tel{
	opacity: 1;
}

.kasou header .change_hd_tel{
	opacity: 1;
}

@media (max-width: 650px){
	header{
		height: 60px;
	}
	.hd_inner{
		padding-left: 20px;
		padding-right: 0;
	}
	h1.f_txt{
		font-size: 2rem;
	}
	h1 img{
		height: 33px;
	}
}


/* fv */


.fv {
	position: relative;
	height: 100vh;
	min-height: 800px;
	background-color: #495b4c;
	overflow: hidden;
}

.fv .top_slider{
	position: relative;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	width: calc(100% - 20px);
	margin: 0 auto;
}

.fv:before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #f4f5f7;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	border-radius: 30px;
}

/* .fv .ill{
	position: absolute;
	bottom: 0px;
	left: 30%;
	width: 150px;
	transform: translateX(-50%) rotate(5deg);
} */

.fv .fv_logo{
	width: 300px;
	margin: 0 auto 40px;
}


.top_slider .slider{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.top_slider .slider li{
	width: 100%;
	height: 100%;
	background-size: cover;
	margin: 0;
	border-radius: 30px;
}


.top_slider .slider li.top01{
	background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),url(../img/top02.jpg);
	background-position: center;
}
.top_slider .slider li.top02{
	background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),url(../img/top01.jpg);
	background-position: center;
}
.top_slider .slider li.top03{
	background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),url(../img/top03.jpg);
	background-position: center;
}




/* catch */


.catch{
	position: absolute;
	top: 54%;
	left: 10px;
	transform: translateY(-50%);
	z-index: 10;
	color: #495b4c;
	background-color: rgb(244, 245, 247,0.9);
	backdrop-filter: blur(2px);
}

.catch h2{
	margin-bottom: 20px;
	padding-left: 40px;
	line-height: 1.8;
}

.catch .in{
	position: relative;
	padding: 60px 80px;
	padding-right: 110px;
}

.fv_btm_box{
	position: absolute;
	bottom: 25px;
	right: 25px;
	z-index: 10;
	background-color:  #f4f5f7;
	border: solid 2px #495b4c;
	color: #495b4c;
	width: 610px;
	border-radius: 40px;
	padding: 6px 40px;
}

.fv_btm_box .f_tel a{
	color: #495b4c;
	letter-spacing: 0.05em;
}

.fv_btm_box .f_tel a span{
	font-size: 0.7em;
}

.fv_btm_box .f_tel a:hover{
	opacity: 0.75;
}

.catch p.seri{
	padding-left: 40px;
}

.fv_btm_box .sche p{
	line-height: 1;
}


@media (max-width: 1200px){
	.fv{
		height: 90vh;
	}
	.fv .top_slider{
		height: 55%;
	}
	.catch{
		top: 72%;
		background-color: rgb(244, 245, 247,0);
		backdrop-filter: none;
	}
	.catch .in{
		padding: 0;
	}
	.fv .fv_logo{
		width: 240px;
		margin-bottom: 30px;
	}
	.catch h2{
		margin-bottom: 25px;
	}
	.top_slider .slider li{
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.fv_btm_box{
		padding: 3px 25px;
		width: 580px;
	}

	.main_nav{
		display: none;
	}
	.change_hd_tel{
		display: none;
	}
}

@media (max-width: 650px){
	.catch h2{
		font-size: 2.6rem;
		margin-bottom: 20px;
		line-height: 1.7;
		margin-bottom: 14px;
		padding-left: 15px;
	}
	.catch p{
		font-size: 1.2rem;
	}
	.fv{
		height: 90vh;
		min-height: auto;
	}
	.fv_btm_box{
		width: 320px;
		border: solid 1px #495b4c;
		padding: 8px 20px;
	}
	.fv_btm_box .flex_bet{
		flex-direction: column;
	}
	.fv_btm_box .f_tel{
		font-size: 1.6rem;
		line-height: 1;
	}
	.fv_btm_box .sche p{
		font-size: 1.2rem;
		margin-top: 5px;
	}
	.fv .top_slider{
		height: 50%;
	}
	.top_slider .slider li{
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	.fv:before{
		border-radius: 15px;
	}
	.catch p.seri{
		padding-left: 15px;
	}
	.catch .in{
		padding: 0;
	}
	.fv .fv_logo{
		width: 140px;
		margin-bottom: 15px;
	}
	.catch{
		top: 67%;
	}
	
}



/* aboutus */

.aboutus{
	padding-top: 0;
}

.num_ttl{
	position: relative;
	color: #495b4c;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}

.num_ttl .ttl{
	display: inline-block;
	padding-left: 25px;
}

.num_ttl::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	top: 46%;
	left: 20px;
	height: 1px;
	width: 9px;
}

.aboutus .t_imgarea{
	background-color: #495b4c;
	padding-top: 50px;
}

.aboutus .t_imgarea .img{
	width: 50%;
}

.aboutus .t_imgarea img{
	height: 580px;
	width: 100%;
	object-fit: cover;
}

.aboutus h3{
	margin-top: -80px;
	color: #495b4c;
}

.aboutus h3 span{
	display: block;
}

.aboutus h3 span+span{
	margin-top: 100px;
}


.aboutus .txt_box p+p{
	margin-top: 20px;
}

.aboutus .txt_box{
	position: relative;
}


.aboutus .ttl_area{
	width: 220px;
}

.aboutus .ac_ill{
	position: absolute;
	top: -50px;
	right: 20px;
	width: 160px;
	z-index: 1;
}

.aboutus .txt_box{
	width: calc(100% - 220px);
	max-width: 960px;
	margin-top: 170px;
}

.aboutus .txt_box .l_box{
	max-width: 440px;
	line-height: 2.6;
	width: 50%;
	margin-top: 70px;
	margin-left: 10%;
}

.aboutus .txt_box .r_box{
	width: 35%;
}

.aboutus .txt_box .r_box .t_img img{
	display: inline-block;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	aspect-ratio: 1 / 1.3;
}

/* .aboutus .txt_box .r_box .t_img+.t_img img{
	width: 50%;
} */



@media (max-width: 1400px){
	.aboutus .t_imgarea img{
		height: 400px;
	}
}

@media (max-width: 1200px){
	.aboutus .txt_box{
		flex-direction: column;
		margin-top: 120px;
	}
	.aboutus .txt_box .r_box .t_img img{
		aspect-ratio: 3 / 2;
	}
	.aboutus .txt_box .r_box{
		width: 70%;
	}
	.aboutus .txt_box .l_box{
		width: 100%;
	}
	.aboutus .txt_box p+p{
		margin-top: 15px;
	}
	.aboutus .ac_ill{
		top: 140px;
	}
}

@media (max-width: 650px){
	.aboutus .ttl_area{
		width: 100px;
	}
	.aboutus .txt_box{
		width: calc(100% - 100px);
		margin-top: 80px;
	}
	.aboutus .t_imgarea img{
		height: 200px;
	}
	.aboutus .txt_box .r_box .t_img img{
		aspect-ratio: 1 / 1;
	}
	.aboutus h3.biggest{
		font-size: 2.4rem;
	}
	.aboutus .txt_box .l_box{
		min-width: 310px;
		margin-left: 0;
	}
	.aboutus .ac_ill{
		width: 100px;
		right: 50px;
	}
	.aboutus .t_imgarea{
		padding-top: 20px;
	}
	.aboutus .txt_box p+p{
		margin-top: 8px;
	}
	.aboutus .txt_box .l_box{
		line-height: 2.2;
	}
	.m_btn{
		margin-top: 30px;
	}
	.num_ttl{
		margin-bottom: 5px;
	}
}


.mini_sli{
	position: relative;
}

.mini_sli::before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 10%;
	height: 100%;
	background: linear-gradient(90deg,rgba(244, 245, 247, 1) 0%, rgba(244, 245, 247, 0) 100%);
	z-index: 1;
}
.mini_sli::after{
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 10%;
	height: 100%;
	background: linear-gradient(270deg,rgba(244, 245, 247, 1) 0%, rgba(244, 245, 247, 0) 100%);
	z-index: 1;
}


/* lineup */



.lineup{
	position: relative;
}

.lineup::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;
}

.lineup .m_btn a::after{
	background: url(../img/arrow_c.png);
	background-size: cover;
	background-position: center;
}

.lineup .m_btn a::before{
	background-color: #495b4c;
}

.lineup .inner{
	max-width: 960px;
}

.lineup .item{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 20px;
}

.lineup .m_btn a{
	background-color: #fff;
	border: solid 2px #495b4c;
	color: #495b4c;
	font-weight: 500;
}

.custom-shape-divider-top-1751256483 {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1751256483 svg {
    position: relative;
    display: block;
    width: calc(129% + 1.3px);
    height: 201px;
}

.custom-shape-divider-top-1751256483 .shape-fill {
    fill: #F4F5F7;
}

.lineup .inner{
	position: relative;
	z-index: 1;
}

.lineup h3{
	margin-bottom: 40px;
	color: #495b4c;
}
.lineup .left{
	width: 50%;
}
.lineup .right{
	width: 50%;
	background-color: #f4f5f7;
	color: #595e59;
}



.lineup .left img{
	width: 100%;
	height: 320px;
	object-fit: cover;
	
}

.lineup .item:nth-child(odd) .left img{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.lineup .item:nth-child(even) .left img{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.lineup .item:nth-child(odd) .right{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.lineup .item:nth-child(even) .right{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}


.lineup .item h4{
	margin-bottom: 12px;
	border-bottom: solid 2px #495b4c;
	line-height: 1.7;
	color: #495b4c;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.lineup .item .right{
	position: relative;
	display: flex;
	/* align-items: flex-end; */
}

.lineup .item .right .in{
	width: 80%;
	margin: 60px auto 0;
}

.lineup .item+.item{
	margin-top: 50px;
}


.lineup .m_btn{
	margin: 80px auto 0;
}

.lineup .ac_ill{
	top: 0;
	right: 0;
	width: 150px;
	position: absolute;
}

.lineup .per_ill{
	position: absolute;
}

.lineup .per_ill.tp01{
	width: 90px;
	bottom: 25px;
	right: 25px;
}
.lineup .per_ill.tp02{
	width: 90px;
	bottom: 25px;
	left: 25px;
}
.lineup .per_ill.tp03{
	width: 90px;
	bottom: 25px;
	right: 25px;
}
.lineup .per_ill.tp04{
	width: 90px;
	bottom: 25px;
	left: 25px;
}



@media (max-width: 1200px){
	.custom-shape-divider-top-1751256483 svg{
		height: 100px;
	}
	.lineup{
		padding-top: 160px;
	}
	.lineup .left img{
		height: 300px;
	}
	.lineup .item+.item{
		margin-top: 30px;
	}
	.lineup .item .right .in{
		margin-top: 30px;
	}
}

@media (max-width: 650px){
	.custom-shape-divider-top-1751256483 svg{
		height: 60px;
	}
	.lineup{
		padding-top: 50px;
	}
	.lineup .item{
		flex-direction: column;
	}
	.lineup .left{
		width: 100%;
	}
	.lineup .item .right{
		width: 100%;
	}
	.lineup .left img{
		height: 200px;
	}
	.lineup .item:nth-child(odd) .left img{
		border-radius: 0;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
	}
	.lineup .item:nth-child(odd) .right{
		border-radius: 0;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	.lineup .item .right .in{
		margin-bottom: 0;
		margin: 20px auto;
		margin-top: 25px;
	}
	.lineup .item:nth-child(even) .left img{
		border-radius: 0;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	.lineup .item:nth-child(even) .right{
		border-radius: 0;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	.lineup .item h4{
		font-size: 1.8rem;
	}
	.lineup .m_btn{
		margin-top: 40px;
	}
	.lineup .ac_ill{
		width: 100px;
	}
	.lineup .per_ill.tp01{
		transform: translateY(-100%);
		top: 30px;
		right: 10px;
		bottom: auto;
	}
	.lineup .per_ill.tp02{
		transform: translateY(-100%);
		top: 20px;
		left: 10px;
		bottom: auto;
	}
	.lineup .per_ill.tp03{
		transform: translateY(-100%);
		top: 30px;
		right: 10px;
		bottom: auto;
	}
	.lineup .per_ill.tp04{
		transform: translateY(-100%);
		top: 20px;
		bottom: auto;
		left: 10px;
	}
}



/* fun */

.fun {
	padding: 0;
	background-color: #495b4c;
	/* padding-top: 4px; */
}

.fun .wrapper{
	background-color: #f4f5f7;
	padding-top: 80px;
	padding-bottom: 100px;
	/* border-top-left-radius: 30px;
	border-top-right-radius: 30px; */
}

.fun .txt_box{
	position: relative;
	text-align: center;
}

.fun .txt_box .ac_ill{
	position: absolute;
	bottom: -50px;
	right: 0;
	width: 200px;
}

.fun .num_ttl::before{
	left: 50%;
	width: 1px;
	height: 10px;
	top: 22px;
}

.fun h3{
	margin-bottom: 25px;
	color: #495b4c;
}

.fun .m_btn{
	margin: 30px auto 0;
}

.fun .txt_box p:nth-child(2 of p){
	margin-bottom: 15px;
	font-weight: 600;
}

.fun .num_ttl .num{
	display: block;
	padding: 0;
}

.fun .num_ttl .ttl{
	display: block;
	padding: 0;
}




@media (max-width: 1200px){
	.fun .wrapper{
		padding: 80px 0 100px;
	}
	.fun .txt_box .ac_ill{
		width: 150px;
	}
}

@media (max-width: 650px){
	.fun .wrapper{
		padding: 50px 0 70px;
		/* border-top-left-radius: 15px;
		border-top-right-radius: 15px; */
	}
	.fun h3{
		line-height: 1.6;
	}
	.fun .txt_box p:nth-child(2 of p){
		font-size: 1.6rem;
	}
	.fun .txt_box .ac_ill{
		width: 100px;
		bottom: -100px;
		z-index: 5;
	}
	.fun .num_ttl{
		margin-bottom: 15px;
	}
	.fun h3.biggest{
		margin-bottom: 20px;
	}

}




/* village */


.custom-shape-divider-top-1751261525 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1751261525 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px;
}

.custom-shape-divider-top-1751261525 .shape-fill {
    fill: #F4F5F7;
}

.village{
	position: relative;
	padding-top: 0;
	padding-bottom: 80px;
}



.village .top_img img{
	width: 100%;
	height: 700px;
	object-fit: cover;
	object-position: top;
}

.village .wrap{
	position: relative;
}

.village .top_img::before{
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 300px;
	width: 100%;
	background: linear-gradient(0deg, rgba(244, 245, 247, 1) 0%,  rgba(244, 245, 247, 0.9) 30%, rgba(244, 245, 247, 0) 100%);
}

.village .left{
	width: 60%;
}

.village .right{
	width: 40%;
}

.village .right h4{
	font-weight: 600;
	margin-bottom: 20px;
}

.village .right p+p{
	margin-top: 15px;
}

.village .right .in{
	max-width: 340px;
	margin: 0 auto;
}

.village .left img{
	border-radius: 20px;
	width: 100%;
	object-fit: cover;
	object-position: top;
}

.village h3{
	color: #495b4c;
	margin-bottom: 40px;
}

.village h4 span{
	display: block;
	padding-left: 80px;
}



.village .m_btn{
	margin-top: 30px;
}


@media (max-width: 1200px){
	.village .top_img img{
		height: 500px;
	}
	.village .left{
		width: 100%;
		margin-bottom: 30px;
	}
	.village .inner .flex_bet{
		flex-direction: column;
	}
	.village .left{
		width: 100%;
		margin-bottom: 40px;
	}
	.village .right .in{
		max-width: none;
		margin-bottom: 40px;
		width: 96%;
	}
	.village .right{
		width: 100%;
	}
	.village .right p+p{
		margin-top: 0;
	}
	.village{
		padding-bottom: 30px;
	}
}

@media (max-width: 650px){
	.custom-shape-divider-top-1751261525 svg{
		height: 40px;
	}
	.village .top_img img{
		height: 300px;
	}
	.village .top_img::before{
		height: 170px;
	}
	
	.village .right{
		width: 100%;
	}
	.village .right h4{
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	.village .left img{
		border-radius: 15px;
	}
	.village h3{
		margin-bottom: 30px;
	}
	.village .left{
		margin-bottom: 25px;
	}
}




/* ふるさと納税 */


.hurusato{
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
}




.hurusato .wrapper{
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	background-color: #495b4c;
	padding: 60px 0;
	border-radius: 15px;
}



.hurusato h3{
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 30px;
}

.hurusato .inner{
	position: relative;
	max-width: 800px;
	z-index: 1;
}

.hurusato .banner{
	width: 49%;
}
.hurusato .banner a{
	display: block;
}


.hurusato .banner a img{
	width: 100%;
	aspect-ratio: 5.2 / 1;
	object-fit: cover;
}


.hurusato .banner a:hover{
	opacity: 0.75;
}

@media (max-width: 1200px){
	.hurusato h3{
		font-size: 3rem;
	}
}

@media (max-width: 650px){
	.hurusato h3{
		font-size: 2.4rem;
		margin-bottom: 25px;
	}
	.hurusato .flex_bet{
		flex-direction: column;
	}
	.hurusato .banner{
		width: 100%;
	}
	.hurusato .banner+.banner{
		margin-top: 10px;
	}
	.hurusato .wrapper{
		border-radius: 10px;
		padding: 40px 0;
	}
}




/* 新着情報 */


.news {
	background-color: #495b4c;
	/* padding: 3px 0; */
	padding: 0;
}

.news h3{
	color: #495b4c;
	margin-bottom: 40px;
}



.news .wrapper{
	background-color: #f4f5f7;
	padding: 140px 0;
	/* border-top-left-radius: 20px;
	border-top-right-radius: 20px; */
}

.news_list{
	flex-wrap: wrap;
	gap: 40px;
}

.news_list li{
	width: calc((100% - 120px) / 4);
}

.news_list .up_ymd{
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.news_list .thumbnail{
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 10px;
	display: inline-block;
}

.news_list .thumbnail img{
	border-radius: 10px;
	aspect-ratio: 3 / 2;
	width: 100%;
	object-fit: cover;
}

.news_list a{
	display: block;
}

.news_list a:hover img{
	transform: scale(1.08);
}

.news .inner{
	position: relative;
}

.news .ac_ill{
	position: absolute;
	bottom: -140px;
	right: 0;
	width: 180px;
}

@media (max-width: 1200px){
	.news_list li{
		width: calc((100% - 40px) / 2);
	}
	.news_list{
		gap: 40px;
	}
	.news .wrapper{
		padding-top: 80px;
	}
}
@media (max-width: 650px){
	.news h3{
		margin-bottom: 30px;
	}
	.news .wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.news .ac_ill{
		width: 100px;
		bottom: -30px;
	}
	.news_list .thumbnail img{
		border-radius: 5px;
	}
	.news_list .up_ymd{
		margin-bottom: 4px;
	}
	.news_list li:nth-child(n+3){
		margin-top: 25px;
	}
	.news_list li{
		width: calc((100% - 20px) / 2);
	}
	.news_list{
		gap: 20px;
	}
	
}


/* フッター */

footer{
	background-color: #495b4c;
}

/* .foo_img img{
	width: 100%;
	height: 500px;
	object-fit: cover;
} */

footer .inner{
	position: relative;
	background-color: #495b4c;
	margin-top: 80px;
	max-width: 1080px;
	z-index: 2;
	padding: 4px;
}

footer .wrapper{
	background-color: #fff;
	border-radius: 20px;
}

.foo_logo{
	margin-bottom: 20px;
}

.foo_tel{
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
}

.foo_tel a{
	background-color: #f4f5f7;
	color: #495b4c;
	padding: 0 4px;
}

.foo_tel a:hover{
	opacity: 0.75;
}

footer .left{
	position: relative;
	display: flex;
	width: 50%;
	justify-content: center;
}

footer .left .ac_img{
	position: absolute;
	width: 120px;
	bottom: -20px;
	left: -20px;
}

footer .right{
	width: 50%;
}

footer .right img{
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 20px;
}

.map iframe{
	width: 100%;
	height: 450px;
	object-fit: cover;
}

.foo_logo img{
	height: 52px;
}

.copy{
	background-color: #495b4c;
	text-align: center;
	margin-top: 30px;
	font-size: 1.35rem;
}

.copy p{
	padding: 6px 0;
	letter-spacing: 0.2em;
	color: #fff;
}

@media (max-width: 1200px){
	footer .wrapper{
		flex-direction: column-reverse;
	}
	footer .right{
		width: 100%;
	}
	footer .left{
		width: 100%;
		justify-content: space-between;
	}
	footer .map iframe{
		height: 300px;
	}
	.foo_img img{
		height: 450px;
	}
	footer .in{
		display: flex;
		padding: 50px 0;
		width: 100%;
		justify-content: center;
	}
	footer .in .box{
		width: fit-content;
	}
	footer .in .box+.box{
		margin-left: 60px;
	}
}

@media (max-width: 650px){
	.foo_img img{
		height: 300px;
	}
	footer .map iframe{
		height: 240px;
	}
	footer .inner{
		width: 96%;
	}
	footer .in{
		flex-direction: column;
		padding: 30px 0;
	}
	.foo_logo{
		margin-bottom: 10px;
		font-size: 2rem;
	}
	footer .in .box{
		width: 100%;
		text-align: center;
	}
	footer .in .box+.box{
		margin-left: 0;
	}
	.foo_tel{
		margin: 10px auto;
	}
	.copy{
		margin-top: 20px;
		font-size: 1.1rem;
	}
	footer .left .ac_img{
		width: 100px;
	}
	footer .inner{
		padding: 3px;
		margin-top: 40px;
	}
	footer .wrapper{
		border-radius: 15px;
	}
	footer .right img{
		height: 220px;
	}
}





/* page top */

.page_top.is_animation{
	opacity: 1;
	pointer-events: all;
}

.page_top{
	opacity: 0;
    pointer-events: none;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 3%;
    bottom: 5%;
    border-radius: 50%;
    opacity: 0;
    transition: 1s;
    background: #fff;
    z-index: 49;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0;
}


.page_top a {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: 50%;
	border: solid 1px #495b4c;
}

.page_top a i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-weight: 900;
    font-size: 10px;
    color: #495b4c;
	padding: 0;
}

.page_top.is_animation:hover {
    transform: translateY(-5px);
}

@media (max-width: 650px) {
    .page_top {
        width: 45px;
        height: 45px;
		bottom: 25px;
    }
}






/* 下層トップ */

.kasou header{
	transform: translateY(0);
	background-color: #fff;
	border-bottom: solid 2px #495b4c;
}


.kasou_top{
	position: relative;
	padding-top: 110px;
	padding-bottom: 40px;
	background-color: #495b4c;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
}

.kasou_top .bg{
	position: relative;
	background: url(../img/top03.jpg);
	background-size: cover;
	background-position: center;
	padding: 100px 0;
	border-radius: 20px;
}

.kasou_top .bg::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: rgb(0, 0, 0,0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 20px;
}

.kasou_top .inner{
	position: relative;
	z-index: 1;
	margin-top: 15px;
}


.kasou_top h2{
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.3;
	color: #fff;
}

.kasou_top .left{
	width: 100%;
}

.kasou_top .right{
	position: absolute;
	width: 30%;
	bottom: -150px;
	right: 0;
}


.kasou_top .img img{
	width: 100%;
	object-fit: cover;
}

.kasou_top .left p.en{
	margin-bottom: 30px;
	color: #fff;
}

.kasou_top ol{
	flex-wrap: wrap;
}

.kasou_top ol a{
	position: relative;
	padding-right: 20px;
	color: #fff;
}

.kasou_top ol a::before{
	content: "＞";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.kasou_top ol li+li{
	margin-left: 5px;
}

.kasou_top ol a:hover{
	opacity: 0.75;
}


@media (max-width: 1200px){
	.kasou_top .right{
		width: 40%;
	}
}

@media (max-width: 650px) {
	.kasou_top h2{
		font-size: 3rem;
	}
	.kasou_top .left p.en{
		font-size: 1.5rem;
		margin-bottom: 30px;
	}
	.kasou_top .right{
		position: absolute;
		width: 120px;
		bottom: -95px;
		right: 10px;
	}
	.kasou_top .left{
		width: 100%;
	}
	.kasou_top{
		padding-top: 70px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.kasou_top .bg{
		padding: 80px 0;
	}
	.kasou_top ol a{
		font-size: 1.2rem;
	}
}


/* こだわり */


body.k_feature{
	background-color: #fff;
}

.concept{
	position: relative;
	overflow: hidden;
	background-position: bottom;
	margin-top: 80px;
}

.concept::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #F4F5F7;
	border-radius: 50%;
	aspect-ratio: 1.4 / 1;
	width: 140%;
	transform: translateX(-50%);
	z-index: 0;
}

.concept h3{
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.7;
}

.concept .inner{
	position: relative;
	max-width: 1080px;
	z-index: 1;
}

.concept h3 img{
	width: 320px;
}

.concept .img{
	width: 25%;
}

.concept .txt_box{
	width: 60%;
	line-height: 2.2;
}

.concept p.en{
	text-align: center;
}

.fe_sec01{
	background-color: #F4F5F7;
	padding-top: 0;
	overflow: hidden;
}

.fe_sec01 .wrapper{
	position: relative;
	background-color: #fff;
	padding: 100px 0;
	width: 90%;
	max-width: 1400px;
	padding-left: 5vw;
	border-top-right-radius: 80px;
}

.fe_sec01 h3{
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 1.7;
}

.fe_sec01 .txt_box{
	max-width: 720px;
	line-height: 2.2;
}

.fe_sec01 .ac_img{
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 30%;
	transform: translateX(40%);
}

.fe_sec01 .family{
	position: absolute;
	top: 50px;
	right: 10%;
	width: 180px;
}

.fe_sec02{
	position: relative;
	padding-top: 0;
	background-color: #F4F5F7;
	color: #fff;
	overflow: hidden;
}

.fe_sec02::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	width: 120%;
	min-width: 1200px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}

.fe_sec02 .inner{
	position: relative;
	z-index: 1;
}

.fe_sec02 .en{
	text-align: center;
	margin-bottom: 10px;
}

.fe_sec02 h3{
	text-align: center;
	margin-bottom: 30px;
}

.fe_sec02 .txt_box{
	text-align: center;
}

.fe_sec02 .imgarea{
	margin: 0 auto 50px;
	max-width: 1080px;
}

.fe_sec02 .img{
	width: 30%;
	text-align: center;
}

.fe_sec02 .img img{
	aspect-ratio: 1 / 1;
	width: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: solid 3px #495b4c;
	max-width: 220px;
	background-color: #fff;
}

.fe_sec02 .img:nth-child(1){
	margin-top: 50px;
}
.fe_sec02 .img:nth-child(3){
	margin-top: 50px;
}

.fe_sec02 .ac_ill{
	position: absolute;
	width: 200px;
	bottom: 0;
	left: 5vw;
}

.fe_sec02 .ac_ill02{
	position: absolute;
	width: 200px;
	bottom: 0;
	right: 5vw;
}



.fe_sec03{
	background: url(../img/season.jpg);
	background-size: cover;
	background-position: center;
}

.fe_sec03 .inner{
	max-width: none;
}


.fe_sec03 .txt_area{
	width: 45%;
	margin: 0 0 0 auto;
	max-width: 640px;
}

.fe_sec03 h3{
	margin-bottom: 20px;
	font-weight: 600;
}

.fe_sec03 .txt_box{
	line-height: 2.2;
}

.fe_sec04{
	background-color: #F4F5F7;
	padding: 80px 0;
	width: 94%;
	margin: 0 auto;
	border-radius: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.fe_sec04 h3{
	position: relative;
	margin: 0 auto 20px;
	width: fit-content;
	padding: 0 50px;
}

.fe_sec04 h3::before{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(../img/ttl_ac.png);
	background-size: cover;
	background-position: center;
	height: 60px;
	aspect-ratio: 74 / 167;
	top: 45%;
	left: 0;
	transform: translateY(-50%);
}

.fe_sec04 h3::after{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(../img/ttl_ac.png);
	background-size: cover;
	background-position: center;
	height: 60px;
	aspect-ratio: 74 / 167;
	top: 45%;
	right: 0;
	transform: translateY(-50%) scale(-1,1);
}

.fe_sec04 .txt_box{
	text-align: center;
}


@media (max-width: 1200px){
	.fe_sec02 .imgarea{
		margin-bottom: 0;
	}
	.fe_sec02 .ac_ill{
		width: 140px;
	}
	.fe_sec02 .ac_ill02{
		width: 140px;
	}
	.fe_sec02 .txt_box{
		max-width: 570px;
		margin: 0 auto;
		text-align: left;
	}
	.fe_sec02{
		padding-bottom: 150px;
	}
	.fe_sec01{
		overflow: hidden;
	}
	.fe_sec01 .family{
		width: 130px;
	}
	.fe_sec01 .ac_img{
		bottom: -20px;
		min-width: 240px;
	}
	.fe_sec02 .img img{
		max-width: 180px;
	}
	.fe_sec03 .txt_area{
		width: 52%;
	}
	.fe_sec03{
		background-position-x: 100%;
	}
	.concept h3 img{
		width: 250px;
	}
	.concept .txt_box{
		width: 70%;
		font-size: 1.6rem;
	}
	.concept h3{
		margin-bottom: 25px;
	}
	.fe_sec04{
		margin-top: 60px;
		margin-bottom: 60px;
		padding: 60px 0;
	}
}


@media (max-width: 650px){
	.concept .flex_bet{
		flex-direction: column;
	}
	.concept h3 img{
		width: 200px;
	}
	.concept h3{
		font-size: 2.2rem;
	}
	.concept .txt_box{
		font-size: 1.5rem;
		width: 100%;
	}
	.concept .img{
		position: absolute;
		min-width: 80px;
		top: -80px;
		left: -5%;
	}
	.concept{
		padding-top: 80px;
		margin-top: 50px;
	}
	.concept::before{
		min-width: 1000px;
	}
	.fe_sec01 h3{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	.fe_sec01 .ac_img{
		transform: translateX(20%);
		min-width: 200px;
	}
	.fe_sec01 .family{
		width: 100px;
		top: 0;
	}
	.fe_sec02 .en{
		font-size: 1.5rem;
	}
	.fe_sec02 h3{
		font-size: 2.2rem;
	}
	.fe_sec02 .ac_ill{
		width: 80px;
	}
	.fe_sec02 .ac_ill02{
		width: 80px;
	}
	.fe_sec02{
		padding-bottom: 100px;
	}
	.fe_sec03 h3{
		font-size: 2.2rem;
	}
	.fe_sec03 .txt_area{
		width: 100%;
		margin: 0 auto;
	}
	.fe_sec03{
		position: relative;
		background-position: center;
	}
	.fe_sec03::before{
		content: "";
		display: inline-block;
		position: absolute;
		background-color: rgb(255, 255, 255,0.7);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		backdrop-filter: blur(3px);
	}
	.fe_sec03 .inner{
		position: relative;
		z-index: 1;
	}
	.fe_sec03 h3{
		text-align: center;
	}
	.fe_sec01 .wrapper{
		padding-left: 2vw;
	}
	.fe_sec04 h3{
		font-size: 2rem;
		padding: 0 27px;
	}
	.fe_sec04 h3::after{
		height: 40px;
	}
	.fe_sec04 h3::before{
		height: 40px;
	}
	.fe_sec04 .txt_box{
		text-align: left;
	}
	.fe_sec04{
		padding: 40px 0;
	}
	.concept p.en{
		font-size: 1.5rem;
	}
}



/* 商品紹介 */

.gallery .inner{
	max-width: 1080px;
}

.gallery_container h3{
	position: relative;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 60px;
}

.gallery_container h3::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	height: 2px;
	width: 80px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.gallery_container .item{
	width: calc((100% - 120px) / 3);
}

.gallery_container .gap_area{
	gap: 60px;
	flex-wrap: wrap;
}

.gallery_container .gap_area p{
	font-size: 2rem;
	margin-top: 10px;
}

.gallery_container .item a{
	display: block;
	object-fit: cover;
}

.gallery_container .item a:hover{
	opacity: 0.75;
}

.gallery_container .item a img{
	aspect-ratio: 6 / 5;
	width: 100%;
	object-fit: cover;
}

.gallery_container .wrapper+.wrapper{
	margin-top: 150px;
}


@media (max-width: 1200px){
	.gallery_container .item{
		width: calc((100% - 50px) / 2);
	}
	.gallery_container .gap_area{
		gap: 50px;
	}
	.gallery .inner{
		width: 86%;
	}
	.gallery_container .wrapper+.wrapper{
		margin-top: 100px;
	}
}

@media (max-width: 650px){
	.gallery_container .item{
		width: calc((100% - 20px) / 2);
	}
	.gallery_container .gap_area{
		gap: 20px;
	}
	.gallery .inner{
		width: 90%;
	}
	.gallery_container .wrapper+.wrapper{
		margin-top: 50px;
	}
	.gallery_container h3{
		font-size: 2.2rem;
		margin-bottom: 30px;
	}
	.gallery_container .gap_area p{
		font-size: 1.5rem;
	}
}






/* 店舗概要 */


.orner{
	position: relative;
	z-index: 1;
}

.orner::before{
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background-color: #495b4c;
}

.custom-shape-divider-bottom-1753518851 {
    position: absolute;
    bottom: 300px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1753518851 svg {
    position: relative;
    display: block;
    width: calc(128% + 1.3px);
    height: 190px;
}

.custom-shape-divider-bottom-1753518851 .shape-fill {
    fill: #495B4C;
}

.orner .en{
	text-align: center;
}

.orner h3{
	text-align: center;
	margin-bottom: 10px;
}

.orner .img{
	text-align: center;
	margin-bottom: 20px;
}

.orner .img img{
	width: 300px;
}

.orner .txt_box{
	position: relative;
	line-height: 2.2;
	margin: 0 auto;
	background-color: rgb(255, 255, 255,0.9);
	backdrop-filter: blur(3px);
	padding: 50px 80px;
	border-radius: 20px;
}

.orner .txt_box p+p{
	margin-top: 20px;
}

.orner .ac_img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(50%);
}

.orner .ac_img img{
	object-fit: cover;
	min-height: 50px;
}


.orner .side{
	position: absolute;
	bottom: -50px;
	left: -4%;
	width: 150px;
}

.orner .side02{
	position: absolute;
	bottom: -50px;
	right: -4%;
	width: 150px;
}




.photo{
	background-color: #fff;
}

.photo .ttl_area{
	text-align: center;
}

.photo h3{
	margin-bottom: 40px;
}

.photo .inner{
	max-width: 1080px;
}

.photo .item{
	width: calc((100% - 80px) / 3);
}

.photo .item_list{
	flex-wrap: wrap;
	gap: 40px;
}

.photo .item img{
	aspect-ratio: 3 / 2;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.overview{
	background-color: #495b4c;
	color: #fff;
}

.overview .left{
	width: 30%;
}

.overview .right{
	width: 70%;
	margin-top: 20px;
}

.overview table{
	position: relative;
	width: 100%;
}

.overview table::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	width: 10px;
	height: calc(100% + 1px);
	left: 24%;
	top: 0;
	transform: translateX(-50%);
}

.overview table th{
	width: 25%;
	border-top: solid 1px #fff;
}

.overview table td{
	width: 75%;
	border-top: solid 1px #fff;
}

.overview table th,.overview table td{
	padding: 20px 0;
	padding-left: 5px;
	letter-spacing: 0.03em;
}

.overview table tr:last-child th,
.overview table tr:last-child td{
	border-bottom: solid 1px #495b4c;
}

.overview iframe{
	height: 200px;
	width: 100%;
	margin-top: 10px;
}



@media (max-width: 1200px){
	.orner .side02{
		width: 100px;
		bottom: -20px;
	}
	.orner .side{
		width: 100px;
		bottom: -20px;
	}
	.overview .flex_bet{
		flex-direction: column;
	}
	.overview .left{
		width: 100%;
		text-align: center;
	}
	.overview .right{
		width: 100%;
		margin-top: 40px;
	}
}

@media (max-width: 650px){
	.orner .en{
		font-size: 1.5rem;
	}
	.orner h3{
		font-size: 2.2rem;
	}
	.orner .txt_box{
		padding: 40px 20px;
		padding-bottom: 50px;
		border-radius: 10px;
		font-size: 1.5rem;
		line-height: 1.9;
	}
	.orner .img img{
		width: 200px;
	}
	.orner .side02{
		width: 80px;
	}
	.orner .side{
		width: 80px;
		bottom: -10px;
	}
	.custom-shape-divider-bottom-1753518851 svg{
		height: 100px;
	}
	.photo .ttl_area .en{
		font-size: 1.5rem;
	}
	.photo h3{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	.photo .item{
		width: calc((100% - 20px) / 2);
	}
	.photo .item_list{
		gap: 20px;
	}
	.overview .left .en{
		font-size: 1.5rem;
	}
	.overview .left h3{
		font-size: 2.2rem;
	}
	.overview table th{
		width: 30%;
	}
	.overview table td{
		width: 70%;
	}
	.overview table::before{
		left: 29%;
	}
	.overview .right{
		margin-top: 20px;
	}
}




/* アレンジ */

.custom-shape-divider-bottom-1753683115 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1753683115 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px;
}

.custom-shape-divider-bottom-1753683115 .shape-fill {
    fill: #f4f5f7;
}


.freedom{
	position: relative;
	background-color: #495b4c;
	color: #fff;
	padding-top: 60px;
}

.freedom h3{
	text-align: center;
	margin-bottom: 25px;
	letter-spacing: 0.04em;
	font-weight: 600;
}

.freedom .txt_box{
	text-align: center;
}

.freedom .inner{
	position: relative;
}

.freedom .ac_img{
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 200px;
	z-index: 2;
}
.freedom .en{
	text-align: center;
	margin-bottom: 5px;
}


.arrange_box .t_area .left .img{
	border: dashed 1px #000;
}


.arrange_box h3{
	position: relative;
	letter-spacing: 0.04em;
	font-weight: 600;
	border: solid 1px #ccc;
	margin-bottom: 50px;
	border-radius: 5px;
	padding: 14px 25px 10px 25px;
}


.arrange_box .t_area .left{
	width: 45%;
}


.arrange_box .t_area .left img{
	width: 100%;
	aspect-ratio: 3 / 2.3;
	object-fit: cover;
}

.arrange_box .t_area .right{
	width: 48%;
}

.arrange_box .article{
	margin-top:30px;
}

.arrange_box ol{
	margin-top: 10px;
}

.arrange_box ol li{
	border-bottom: solid 1px #ccc;
	padding: 5px 0;
}
.arrange_box ol li:first-child{
	border-top: solid 1px #ccc;
}

.arrange_box h4{
	font-weight: 600;
}

.arrange_box+.arrange_box{
	margin-top: 100px;
}

.arrange_box h3{
	position: relative;
	margin-bottom: 25px;
}

.arrange_box h3::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495B4C;
	height: 3px;
	width: 20px;
	top: 50%;
	left: -8px;
	transform: translateY(-50%);
}

.arrange_box p.ch{
	margin-bottom: 20px;
}

.last_box{
	position: relative;
	background-color: #495B4C;
	text-align: center;
	overflow: hidden;
	color: #fff;
}

.last_box h3{
	position: relative;
	font-weight: 600;
	margin-bottom: 35px;
	letter-spacing: 0.04em;
	text-align: center;
	padding-bottom: 5px;
}

.last_box h3::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #fff;
	height: 1px;
	width: 260px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.last_box::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #5a6a5d;
	aspect-ratio: 1 / 1;
	width: 96%;
	max-width: 1200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	z-index: 0;
}

.last_box .inner{
	position: relative;
	z-index: 1;
}

.last_box .ac_img{
	position: absolute;
	bottom: -120px;
	right: 0;
	width: 250px;
}


@media (max-width: 1200px){
	.freedom .txt_box{
		font-size: 1.5rem;
	}
	.freedom .en{
		margin-bottom: 10px;
	}
	.freedom .ac_img{
		width: 120px;
	}
	.arrange_box .t_area{
		flex-direction: column;
	}
	.arrange_box .t_area .right{
		width: 100%;
		margin-top: 30px;
		width: 100%;
	}
	.arrange_box .t_area .left{
		width: 100%;
	}
	.arrange_box .t_area .left img{
		aspect-ratio: 3 / 2;
	}
	.custom-shape-divider-bottom-1753683115 svg{
		height: 60px;
	}
	.arrange_box .t_area .right .in{
		width: 100%;
	}
	.last_box .ac_img{
		width: 180px;
		bottom: -100px;
	}
	.arrange_box+.arrange_box{
		margin-top: 50px;
	}
}

@media (max-width: 650px){
	.freedom h3{
		font-size: 2.2rem;
		line-height: 1.7;
		margin-bottom: 15px;
	}
	.freedom .txt_box{
		font-size: 1.3rem;
	}
	.freedom .inner{
		width: 94%;
	}
	.freedom{
		padding-top: 30px;
		padding-bottom: 80px;
	}
	.custom-shape-divider-bottom-1753683115 svg{
		height: 30px;
	}
	.freedom .ac_img{
		width: 80px;
		bottom: -90px;
	}
	.arrange_box h3{
		font-size: 1.6rem;
		padding-right: 0;
		padding-left: 18px;
	}
	.last_box h3{
		font-size:1.8rem;
		margin-bottom: 15px;
	}
	.last_box h3::before{
		width: 100px;
	}
	.last_box .inner{
		width: 94%;
	}
	.last_box .ac_img{
		width: 100px;
		bottom: -50px;
	}
	.arrange_box h3::before{
		height: 2px;
		width: 15px;
	}
	.arrange_box h4{
		font-size: 1.6rem;
	}
}




/* 相良村って？ */

/* .village_top .inner{
	max-width: 1080px;	
} */

.village_top{
	padding-bottom: 0;
}

.village_top .img{
	width: 45%;
}

.village_top .txt_box{
	width: 55%;
	background-color: #fff;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 0 50px;
	padding-top: 40px;
}

.village_top .ac_txt{
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
}

.village_top .ac_txt::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	height: 2px;
	width: 10px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}



.village_top .img img{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	min-height: 320px;
	width: 100%;
	object-fit: cover;
}

.village_top h3{
	position: relative;
	margin-bottom: 15px;
	font-weight: 600;
	margin-top: 10px;
}

.sagara_fe h3{
	text-align: center;
	margin-bottom: 30px;
}

.sagara_fe .en{
	text-align: center;
}

.sagara_fe .img{
	width: 40%;
}

.sagara_fe .img img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	min-height: 700px;
}

.sagara_fe .txt_box{
	width: 52%;
	padding-right: 5%;
}

.sagara_fe h4{
	margin-bottom: 5px;
	letter-spacing: 0.04em;
	font-weight: 600;
}

.sagara_fe .txt_box .box{
	padding: 25px 10px;
	border-top: solid 1px #495b4c;
}

.sagara_fe .txt_box .box:last-child{
	border-bottom: solid 1px #495b4c;
}

.connect{
	background-color: #fff;
}

.connect h3{
	text-align: center;
	margin-bottom: 60px;
	font-weight: 600;
	letter-spacing: 0.03em;
}

.connect h4{
	position: relative;
	border-bottom: solid 1px #495b4c;
	line-height: 1;
	padding-bottom: 8px;
	margin-bottom: 10px;
	font-weight: 600;
	letter-spacing: 0.03em;
	padding-left: 24px;
}

.connect h4::before{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(../img/arrow_r.png);
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center;
	width: 35px;
	top: 30%;
	left: -10px;
	transform: translateY(-50%);
}

.connect .item .left{
	width: 48%;
}
.connect .item .right{
	width: 48%;
}
.connect .item .left img{
	border-radius: 20px;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 5 / 3;
}

.connect .item+.item{
	margin-top: 70px;
}

.connect .en{
	text-align: center;
	margin-bottom: 5px;
}

.kasou .hurusato{
	padding-bottom: 100px;
}

.welcome{
	text-align: center;
}

.welcome h3{
	font-weight: 600;
	margin-bottom: 20px;
}

.welcome .inner{
	position: relative;
	max-width: 980px;
}

.welcome .kakko{
	position: absolute;
	top: 55%;
	left: 0;
	transform: translateY(-50%);
}


.welcome .kakko img{
	height: 180px;
}

.welcome .kakko.tp02{
	right: 0;
	left: auto;
	top: 50%;
	transform: scale(-1,1) translateY(-50%);
}

.welcome .ac_img{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 150px;
	transform: translate(50%,50%);
	z-index: 2;
}

.welcome .car_img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 150px;
	transform: translate(-50%,50%);
	z-index: 2;
}


@media (max-width: 1200px){
	.village_top .flex_bet{
		flex-direction: column;
		width: 80%;
		max-width: 540px;
		margin: 0 auto;
	}
	.village_top .img{
		width: 100%;
	}
	.village_top .txt_box{
		width: 100%;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 20px;
		padding: 30px;
	}
	.village_top .img img{
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	.village_top .ac_txt{
		width: 80%;
		max-width: 540px;
		margin: 0 auto 10px;
	}
	.sagara_fe .item{
		flex-direction: column;
	}
	.sagara_fe .img{
		width: 100%;
	}
	.sagara_fe .img img{
		aspect-ratio: auto;
		min-height: auto;
		height: 400px;
		object-position: top;
	}
	.sagara_fe .txt_box{
		padding: 0;
		width: 86%;
		margin: 60px auto 0;
	}
	.connect .item{
		flex-direction: column;
		max-width: 600px;
		margin: 0 auto;
	}
	.connect .item .left{
		width: 100%;
		margin-bottom: 30px;
	}
	.connect .item .right{
		width: 100%;
	}
	.connect h3{
		margin-bottom: 30px;
	}
	.welcome .inner .in{
		padding: 0 40px;
		max-width: 590px;
		margin: 0 auto;
	}
	.welcome .ac_img{
		width: 120px;
		transform: translate(0,50%);
		bottom: -15px;
	}
	.welcome .car_img{
		width: 120px;
		transform: translate(0,50%);
	}
}


@media (max-width: 650px){
	.village_top .flex_bet{
		max-width: none;
		width: 100%;
	}
	.village_top .img img{
		height: 200px;
		min-height: auto;
	}
	.village_top h3{
		font-size: 1.8rem;
	}
	.sagara_fe .img img{
		height: 300px;
	}
	.sagara_fe h3{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	.sagara_fe h4{
		font-size: 1.8rem;
	}
	.sagara_fe .txt_box{
		margin-top: 40px;
		width: 94%;
	}
	.connect h3{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	.connect .item .left img{
		border-radius: 10px;
	}
	.connect h4{
		font-size: 1.8rem;
	}
	.connect .item+.item{
		margin-top: 30px;
	}
	.welcome h3{
		font-size: 2.2rem;
		text-align: center;
	}
	.welcome .en{
		font-size: 1.5rem;
		text-align: center;
	}
	.village_top .ac_txt{
		margin-left: 0;
	}
	.connect h4::before{
		width: 28px;
		left: -5px;
	}
	.welcome .inner .in{
		padding: 0 15px;
	}
	.welcome{
		text-align: left;
	}
	.welcome .ac_img{
		width: 70px;
	}
	.welcome .car_img{
		width: 70px;
		top: -90px;
		bottom: auto;
	}
	.welcome .kakko{
		left: -5.5%;
	}
	.welcome .kakko.tp02{
		right: -5.5%;
	}
	.welcome .kakko img{
		height: 200px;
	}
	.kasou .hurusato{
		padding-bottom: 50px;
	}
	.village_top h3{
		margin-top: 5px;
	}
}





/* お知らせ詳細 */

.k_blog main{
	overflow: visible;
}


.blog_list{
	overflow: visible;
}

.blog_list .side_list{
	position: sticky;
	width: 300px;
	top: 200px;
	height: fit-content;
}

.blog_list .blog_item_list{
	width: calc(94% - 300px);
}

.blog_list .main_list{
	flex-wrap: wrap;
	gap: 30px;
}

.blog_list .main_list li{
	width: 100%;
	background-color: #fff;
	
}

.blog_list .main_list li a{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: solid 1px #ccc;
}

.blog_list .main_list li a::before{
	content: "";
	display: inline-block;
	position: absolute;
	border: solid 1px #111;
	aspect-ratio: 3 / 2;
	width: 30px;
	bottom: 10px;
	right: 10px;
	transition:  all.2s;
}

.blog_list .main_list li a .arrow{
	display: inline-block;
	position: absolute;
	background: url(../img/arrow.png);
	aspect-ratio: 1 / 1;
	width: 20px;
	bottom: 10px;
	right: 10px;
	background-size: cover;
	background-position: center;
	z-index: 2;
	transform: translateX(-25%);
	transition:  all.2s;
}
.blog_list .main_list li a .arrow02{
	display: inline-block;
	position: absolute;
	background: url(../img/arrow_w.png);
	aspect-ratio: 1 / 1;
	width: 20px;
	bottom: 10px;
	right: 10px;
	background-size: cover;
	background-position: center;
	z-index: 2;
	transform: translateX(-25%);
	opacity: 0;
	transition:  all.2s;
}

.blog_list .up_ymd{
	display: inline-block;
	margin-bottom: 5px;
	padding: 0 8px;
	color: #495b4c;
}

.new_mark{
	display: inline-block;
	background-color: #495b4c;
	color: #fff;
	font-size: 1.4rem;
	margin-left: 5px;
	font-weight: 600;
	line-height: 1;
	padding: 4px 7px;
}

.blog_list .title{
	display: block;
	color: #333;
	padding: 0 8px;
}

.blog_list .main_list li a .left{
	width: 170px;
}
.blog_list .main_list li a .right{
	width: calc(92% - 170px);
	padding-top: 20px;
}

.blog_list .main_list li a img{
	display: inline;
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
}


.blog_list .side_list h3{
	position: relative;
	letter-spacing: 0.03em;
	margin-bottom: 50px;
	line-height: 1.2;
	padding-left: 16px;
	font-weight: 600;
}

.blog_list .side_list h3::before{
	content: "";
	display: inline-block;
	position: absolute;
	height: 90%;
	left: 0;
	width: 3px;
	background-color: #495b4c;
	top: 54%;
	transform: translateY(-50%);
}

.blog_list .side_list h3::first-letter{
	color: #495b4c;
}

.blog_list .side_list li{
	letter-spacing: 0.05em;
	font-weight: 600;
}

.blog_list .side_list li a{
	position: relative;
	display: block;
	width: fit-content;
	padding: 10px 30px 10px 30px;
	border-top: solid 1px #ccc;
}
.blog_list .side_list li a::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #495b4c;
	aspect-ratio: 1 / 1;
	width: 7px;
	top: 52%;
	transform: translateY(-50%);
	left: 10px;
}
.blog_list .side_list li a:hover{
	color: #495b4c;
	
}

.blog_list .side_list li+li{
	margin-top: 10px;
}

.blog_list .main_list li a:hover::before{
	background-color: #495b4c;
}

.blog_list .main_list li a:hover .arrow{
	opacity: 0;
}
.blog_list .main_list li a:hover .arrow02{
	opacity: 1;
}

.pages{
	display: flex;
	justify-content: space-around;
	margin-top: 60px;
}

.pages a{
	display: block;
	border: solid 1px #111;
	padding: 15px 0;
	font-size: 1.45rem;
	padding-left: 40px;
	padding-right: 40px;
	letter-spacing: 0.03em;
}

.pages .page_next{
	text-align: left;
}
.pages .page_prev{
	text-align: right;
}

.pages div{
	width: 45%;
}

.pages a:hover{
	background-color: #495b4c;
	color: #fff;
}


.blog_list .blog_content{
	padding: 0 2%;
}

.blog_list .blog_content .ttl{
	letter-spacing: 0.03em;
	margin-bottom: 20px;
	font-weight: 600;
}

.blog_list .blog_content .ttl::first-letter{
	color: #495b4c;
}

.blog_list .blog_content .text{
	padding-top: 20px;
	margin-top: 5px;
	border-top: solid 1px #ccc;
	font-weight: 600;
}

.blog_list .blog_content .up_ymd{
	padding-left: 0;
	font-weight: 600;
}

.blog_list .blog_item_list.newspt .main_list li a .right{
	width: 100%;
	padding-top: 0;
}

.bl_ttl{
	position: relative;
	text-align: center;
	letter-spacing: 0.05em;
	width: fit-content;
	margin: 0 auto 40px;
	padding: 0 20px 15px;
}



.bl_ttl::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	height: 2px;
	background-color: #aaa;
	transform: translateX(-50%);
	z-index: 1;
}


.bl_ttl::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #495b4c;
	z-index: 2;
}


.blog_list .item_box+.item_box{
	margin-top: 150px;
}



@media (max-width: 1200px){
	.blog_list .flex_bet{
		flex-direction: column-reverse;
	}
	.blog_list .blog_item_list{
		width: 100%;
	}
	.blog_list .side_list{
		margin-top: 60px;
		width: 100%;
	}
	.blog_list .side_list ul{
		display: flex;
	}
	.blog_list .side_list li+li{
		margin-top: 0;
		margin-left: 10px;
	}
	.blog_list .side_list li a{
		border: solid 1px #ccc;
		padding: 10px 10px 10px 35px;
	}
	.blog_list .side_list h3{
		margin-bottom: 30px;
	}
	.blog_list .side_list li a::before{
		left: 15px;
	}
	.blog_list .side_list li{
		letter-spacing: normal;
		font-size: 1.45rem;
	}
	/* .blog_list .main_list li{
		width: calc((100% - 20px) / 2);
	} */
	.blog_list .main_list{
		gap: 20px;
	}
	
}

@media (max-width: 650px){
	.blog_list .side_list ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.blog_list .side_list li+li+li{
		margin-left: 0;
		margin-top: 10px;
	}
	.blog_list .blog_content .ttl{
		font-size: 2.2rem;
		margin-bottom: 10px;
	}
	.blog_list .blog_content .up_ymd{
		font-size: 1.2rem;
	}
	.blog_list .blog_content .text{
		font-size: 1.4rem;
	}
	.pages{
		margin-top: 40px;
		flex-direction: column;
	}
	.pages a{
		padding: 7px 10px;
	}
	.pages div{
		width: 100%;
	}
	.pages .page_next{
		margin-bottom: 10px;
	}
	.blog_list .side_list h3{
		font-size: 1.8rem;
	}
	.blog_list .side_list li a{
		font-size: 1.2rem;
		letter-spacing: 0.03em;
	}
	.blog_list .side_list li+li{
		margin-left: 0;
	}
	.blog_list .main_list li{
		width: 100%;
	}
	.blog_list .side_list li{
		width: 48%;
	}
	.blog_list .side_list li a{
		display: block;
		width: 100%;
	}
	 .main_list li a .right{
		width: 100%;
	}
	.blog_list .main_list li a .left{
		margin: 0 auto;
	}
}




.blog_item_list.blogpt .main_list li{
	width: calc((100% - 60px) / 3);
}

.blog_item_list.blogpt li a .left{
	width: 100%;
}

.blog_item_list.blogpt li a .right{
	width: 100%;
	padding-top: 10px;
}

.blog_item_list.blogpt li a img{
	aspect-ratio: 3 / 2;
	width: 100%;
	object-fit: cover;
}

.blog_item_list.blogpt li a{
	display: block;
	padding: 10px;
	padding-bottom: 30px;
}

@media (max-width: 1400px){
	.blog_item_list.blogpt .main_list li{
		width: calc((100% - 20px) / 2);
	}
	.blog_item_list.blogpt .main_list{
		gap: 20px;
	}
}

@media (max-width: 1200px){
	.blog_list .blog_item_list.blogpt .flex_bet.ch{
		flex-direction: row;
	}

}

@media (max-width: 650px){
	.blog_list .blog_item_list.blogpt .flex_bet.ch{
		flex-direction: column;
	}
	.blog_list .blog_item_list.blogpt .main_list li{
		width: 100%;
	}
}



/* お知らせ一覧(サムネイル) */


.blog_list .blog_thum{
	width: calc(94% - 300px);
}

.blog_list .blog_thum ul{
	flex-wrap: wrap;
	gap: 60px;
}

.blog_list .blog_thum li{
	width: calc((100% - 60px) / 2);
}

.blog_list .blog_thum li a{
	display: block;
}

.blog_list .blog_thum li a .img{
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 15px;
}

.blog_list .blog_thum li a img{
	border-radius: 20px;
	display: inline-block;
	aspect-ratio: 3 / 2;
	width: 100%;
	object-fit: cover;
}

.blog_list .blog_thum .up_ymd{
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1;
}

.blog_list .blog_thum .title{
	font-size: 1.8rem;
}

.blog_list .blog_thum li a:hover img{
	transform: scale(1.05);
}

.blog_thum_wrapper .up_ymd,.blog_thum_wrapper .title{
	padding: 0;
}


@media (max-width: 1200px){
	.blog_list .blog_thum{
		width: 100%;
	}
	.blog_list .blog_thum li{
		width: calc((100% - 40px) / 2);
	}
	.blog_list .blog_thum ul{
		gap: 40px;
	}
}

@media (max-width: 650px){
	.blog_list .blog_thum li a img{
		border-radius: 10px;
	}
	.blog_list .blog_thum li a .img{
		border-radius: 10px;
		margin-bottom: 8px;
	}
	.blog_list .blog_thum .up_ymd{
		font-size: 1.2rem;
	}
	.blog_list .blog_thum .title{
		font-size: 1.3rem;
	}
	.blog_list .blog_thum li{
		width: calc((100% - 20px) / 2);
	}
	.blog_list .blog_thum ul{
		gap: 20px;
	}
}