@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ General Settings ------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');
img {
 width: 100%;
 height: auto;
 vertical-align: bottom;
}
figure {
 margin: 0;
 padding: 0;
}
a {
 transition: all 0.5s 0s ease;
}
a:hover {
 opacity: 0.6;
}
body {
/*font-family: 'Noto Serif JP', serif;
font-family: dnp-shuei-mincho-pr6, sans-serif;*/
font-weight: 400;
font-style: normal;
/*text-align: center;*/
 margin: 0;
 padding: 0;
 letter-spacing: 0;
}
.br_pc {
 display: inherit;
}
.br_sp {
 display: none;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root body {
 font-family: Meiryo, sans-serif;
}
@media screen and (max-width: 768px) {
 a:hover {
  opacity: 1;
 }
 .wrapper {
  overflow: hidden;
 }
 .br_pc {
  display: none !important;
 }
 .br_sp {
  display: inherit !important;
 }
}
/* ------ contents ------ */
 .wrapper{
     padding-top: var(--HEADER_POSTAGE_GUIDANCE_HEIGHT)
} 
.header {
    width: 100%;
    height: auto;
    background: url(/images/furusato/about.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    border-top: #ECF2E1 10px solid;
    text-align: center;
    margin-bottom: 0;
    padding-top: var(--HEADER_HEIGHT);
}
.header-inner {
 border-bottom: #E3EDD2 10px solid;
 margin-top: -10px;
 padding-top: 7vw;
 height: 40vw;
 background: url("/images/furusato/main_1.jpg") no-repeat 0 0, url("/images/furusato/main_2.jpg") no-repeat left bottom, url("/images/furusato/main_3.jpg") no-repeat right top, url("/images/furusato/main_4.jpg") no-repeat right bottom;
 background-size: auto 50%, auto 50%, auto 50%, auto 50%;
}
.header .logo {
 width: 20.8vw;
 margin: 0 auto 3.6vw auto;
}
.header h1 {
 font-size: 4vw;
 line-height: 1;
 margin-bottom: 3.2vw;
}
.header .at{
    font-size: 1.2vw;
}

@media screen and (max-width: 767px) {
.wrapper {
 padding: var(--HEADER_POSTAGE_GUIDANCE_HEIGHT) 0; 
}
.header {
 width: 100%;
 height: auto;
 background: url("/images/furusato/about.jpg") no-repeat;
 background-size: cover;
 position: relative;
 border-top: #ECF2E1 10px solid;
 margin-top: var(--HEADER_HEIGHT); 
}
.header-inner {
 border-bottom: #E3EDD2 10px solid;
 margin-top: 0px;
 padding-top: 2vw;
 height: 114vw;
 background: url("/images/furusato/main_1.jpg") no-repeat 0 bottom, url("/images/furusato/main_2.jpg") no-repeat 25vw bottom, url("/images/furusato/main_3.jpg") no-repeat 50vw bottom, url("/images/furusato/main_4.jpg") no-repeat 75vw bottom;
 background-size: 25% auto, 25% auto, 25% auto, 25% auto;
}
.header .logo {
 width: 37vw;
 margin: 0 auto 7vw auto;
}
.header h1 {
 font-size: 8.5vw;
 line-height: 1;
 margin-bottom: 6.5vw;
}
.header .at{
    font-size: 3.8vw;
}
	
}

/*l-scene*/
.l-scene {
 background: #FCFBF4;
 text-align: center;
 padding:1vw 0;
}

.l-scene-inner {
    width: 75vw;
    margin: 8vw auto;
    overflow: hidden;
}
.l-scene-inner article {
    width: 25vw;
    text-align: center;
    float: left;
}
.l-scene-inner p {
 font-size: 1.15vw;
 margin-bottom: 2.5vw;
 line-height: 1.5;
}
.l-scene-inner figure {
width: 24vw;
 margin: 0 auto 1vw;
}

@media screen and (max-width: 767px) {

.l-scene{
    padding: 8.3vw 0;
}
.l-scene-inner {
 margin: 0 auto 8.3vw auto;
 overflow: hidden;
 
}
.l-scene-inner article {
 width: 96%;
 text-align: center;
 float: left;
 margin:0 auto 3vw;
}
.l-scene-inner figure {
 width: 100%;
 margin: 0 auto;
}
}

/*l-future*/
.l-future {
 padding: 8.3vw 0;
max-width: calc(100% - 20rem);
min-width: 668px;
margin: 0 auto;
position: relative;
height: 100%;
}
.m-title {
 border: #5E8031 0.1666vw solid;
 padding: 0.36vw;
 margin-bottom: 4.166vw;
 width: 43.3vw;
    margin: 0 auto 4.166vw;
}
.m-title strong {
 background: #5E8031;
 color: #fff;
 font-size: 4.166vw;
 font-weight: 400;
 border: #5E8031 2px solid;
 padding: 2.9166vw 0;
 display: block;
 text-align: center;
 font-size: 1.89vw;
 padding: .5vw 0;
}
.l-future-inner {
 overflow: hidden;
 width: 75vw;
 margin: 0 auto;
}
.m-future-box {
 background: #FAFAFA;
 position: relative;
 padding: 2.9vw 0 2.9vw 0;
 margin-bottom: 2.9vw;
 text-align: center;
}
.m-future-box a {
 color: #5E8031;
}
.m-future-box:nth-of-type(2n+0) {
 float: right;
}
.m-future-box h3 {
 font-size: 1.26vw;
 margin-bottom: 4.166vw;
}
.m-future-box figure {
 width: 22.5vw;
 margin: 0 auto 2.5vw auto;
 width: 70%;
}
.m-future-box .name {
 font-size: 1.2rem;
 font-weight: 600;
 line-height: 1.3;
 margin-bottom: 0.26vw;
 color: #363636;
 padding:0 2rem;
 text-align: left;
}
.m-future-box .text {
 font-size: 1rem;
 color: #363636;
 padding:1rem 2rem;
 text-align: left;
}
@media screen and (max-width: 767px) {
	
.l-future {
 padding: 15vw 4.166vw;
 max-width: 100%;
 min-width: 100%;
}
.m-title {
 border: #5E8031 1px solid;
 padding: 0.66vw;
 margin-bottom: 4.166vw;
 width: 100%;
}
.m-title strong {
 background: #5E8031;
 color: #fff;
 font-size: 6vw;
 font-weight: 400;
 border: #5E8031 2px solid;
 padding: 2.9166vw 0;
 display: block;
 text-align: center;
}
.l-future-inner {
 overflow: hidden;
 width: 100%;
}
.m-future-box {
 width: auto;
 height: auto;
 float: none;
 background: #FAFAFA;
 border-top: #5E8031 1px solid;
 position: relative;
 padding: 6vw 8vw;
 margin-bottom: 2.9vw;
 text-align: center;
}
.m-future-box a {
 color: #5E8031;
}
.m-future-box:nth-of-type(2n+0) {
 float: none;
}
.m-future-box h3 {
 font-size: 4.5vw;
 margin-bottom: 6vw;
	font-weight: 600;
}
.m-future-box figure {
 width: 100%;
 margin: 0 auto 6vw auto;
}
.m-future-box .name {
 font-size: 3.8vw;
 line-height: 1.5;
 margin-bottom: 1.5vw;
 color: #363636;
font-weight: 600;
padding: 0 .5vw;
text-align: left;
}
.m-future-box .text {
 font-size: 3.2vw;
 color: #363636;
padding: .5vw 1vw;
text-align: left;
}
}

/*furunavi*/

.l-fnav {
 background: #FCFBF4;
 margin-bottom: 6vw;
}
.l-fnav-inner {
 overflow: hidden;
  width: 75vw;
 margin: 0 auto;
}
.m-fnav-box a {
 color: #000000;
}
.m-fnav-box {
 width: 100%;
 height: auto;
 float: left;
 padding: 4vw 0 4vw 6vw;;
 margin-bottom: 0;
 overflow: hidden;
 border: 1px solid #5E8031;
 background: #fff;
}
.m-fnav-btn a{
 text-align: center;
 width: 80%;
 display: block;
 padding: 1rem;
 border: 1px solid #333;
 border-radius: 10px;
 margin: 0 auto 10px;
 cursor: pointer;
}
.m-fnav-box h3 {
 font-size: 1.46vw;
 margin-bottom: 1.66vw;
}
.m-fnav-box figure {
 width: 22vw;
 margin: 0 6.666vw 0 auto;
 float: left;
}
.m-fnav-box .m-fnav-box-in {
 width: 30vw;
 height: auto;
 float: left;
 margin-bottom: 0;
}
.m-fnav-box-in .name {
 text-align: center;
}
.m-fnav-box-in .txt {
font-size: 1vw;
 line-height: 1.7;
 text-align: left;
 margin-bottom: 1vw;
}

@media screen and (max-width: 767px) {
.l-fnav {
 padding: 0;
 width: 100%;
}
.l-fnav-inner {
 overflow: hidden;
 margin-bottom: 0;
 width: 100%;
}
.m-fnav-box {
 width: auto;
 height: auto;
 float: none;
 background: #fff;
 position: relative;
 padding: 0 var(--GAP_20);
 border: 1px solid #5E8031;
 background: #fff;
 overflow: hidden;
}
.m-fnav-box a {
 color: #000000;
}
.m-fnav-btn{
    margin-top: 5vw;
}
.m-fnav-box h3 {
  font-size: 4.5vw;
 line-height: 1.3;
 margin-bottom: 1.5vw;
	font-weight: 600;
}
.m-fnav-box .txt {
 font-size: 3.8vw;
	padding: 1vw;

}
.m-fnav-box figure{
	width: 100%;
    margin: 0 auto;
	padding: 12vw 8vw 6vw;
    float: none;
}
.m-fnav-box .m-fnav-box-in{
    width: 100%;
    margin: 0 auto;
	padding: 2vw 4vw 12vw;	
}
.m-fnav-box-in .name {
 text-align: center;
}
.m-fnav-box-in .txt {
 text-align: left;
}

}


/*リニュ_2025*/
@media screen and (min-width: 768px) {
.container{
	max-width: calc(100% - 20rem);
    min-width: 668px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.fr6-list{
 grid-template-columns: repeat(3, 1fr);
 display: grid;
 padding: 0;
 gap: var(--GAP_30) 0;
}

.fr3-list{
 grid-template-columns: repeat(3, 1fr);
 display: grid;
 padding: 0;
 gap: 0 var(--GAP_20);
}
}

@media screen and (max-width: 767px) {
.container{
	max-width: 100%;
    min-width: 100%;
}
.fr6-list{
 display: block;
 padding: 0;
 gap: 0;
}

.fr3-list{
 display: block;
 padding: 0;
 gap: 0;
}
}