@charset "UTF-8";
/* CSS Document */

body{
    background-image:linear-gradient(to right, rgba(255,255,255,0.0)0%, rgba(255,255,255,1.0)50%, rgba(255,255,255,0.0)100%),repeating-linear-gradient(#e8e8e8, #e8e8e8 3px, #FFF 3px, #FFF 7px);
}

body,html{
margin: 0;
padding: 0;
/*font-family: 'Noto Sans JP', sans-serif;*/
font-family: 'Noto Sans JP';
color: #222;
}
html { scroll-behavior: smooth;}
img{
width: 100%;
height: auto;
vertical-align:top;
}
ul,li{
margin: 0;
padding: 0;
}
footer{
min-height: 200px;
width: 100%;
/*background: #cdcdcd;*/
}

.pc{
display: inline-block;
}
.sp{
display: none;
}




@media screen and (max-width: 767px) {
body{
padding-top: 50px;
}

}










.cnt_wrap{
width: 1077px;
margin: 0 auto;
/*background: rgba(255,255,255,0.5); dmc*/
min-height: 300px;
padding: 60px 0;
border-bottom: 1px solid #222;
}


.cnt_wrap_nobrd{
   border-bottom: 0px solid #222;
}



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

.pc{
display: none;
}
.sp{
display: inline-block;
}
section{
width: 100%;
/*min-height: 300px;*/
text-align: center;
min-width: auto;
}


.cnt_wrap{
width: 100%;
margin: 0 auto;
background: rgba(255,255,255,0.5);
min-height: 0;
padding: 10px 0;
}


}


@media screen and (min-width:768px) and ( max-width:1024px) {


section{
width: 100%;
/*min-height: 300px;*/
text-align: center;
min-width: auto;
}


.cnt_wrap{
width: 100%;
margin: 0 auto;
background: rgba(255,255,255,0.5);
min-height: 0;
padding: 10px 0;
}


}





.wfx01{
width: 985px;
margin: 0px auto;
background: #fff;
display: flex;
justify-content: space-between;
}


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

.wfx01{
width: 90%;
margin: 0px auto 0 5%;
background: #fff;
display: flex;
justify-content: space-between;
flex-direction: column;
}


}



.wfx01 > div:nth-child(1){
width: 13%;
}
.wfx01 > div:nth-child(2){
width: 85%;
}

.wfx01_f4 > div:nth-child(1){
width: 8% !important;
}
.wfx01_f4 > div:nth-child(2){
width: 89% !important;
}

@media screen and (max-width: 767px) {
.wfx01 > div:nth-child(1){
width: 100%;
}
.wfx01 > div:nth-child(2){
width: 100%;
}

.wfx01_f4 > div:nth-child(1){
width: 100% !important;
}
.wfx01_f4 > div:nth-child(2){
width: 100% !important;
}
}



.wfx01 h5{
width: 100%;
margin: 0px auto 20px auto;
background: #552a03;
font-size: 17px;
color: #fff;
padding: 0.3em ;
font-weight: normal;
}



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

.wfx01 h5{
width: 100%;
margin: 10px auto 10px auto;
background: #552a03;
font-size: 4vw;
color: #fff;
padding: 0.4em ;
font-weight: normal;
}

}



ul{list-style: none;padding: 0;}





ul.tcflx{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.tcflx > li{
width: 46%;
}

ul.tcflx > li:nth-child(n+3){
margin-top: 2em;
}




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


ul.tcflx{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
}
ul.tcflx > li{
width: 100%;
margin: 5px 0;
}

ul.tcflx > li:nth-child(n+3){
margin-top: 5px;
}

}

ul.hcflx{
display: flex;
justify-content: space-between;
align-items: stretch;

}
ul.hcflx > li{
width: 23%;
}


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

ul.hcflx{
display: flex;
justify-content: space-between;
flex-direction: column;
}
ul.hcflx > li{
width: 100%;
margin: 5px 0;
}


}



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

.wfx01 h6{
width: 100%;
margin: 0px auto;
font-size: 19px;
color: #fff;
padding: 0.4em ;
font-weight: normal;
padding: 1em;
min-height: 5em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 12px;
}


.wfx01 h6.spmtl{
width: 100%;
margin: 0px auto;
font-size: 19px;
color: #fff;
padding: 1em 0.1em !important;
line-height: 1.3em;
font-weight: normal;
padding: 1em;
min-height: 11em;
display: flex;
align-items: center;
justify-content: center;
}


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

.wfx01 h6.spmtl{
width: 100%;
margin: 0px auto;
font-size: 4vw;
color: #fff;
padding: 1em 0.3em !important;
line-height: 1.3em;
font-weight: normal;
padding: 1em;
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
}

}

.rvsfl{
flex-direction: row-reverse !important;
}



@media screen and (max-width: 767px) {
.rvsfl{
flex-direction: column !important;
}

}

.crs_mirai{
background: #3ea65a;
}
.crs_ta{
background: #9ec739;
}
.crs_ki{
background: #1cabec;
}
.crs_kc{
background: #eb8400;
}

.crs_bb{
color: #4db7ef;
}
.crs_rb{
color: #df5496;
}

.mnfsiz{
font-size: 13px;
margin-top: 1em;
line-height: 1.8em;
font-family: 'Noto Sans JP', sans-serif;
}
.mnfaln{
text-align: left;
}
.mnfalncnt{
text-align: center;
line-height: 1.4em !important;
}

.vrttxt{
writing-mode: vertical-rl;
position: relative;
font-size: 30px;
font-family: 'Noto Serif JP', serif;
text-align: left;
font-feature-settings: "palt";
}

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

.mnfsiz{
font-size: 3.2vw;
margin-top: 1em;
line-height: 1.8em;
font-family: 'Noto Sans JP', sans-serif;
}

.vrttxt{
writing-mode: unset !important;
position: relative;
font-size: 4.8vw;
font-family: 'Noto Serif JP', serif;
text-align: left;
font-feature-settings: "palt";
}



}







.vrttxt  span{
font-size: 80%;
}

    .textbox {
        position: absolute;
        left: 0;
    }
		
		
		
		
@media screen and (max-width: 767px) {

    .textbox {
        position: relative;
        left: 0;
    }
		


}

		
		
		
		
		
		
		.sppques h5{
		font-family: 'Noto Serif JP', serif;
		text-align: left;
		color: #2d2a29;
		background: #fff;
		padding: 0.5em 0;
		font-size: 25px;
		}
		
		
		ul.questm{
		display: flex;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		background: linear-gradient(0deg, rgba(255,255,255,1.0) 0 55%, rgba(0,0,0,0.5) 57% 59%, rgba(255,255,255,1.0) 52% 100%)
		}
		
ul.questm >li{
		width:  10%;
		line-height: 1.2em;
		}
ul.questm >li > div{
		border: 1px solid #000;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		background: #fff;
		}		
		
		
ul.questm >li > div::before {/* 擬似要素で正円を作る */
  display: block;
  content: '';
  padding-top: 100%;
}


	ul.questm >li > span{
		font-size: 11px;
		}			
		
		
		.txt-arv{
		writing-mode: vertical-rl;
		display: block;
		}
		
		
		
		.hrvtxt{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		}
		
		.spflr{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		}
		
		.spflr_b01 > div:nth-child(1){
		flex-basis: 31%;
		}
		.spflr_b01 > div:nth-child(2){
		flex-basis: 65%;
		}
		.spflr_b01 h6{
		color: #000;
		border: 1px solid #000;
		padding: 0.3em !important;
		font-size: 17px;
		min-height: 1em;
		}
		.qelist{
		text-align: left;
		}
.qelist > li{
		padding: 0.1em 0.1em 0.1em 0em;
		}
		
.qelist > li:before{
  content:url("../img/attr02.svg");
  display:inline-block;
  width:36px;
  height:auto;
  margin-right:5px;
  position:relative;
  top:3px;
  left:0;
}

.mnlfx{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}

.mnlfx > div:nth-child(1){
flex-basis: 28%;
		writing-mode: vertical-rl;
		display: block;
		text-align: left;
		line-height: 2em;
}
.mnlfx > div:nth-child(2){
flex-basis: 70%;
}



.tgtxt{
writing-mode: vertical-rl;
text-orientation: upright;
font-feature-settings: initial;
}


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

.mnlfx{
display: flex;
flex-direction: column;
justify-content: space-between;
}


.mnlfx > div:nth-child(1){
flex-basis: 100%;
		writing-mode: unset !important;
		display: block;
		text-align: left;
		line-height: 1.5em;
		padding-top: 1.5em;
		padding-bottom: 0.6em;
		font-size: 3.8vw;
}
.mnlfx > div:nth-child(2){
flex-basis: 100%;
}


.tgtxt{
writing-mode: unset !important;
text-orientation: upright;
font-feature-settings: initial;
}
}

.mnlfx-nr{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.mnlfx-nr > div:nth-child(1){
flex-basis: 30%;
}
.mnlfx-nr > div:nth-child(2){
flex-basis: 65%;
}



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

.mnlfx-nr{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mnlfx-nr > div:nth-child(1){
width: 100%;
}
.mnlfx-nr > div:nth-child(1) img{
width: 50%;
}

.mnlfx-nr > div:nth-child(2){
flex-basis: 100%;
padding-top: 10px;
}

}




.jsta{
text-align: justify !important;
}




		.qanda{
		font-family: 'Noto Serif JP', serif;
		text-align: left;
		color: #2d2a29;
		background: #fff;
		padding: 0.5em 0;
		font-size: 25px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		}
		
		.qanda > div:nth-child(1){
margin-right: 0.3em;
		}
				.qanda > div:nth-child(2){
width: 100%;
		}
		
		
	@media screen and (max-width: 767px) {
	
		.qanda{
		font-family: 'Noto Serif JP', serif;
		text-align: left;
		color: #2d2a29;
		background: #fff;
		padding: 0.5em 0;
		font-size: 4.2vw;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		}
	
	
	}	
		
		

.qaapicm{
width: 105%;
margin-left: -5%;
/* margin-top: -80px; */ 
margin-top: -120px;
margin-bottom: 60px;
}



	@media screen and (max-width: 767px) {
	
	
	.qaapicm{
width: 100%;
margin-left: 0%;
/* margin-top: -80px; */ 
margin-top: -10px;
margin-bottom: 20px;
}
	
	}

.mnlfx-nr02{
display: flex;
flex-direction: row;
justify-content: space-between;
font-family: 'Noto Sans JP', sans-serif;
margin-top: 1em;
}
.mnlfx-nr02 > div:nth-child(1){
flex-basis: 57%;
}
.mnlfx-nr02 > div:nth-child(2){
flex-basis: 40%;
}

.mnlfx-nr02 h5{
font-size: 20px;
width: 100%;
border: 1px solid #000;
text-align: center;
padding: 0.1em;
font-family: 'Noto Sans JP', sans-serif;
}





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

.mnlfx-nr02{
display: flex;
flex-direction: column;
justify-content: space-between;
font-family: 'Noto Sans JP', sans-serif;
margin-top: 1em;
}
.mnlfx-nr02 > div:nth-child(1){
flex-basis: 100%;
}
.mnlfx-nr02 > div:nth-child(2){
flex-basis: 100%;
}

.mnlfx-nr02 h5{
font-size: 3.7vw;
width: 100%;
border: 1px solid #000;
text-align: center;
padding: 0.1em;
font-family: 'Noto Sans JP', sans-serif;
}


}











ul.qaalst{
font-size: 14px;
list-style: none;
padding: 0;
margin: 0;
}
ul.qaalst > li{
margin: 0.5em 0;
}


ul.qaalst dl{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
ul.qaalst dt{
white-space: normal;
}

ul.qaalst dt span{
color: #0090e6;
}


ul.qaalst dd{
color: #d7000e;
white-space: normal;
}



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


ul.qaalst{
font-size: 3.2vw;
list-style: none;
padding: 0;
margin: 0;
}

ul.qaalst > li{
margin: 0.1em 0;
}

ul.qaalst dl{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0.5em 0;
}


ul.qaalst dt{
white-space: normal;
}

ul.qaalst dt span{
color: #0090e6;
}


ul.qaalst dd{
color: #d7000e;
white-space: normal;
margin: 0;
margin-left: 1em;
}

}










ul.bkcrpic{
display: flex;
flex-direction: row;
justify-content: space-between;
}


ul.bkcrpic > li{
flex-basis: 17%;
background: #999;
border-radius: 50%;
background-position: center;
background-size: cover;
}

ul.bkcrpic > li > div{
position: relative;
padding-top: 100%;
height: 0;
}




ul.bkcrpic > li:nth-child(1){
background-image: url("../../img/crp01.jpg");
}
ul.bkcrpic > li:nth-child(2){
background-image: url("../../img/crp02.jpg");
}
ul.bkcrpic > li:nth-child(3){
background-image: url("../../img/crp03.jpg");
}
ul.bkcrpic > li:nth-child(4){
background-image: url("../../img/crp04.jpg");
}
ul.bkcrpic > li:nth-child(5){
background-image: url("../../img/crp05.jpg");
}


/* footer */
footer{
padding: 70px 0
}
ul.ftlinkbtm{
display: flex;
justify-content: space-between;
width: 900px;
margin: 0 auto;
}
ul.ftlinkbtm > li{
flex-basis: 30%;

}
ul.ftlinkbtm a{
text-decoration: none;
background: #fff;
border: 1px solid #1a1a1a;
display: block;
padding: 0.5em;
font-size: 14px;
text-align: center;
color: #1a1a1a;
cursor: pointer;
}
ul.ftlinkbtm a:hover{
background: #fff;

color: #888;
}




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

footer{
padding: 30px 0 50px 0;
}

ul.ftlinkbtm{
display: flex;
justify-content: space-between;
width: 96%;
margin: 0 auto 0 2%;
}
ul.ftlinkbtm > li{
flex-basis: 32%;

}

}

.ftlogo{
width: 380px;
margin: 40px auto 20px auto;
}

.ftadress{
font-size: 14px;
width: 100%;
text-align: center;
line-height: 2.5em;
}


.wfx02{
width: 94%;
margin: 0px auto;
display: flex;
justify-content: space-between;
align-items: center;
}


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


.ftlogo{
width: 80%;
margin: 50px auto 20px 10%;
}

.ftadress{
font-size: 3.2vw;
width: 100%;
text-align: center;
line-height: 1.9em;
}


.wfx02{
width: 100%;
margin: 0px auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}

}










.wfx02 > div:nth-child(1){
width: 25%;


}
.wfx02 > div:nth-child(2){
width: 69%;
font-size: 14px;
text-align: left;line-height: 2em;

}



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

.wfx02 > div:nth-child(1){
width: 40%;
padding: 10px 0;

}
.wfx02 > div:nth-child(2){
width: 90%;
/*font-size: 14px;*/
font-size: 3.2vw;
text-align: left;line-height: 1.8em;

}

}









.stgs02{
display: flex;
flex-direction: row;
justify-content: space-between;
}

.stgs02 > div:nth-child(1){
flex-basis: 66%;
}
.stgs02 > div:nth-child(2){
flex-basis: 27%;
}

.sppt01{
font-size: 9px;
line-height: 1.2em !important;
}
.sppt02{
font-size: 13.5px;
}


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

.stgs02{
display: flex;
flex-direction: column;
justify-content: space-between;
}

.stgs02 > div:nth-child(1){
width: 100%;
}
.stgs02 > div:nth-child(2){
width: 40%;
margin-left: 30%;
margin-top: 10px;
}



}











.wfx02-sc{
margin-top: 70px;
}
.wfx02-sc > div:nth-child(1) img{
margin-top: -30px;
}


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

.wfx02-sc{
margin-top: 10px;
}
.wfx02-sc > div:nth-child(1) img{
margin-top: 0px;
}

}



.wdp03pa{
position: relative;
border-top: 4px solid #2d2d2d;
border-left: 4px solid #2d2d2d;
border-right: 4px solid #2d2d2d;
border-bottom: 4px solid #2d2d2d;
display: flex;
flex-direction: row;
}
.wdp03pa > div{
width: 50%;
}

.wmanprb{
border-right: 4px solid #2d2d2d;
background-image: url("../../img/wdp06a01.jpg");
background-size: cover;
}

.wdp03pa img{
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}



.wdp03pn{
position: relative;

}
.wdp03pn img{
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}




.wdp03p{
position: relative;
border-top: 4px solid #2d2d2d;
border-left: 4px solid #2d2d2d;
border-right: 4px solid #2d2d2d;
}
.wdp03p img{
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.wdp03p_t{
position: absolute;
top: 20%;
right: 6%;
width: 12%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp03p_t:hover{
opacity:1.0;
cursor: pointer;
transform: scale(1.1);
}







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


.wdp03pa{
position: relative;
border-top: 2px solid #2d2d2d;
border-left: 2px solid #2d2d2d;
border-right: 2px solid #2d2d2d;
border-bottom: 2px solid #2d2d2d;
display: flex;
flex-direction: row;
}

.wdp03p{
position: relative;
border-top: 2px solid #2d2d2d;
border-left: 2px solid #2d2d2d;
border-right: 2px solid #2d2d2d;
}


}














.wdp02p_t{
position: absolute;
top: 20%;
left: 7%;
width: 15%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp02p_t:hover{
opacity: 1.0;
cursor: pointer;
transform: scale(1.1);
}


.wdp01p_t{
position: absolute;
top: 12%;
right: 11%;
width: 15%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp01p_t:hover{
opacity: 1.0;
cursor: pointer;
transform: scale(1.1);
}


.wdp04p_t{
position: absolute;
top: 21%;
left: 7%;
width: 15.5%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp04p_t:hover{
opacity: 1.0;
cursor: pointer;
transform: scale(1.1);
}



.wdp05p_t{
position: absolute;
top: 19%;
right: 12%;
width: 15%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp05p_t:hover{
opacity: 1.0;
cursor: pointer;
transform: scale(1.1);
}




.wdp06p01_t{
position: absolute;
top: 20%;
left: 31%;
width: 15%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp06p01_t:hover{
opacity: 1.0;
cursor: pointer;
transform: scale(1.1);
}



.wdp06p02_t{
position: absolute;
top: 21%;
right: 7%;
width: 10%;
height: auto;
transition: all 500ms 0s ease;
}
.wdp06p02_t:hover{
opacity:1.0;
cursor: pointer;
transform: scale(1.1);
}





.wdp01p_t:hover,.wdp02p_t:hover,.wdp03p_t:hover,.wdp04p_t:hover,.wdp05p_t:hover,.wdp06p01_t:hover,.wdp06p02_t:hover{
filter:drop-shadow(7px 7px 7px rgba(0,0,0,0.3));
}










ul.bnarea{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;

}
ul.bnarea a{
transition: all 500ms 0s ease;
}
ul.bnarea a:hover{
opacity: 0.55;
}
ul.bnarea > li{
width: 32%;
}
ul.bnarea > li img{
border: 3px solid #353535;
}


@media screen and (min-width:768px) and ( max-width:1024px) {


.cnt_wrap{
width: 100%;
margin: 0 auto;
background: rgba(255,255,255,0.5);
min-height: 0;
padding: 40px 0;
}


ul.bnarea{
width: 96%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 auto 0 2%;
}


}




.crctmg{
margin-top: 50px !important;
}

.fxtrv{
display: flex;
flex-direction: row;
justify-content: space-between;
}

.fxtrv > div:nth-child(1){
flex-basis: 30%;
}
.fxtrv > div:nth-child(2){
flex-basis: 65%;
}


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

.crctmg{
margin-top: 20px !important;
}

.fxtrv{
display: flex;
flex-direction: column;
justify-content: space-between;
}

.fxtrv > div:nth-child(1){
flex-basis: 100%;
}
.fxtrv > div:nth-child(2){
flex-basis: 100%;
}


}





.qrcodebox{
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
text-align: left;
}
.qrcodebox > div:nth-child(1){
flex-basis: auto;
font-size: 16px;
}
.qrcodebox > div:nth-child(2){
width: 89px;
}


.spctlt{
font-size: 130%;
}





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


.qrcodebox{
display: flex;
width: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: left;
}
.qrcodebox > div:nth-child(1){
width: 100%;
font-size: 3.2vw;
margin: 0 auto 0 auto;
text-align: center;
}
.qrcodebox > div:nth-child(2){
width: 40%;
margin: 0 auto 0 30%;
}

}







.hcf_sub{
font-size: 85%;
}

  #page-top a {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
		z-index: 50;
  }
  #page-top img {
    width: 35px;
    height: 35px;
  }


ul.unflst{
list-style: disc;
text-align: left;
font-size: 13.5px;
margin: 0.7em 0;
box-sizing: border-box;
}
ul.unflst > li{
margin: 0.3em 0;
}








/* new */


.tsk01{
width: 100%;
font-size: 22px;
color: #333;
text-align: center;
}

ul.tskfx{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
gap: 10px 10px;
margin-top: 20px;
}
ul.tskfx > li{
width: calc((100% - 10px)/2);
color: #fff;
font-size: 15px;
border-radius: 10px;
padding: 10px;
}

ul.tskfx > li:nth-child(1){
background: #e3844b;
}
ul.tskfx > li:nth-child(2){
background: #7cc2d6;
}
ul.tskfx > li:nth-child(3){
background: #97c346;
}
ul.tskfx > li:nth-child(4){
background: #b68750;
}



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

.tsk01{
width: 100%;
font-size: 4.5vw;
color: #333;
text-align: center;
margin-top: 20px;
}


ul.tskfx{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
gap: 10px 10px;
margin-top: 20px;
}
ul.tskfx > li{
width: 100%;
color: #fff;
font-size: 3.2vw;
border-radius: 10px;
padding: 10px;
}


}






.tdgtlt{
font-size: 24px;
margin: 0.2em 0;font-weight: bold;
}

ul.tskfx > li:nth-child(1) .tdgtlt{
color: #814b2a;
}
ul.tskfx > li:nth-child(2) .tdgtlt{
color: #456f7a;
}
ul.tskfx > li:nth-child(3) .tdgtlt{
color: #546f27;
}
ul.tskfx > li:nth-child(4) .tdgtlt{
color: #573d26;
}

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

.tdgtlt{
font-size: 4vw;
margin: 0.2em 0;font-weight: bold;
}

}


.tskflx{
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-end;
}
.tskflx > div:nth-child(1){
width: 68%;

}
.tskflx > div:nth-child(2){
width: 27%;

}

ul.tsklst02{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
padding-left: 1.0em;
}
ul.tsklst02 > li{
padding-left: 0.0em;
margin: 0.2em 0;
}
ul.tsklst02 > li:before{
content: "●";
width: 0.7em;
height: 0.7em;
font-size: 70%;
display: inline-block;
 position:  relative; 
/*
background-color: #fff;
border-radius: 50%;
*/
margin-left: -1.32em;

margin-right: 0.75em;
top: -0.2em;
}






ul.tsklst02a{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
padding-left: 1.0em;
font-size: 13.5px;
}
ul.tsklst02a > li{
padding-left: 0.0em;
}
ul.tsklst02a > li:before{
content: "●";
width: 0.7em;
height: 0.7em;
font-size: 70%;
display: inline-block;
 position:  relative; 
margin-left: -1.32em;
margin-right: 0.75em;
top: -0.2em;
}



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

ul.tsklst02a{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
padding-left: 1.0em;
font-size: 3.2vw;
}
}





.tskbtb{
width: 100%;
background: #feeab1;
padding: 0.2em;
font-size: 24px;
color: #c48775;
font-weight: bold;
border-radius: 10px;
margin-top: 10px;
}


		.qandatxt{
		font-family: 'Noto Serif JP', serif;
		text-align: left;
		color: #2d2a29;
		background: #fff;
		padding:0 0 0.5em 0;
		font-size: 30px;

		}


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




.tskbtb{
width: 100%;
background: #feeab1;
padding: 0.2em;
font-size: 4.7vw;
color: #c48775;
font-weight: bold;
border-radius: 10px;
margin-top: 10px;
}




		.qandatxt{
		font-family: 'Noto Serif JP', serif;
		text-align: left;
		color: #2d2a29;
		background: #fff;
		padding:0 0 0.5em 0;
		font-size: 4.8vw;

		}
}



.evtwra{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 958px;
margin: 0 auto;
}
.evtwra > div:nth-child(1){
flex-basis: 18%;
}
.evtwra > div:nth-child(2){
flex-basis: 79%;
text-align: left;
}

.evtflx{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin: 10px auto 0 auto;
font-size: 15px;
line-height: 1.5em;
}
.evtflx > div:nth-child(1){
flex-basis: 28%;
}
.evtflx > div:nth-child(2){
flex-basis: 30%;
}
.evtflx > div:nth-child(3){
flex-basis: 36%;
}
.evtflx span.evttlts{
display: inline-block;
text-align: center;
font-size: 13.5px;
color: #fff;
background: #00a1ea;
padding: 0.2em;
border-radius: 3px;
width: 100%;
margin: 0.5em 0;
}
.evtlstcl{
color: #00a1ea;
}
.qrcdlst{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 908px;
margin: 3em auto 0 auto;
}
.qrcdlst > li{
width: 43%;
}



a.evntlink{
background: #00a1ea;
text-decoration: none;
color: #fff;
padding: 0.7em 1.5em;
border-radius: 10px;
}
a.evntlink:hover{
text-decoration: none;
color: #fff;
background: #00afff;
}
a.evntlink:visited{
text-decoration: none;
color: #fff;
}

a.evntlink02{
background: #002f88;
text-decoration: none;
color: #fff;
padding: 0.7em 1.7em;
border-radius: 10px;
}
a.evntlink02:hover{
text-decoration: none;
color: #fff;
background: #0045c7;
}
a.evntlink02:visited{
text-decoration: none;
color: #fff;
}






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



a.evntlink{
background: #00a1ea;
text-decoration: none;
color: #fff;
padding: 0.7em 1.5em;
border-radius: 10px;
display: inline-block;
}
a.evntlink:hover{
text-decoration: none;
color: #fff;
background: #00afff;
}
a.evntlink:visited{
text-decoration: none;
color: #fff;
}

a.evntlink02{
background: #002f88;
text-decoration: none;
color: #fff;
padding: 0.7em 1.7em;
border-radius: 10px;
display: inline-block;
}
a.evntlink02:hover{
text-decoration: none;
color: #fff;
background: #0045c7;
}
a.evntlink02:visited{
text-decoration: none;
color: #fff;
}






.evtwra{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 94%;
margin: 0 auto 0 3%;
font-size: 3.2vw;
}

.evtwra > div:nth-child(1){
width: 30%;
margin: 0 auto 15px 35%;
}
.evtwra > div:nth-child(2){
width: 100%;
text-align: left;
}


.evtflx{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin: 0 auto;
line-height: 1.5em;
font-size: 3.2vw;
}
.evtflx > div:nth-child(1){
width: 100%;
}
.evtflx > div:nth-child(2){
width: 100%;
}
.evtflx > div:nth-child(3){
width: 70%;
margin: 10px auto 0px 15%;
}
.evtflx span.evttlts{
display: inline-block;
text-align: center;
font-size: 13.5px;
color: #fff;
background: #00a1ea;
padding: 0.2em;
border-radius: 3px;
width: 100%;
margin: 0.5em 0;
}






.qrcdlst{
display: flex;
flex-direction: column;
justify-content: space-between;
width: 94%;
margin: 3em auto 0 3%;
}

.qrcdlst > li{
width: 100%;
}


}




.dmlbox{
width: 94%;
margin: 0 auto 0 3%;
}

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

.dmlbox{
width: 90%;
margin: 0 auto 0 5%;
}
}



@media screen and (min-width:768px) and ( max-width:1024px) {

.qaapicm{
width: 100%;
margin-left: 0%;
/* margin-top: -80px; */ 
margin-top: -80px;
margin-bottom: 40px;
}

.wfx01{
width: 96%;
margin: 0px auto 0 2%;
background: #fff;
display: flex;
justify-content: space-between;
}

.evtwra{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 96%;
margin: 0px auto 0 2%;
}


.qrcdlst{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 96%;
margin: 0px auto 0 2%;
}

ul.ftlinkbtm{
display: flex;
justify-content: space-between;
width: 96%;
margin: 0px auto 0 2%;
}

.dmlbox{
width: 90%;
margin: 0 auto 0 5%;
}





}



.btm01{
font-size: 30px;
font-weight: bold;
color: #0055aa;
}

.btm02{
font-size: 23px;
font-weight: normal;
color: #0055aa;
margin-bottom: 1em;
}
.btm03{
border: 1px solid #222;
border-radius: 8px;
font-size: 29px;
box-sizing: border-box;
font-weight: bold;
color: #0055aa;
padding: 1em;
line-height: 1.7em;
margin-top: 1em;
}


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

.btm01{
font-size: 3.8vw;
font-weight: bold;
color: #0055aa;
}

.btm02{
font-size: 3.8vw;
font-weight: normal;
color: #0055aa;
margin-bottom: 1em;
}
.btm03{
border: 1px solid #222;
border-radius: 8px;
font-size: 3.6vw;
box-sizing: border-box;
font-weight: bold;
color: #0055aa;
padding: 0.7em;
line-height: 1.5em;
margin-top: 1em;
}

}









.blkarr{
font-size: 16px;
background: #71c3f2;
clip-path: polygon(0 0,93% 0,100% 50%,93% 100%,00% 100%);
min-height: auto;
padding: 1em 1.2em 1em 1em;
box-sizing: border-box;
display: inline-block;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: left;
line-height: 1.6em;
width: 30%;
}

.blkarr02{
font-size: 16px;
background: #002f88;
clip-path: polygon(0 0,93% 0,100% 50%,93% 100%,00% 100%,7% 50%);
min-height: auto;
padding: 1em 1.2em 1em 2.1em;
box-sizing: border-box;
display: inline-block;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: left;
line-height: 1.6em;
width: 47%;
}

.flxwp{
display: flex;


}



.mwp{
width:1000px;margin: 0 auto;
}




.blktlt01{
font-size: 20px;
padding: 0.2em 0.4em;;
background: #0055aa;
color: #ffef00;
border-radius: 0.2em;
margin-bottom: 0.4em;
display: inline-block;
}
.blktlt02{
font-size: 20px;
padding: 0.2em 0.4em;;
background: #ffef00;
color: #d7000e;
border-radius: 0.2em;
margin-bottom: 0.4em;
display: inline-block;
}


.blktlt01-af{
display: flex;
align-items: center;
width: 16%;
font-size: 16px;
margin-left: 10px;
}

.blktlt02-af{
margin-left: 5px;
width: 36px !important;
display: flex;
align-items: center;
justify-content: center;
}

.blktlt02-af img{
height: 100%;
}



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

.pc{
display: none;
}
.sp{
display: inline-block;
}


.blkarr{
background: #71c3f2;
clip-path: polygon(0 0,100% 0,100% 80%,50% 100%,0% 80%);
width: 100%;
min-height: auto;
padding: 1em 1em 2em 1em;
box-sizing: border-box;
display: inline-block;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 3vw;
}
.blkarr02{
background: #002f88;
clip-path: polygon(0 0,100% 0,100% 80%,50% 100%,0% 80%);
width: 100%;
min-height: auto;
padding: 1em 1em 2em 1em;
box-sizing: border-box;
display: inline-block;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 3vw;
}

.flxwp{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}


.mwp{
width:94%;
margin: 0 auto 0 3%;
}



.blktlt01-af{
display: flex;
align-items: center;
width: 100%;
font-size: 3vw;
text-align: center;
margin: 15px auto;

}



.blktlt02-af{
margin-top: 12px;
width: 50% !important;
display: flex;
align-items: center;
justify-content: center;
}

.blktlt02-af img{
widows: 100%;
height: auto;
}




ul.tsklst02c{
list-style: none;
margin: 0 auto;
display: block;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}


}





ul.tsklst02c{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
padding-left: 1.0em;
font-size: 17px;
color: #0055aa;
}
ul.tsklst02c > li{
padding-left: 0.0em;
}
ul.tsklst02c > li:before{
content: "●";
width: 0.7em;
height: 0.7em;
font-size: 70%;
display: inline-block;
 position:  relative; 
margin-left: -1.32em;
margin-right: 0.75em;
top: -0.2em;
}





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

ul.tsklst02c{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
padding-left: 1.0em;
font-size: 3vw;
color: #0055aa;
}

}






@media screen and (min-width:768px) and ( max-width:1024px) {

.mwp{
width:100%;margin: 0 auto;
}


.btm02 {
    font-size: 4vw;
    font-weight: normal;
    color: #0055aa;
    margin-bottom: 1em;
}


}



.picbrtup{
margin-top: -50px;
}


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

.picbrtup{
margin-top: 0px;
}
}



















/* fwm */



main {
/* background: #fff; */
width: 100%;
height: 100%;
text-align: center;
padding: 0px 0;

	/* background-image:linear-gradient(to right, rgba(255,255,255,0.0)0%, rgba(255,255,255,1.0)50%, rgba(255,255,255,0.0)100%),repeating-linear-gradient(#e8e8e8, #e8e8e8 3px, #FFF 3px, #FFF 7px); */

}
.wbimg{

background-color: #fff !important;
background-image: none !important;

}

section.fwm01{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto 50px auto;
background: #555;
padding: 50px;
background-image: url("../../img/bcg.jpg");
background-size: cover;
}

.fwm00X-wrap{
    width: 100%;
    background: #1a1311;
}

.fwm00X-wrap.border{
    position: relative;
}

.fwm00X-wrap.border::before{
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 8px;
background: #595757;
}

.fwm00X-wrap.border::after{
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 2px;
background: #1a1311;
}

section.fwm00{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/top-main01.jpg");
background-size: cover;
height: 729px;
}

section.fwm001{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-rent.jpg");
background-size: cover;
height: 367px;
}

section.fwm002{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-gen.jpg");
background-size: cover;
height: 367px;
}

.headwrap:has(> section.fwm002){
    background: #fff;
}

section.fwm003{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-cor.jpg");
background-size: cover;
height: 367px;
}

section.fwm004{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-inquiry.jpg");
background-size: cover;
height: 367px;
}


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





}







section.fwm02{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
padding: 50px;
}

section.fwm02-nm{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
padding: 0px;
}


section.fwm03{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 50px auto;
background: rgba(0,0,0,0.14);
padding: 50px;
}



section.fwm04{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 50px auto;
background: #1a1311;
padding: 50px;
}









section.fwm05{
width: 100%;
max-width: 1297px;
min-width: 1245px;
/*min-height: 300px;*/
text-align: center;
margin: 50px auto 0 auto;
background-color: #1a1311;
padding: 0px;
/*
background-image: linear-gradient(rgba(255,255,255,0.0)0%,rgba(255,255,255,0.0)10px,rgba(128,96,21,1.0)11px,rgba(128,96,21,1.0)12px,rgba(255,255,255,0.0)13px,rgba(255,255,255,0.0)100%);
*/
height: 330px;
position: relative;
}


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

section.fwm05{
width: 100%;
max-width: 1297px;
min-width: 0px;
/*min-height: 300px;*/
text-align: center;
margin: 30px auto 0 auto;
background-color: #1a1311;
padding: 0px;
/*
background-image: linear-gradient(rgba(255,255,255,0.0)0%,rgba(255,255,255,0.0)10px,rgba(128,96,21,1.0)11px,rgba(128,96,21,1.0)12px,rgba(255,255,255,0.0)13px,rgba(255,255,255,0.0)100%);
*/
height: auto;
position: relative;
}

}











section.fwm06{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0 auto 0px auto;
background: #d4d5d5;
padding: 50px;
}








section.fwm07{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 50px;
}





section.fwm08{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #bdb5a4;
padding: 50px;
}





section.fwm09{
width: 100%;
max-width: 1297px;
/*min-height: 300px;*/
text-align: center;
margin: 50px auto;
background: #1a1311;
padding: 50px;
}








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





section.fwm01{
margin: 0px auto 20px auto;
padding: 10px 10px 25px 10px;
}


.fwm00X-wrap.border::before{
    height: 6px;
}


section.fwm00{
width: 100%;
max-width: 100%;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/top-main01.jpg");
background-size: cover;
height: 300px;
background-position: center center;
}

section.fwm001{
width: 100%;
max-width: 100%;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-rent.jpg");
background-size: cover;
height: 200px;
background-position: center center;
}

section.fwm002{
width: 100%;
max-width: 100%;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-gen.jpg");
background-size: cover;
height: 200px;
background-position: center center;
}

section.fwm003{
width: 100%;
max-width: 100%;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-cor.jpg");
background-size: cover;
height: 200px;
background-position: center center;
}

section.fwm004{
width: 100%;
max-width: 100%;
/*min-height: 300px;*/
text-align: center;
margin: 0px auto;
background: #1a1311;
padding: 0px;
background-image: url("../../img/header-inquiry.jpg");
background-size: cover;
height: 200px;
background-position: center center;
}














section.fwm02{
margin: 0px auto 20px auto;
padding: 10px;
}

section.fwm02-nm{
margin: 20px auto;
padding: 10px;
}


section.fwm03{
margin: 20px auto;
padding: 10px;
}



section.fwm04{
margin: 20px auto;
padding: 10px;
}









section.fwm05{
margin: 20px auto 0 auto;
padding: 0px;
}




section.fwm06{
margin: 0px auto;
padding: 30px 10px;
}








section.fwm07{
margin: 0px auto 0 auto;
padding: 20px 10px;
}





section.fwm08{
margin: 0px auto;
padding: 10px;
}





section.fwm09{
margin: 20px auto;
padding: 10px;
}




}












































.fwmwp{
width: 950px;
margin: 0px auto;
padding: 0px;
}


.fwmwp02{
width: 580px;
margin: 30px auto 0 170px;
padding: 15px 0 0 0;
}


.fwmwp03{
width: 1030px;
margin: 0px auto;
padding: 0px;
}


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


.fwmwp{
width: 94%;
margin: 0px auto 0 3%;
padding: 0px;
}


.fwmwp02{
width: 94%;
margin: 10px auto 0 3%;
padding: 15px 0 0 0;
}


.fwmwp03{
width: 94%;
margin: 0px auto 0 3%;
padding: 0px;
}


}












h3.mlt{

  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;

	
color: #856727;
font-size: 56px;
margin: 0 0 0.7em 0;;
padding: 0;

}
h3.mlt > p{

 font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
color: #fff;
font-size: 20px;
font-weight: 400;
}



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

h3.mlt{
font-size: 8vw;
margin: 0 0 0.7em 0;;
padding: 0;
}
h3.mlt > p{
font-size: 4vw;
font-weight: 400;
}

}







h3.mltft{

	text-align: left;
	
	
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	
	
	width: 870px;
	
	
color: #fff;
font-size: 40px;
margin: 0 auto 0.0em auto;
padding: 0;

}
h3.mltft > p{

 font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
color: #fff;
font-size: 15px;
font-weight: 400;
}





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

h3.mltft{

	text-align: left;
	
	
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	
	
	width: 94%;
	
	
color: #fff;
font-size: 40px;
margin: 0 auto 0.0em auto;
padding: 0;

}


h3.mltft > p{

 font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
color: #fff;
font-size: 3.2vw;
font-weight: 400;
}




}









h3.mlt-ren{

	
	
color: #856727;
font-size: 35px;
margin: 0 0 0.7em 0;;
padding: 0;
font-weight: bold;

}
h3.mlt-ren > p{

 font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
color: #1a1a1a;
font-size: 22px;
font-weight: 400;
margin-top: 1em;
}



h3.mlt-cor{

	
	
color: #483e30;
font-size: 35px;
margin: 0 0 0.7em 0;;
padding: 0;
font-weight: bold;
letter-spacing: 0.15em;

}



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




h3.mlt-ren{

color: #856727;
font-size: 4.5vw;
margin: 0 0 0.7em 0;;
padding: 0;
font-weight: bold;

}
h3.mlt-ren > p{

 font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
color: #1a1a1a;
font-size: 4vw;
font-weight: 400;
margin-top: 1em;
}



h3.mlt-cor{

	
	
color: #483e30;
font-size: 4.5vw;
margin: 0 0 0.7em 0;;
padding: 0;
font-weight: bold;
letter-spacing: 0.15em;

}




}








.nrmtxt{
color: #fff;
font-size: 22px;
line-height: 1.8em;
}



@media screen and (max-width: 767px) {
.nrmtxt{
color: #fff;
font-size: 3.6vw;
line-height: 1.8em;
text-align: center;
}


}




.fwmfl01{
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 2em 0;

}
.fwmfl01 > div:nth-child(1){
width: 48%;

}
.fwmfl01 > div:nth-child(2){
width: 48%;

}


.flrv{
flex-direction: row-reverse !important;
}



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


.fwmfl01{
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 2em 0;

}
.fwmfl01 > div:nth-child(1){
width: 100%;

}
.fwmfl01 > div:nth-child(2){
width: 100%;

}


.flrv{
flex-direction: column!important;
}





}
























img.dps{
 filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, .3));
}


.ft15{
font-size: 15px;
text-align: left;
padding-left: 30%;
line-height: 1.7em;
}


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

.ft15{
font-size: 3.2vw;
text-align: left;
padding-left: 0%;
line-height: 1.7em;
margin-bottom: 10px;
}
}




.fwmfl02{
display: flex;
flex-direction: row;
justify-content: flex-start;
color: #856727;
align-items: center;
}
.fwmfl02 > div:nth-child(1){
/*font-family: "Questrial", sans-serif;*/


  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	




width: 30%;
font-size: 89px;
}
.fwmfl02 > div:nth-child(2){
width: 70%;
font-size: 27px;
text-align: left;

}

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

.fwmfl02{
display: flex;
flex-direction: row;
justify-content: flex-start;
color: #856727;
align-items: center;
}
.fwmfl02 > div:nth-child(1){


width: 20%;
font-size: 10vw;
}
.fwmfl02 > div:nth-child(2){
width: 80%;
font-size: 4vw;
text-align: left;

}

}




.fwmfl03{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
gap:30px 0;
}

.fwmfl03 > li{
width: 27%;


}




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



.fwmfl03{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
gap:30px 0px;
}

.fwmfl03 > li{
width: 48%;


}



}












.chp-chos01{
font-size: 22px;
color: #856727;
}
.chp-chos02{
font-size: 12px;
text-align: left;
margin-top: 1em;
}


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

.chp-chos01{
font-size: 4vw;
color: #856727;
}
.chp-chos02{
font-size: 3vw;
text-align: left;
margin-top: 1em;
}
}




.fwmfl_re .chp-chos01{
font-size: 22px;
color: #483e30;
margin-top: 0.5em;
min-height: 3em;
}
.fwmfl_re .chp-chos02{
font-size: 13px;
margin-top: 1em;
text-align: justify;
line-height: 1.7em;
}


.fwmfl_re .chp-chos01.cor-chos{
font-size: 22px;
color: #483e30;
margin: 0.8em 0;

min-height: 0em;
}



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

.fwmfl_re .chp-chos01{
font-size: 4vw;
color: #483e30;
margin-top: 0.5em;
min-height: 0;
font-weight: bold;
}
.fwmfl_re .chp-chos02{
font-size: 3.1vw;
margin-top: 1em;
text-align: justify;
line-height: 1.7em;
}


.fwmfl_re .chp-chos01.cor-chos{
font-size: 4vw;
color: #483e30;
margin: 0.8em 0;

min-height: 0em;
}



}













ul.trialflow{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap:40px 90px;
justify-content:flex-start;
}

ul.trialflow > li{
width: 44%;
border: 2px solid #856727;
padding: 0 1em 1em 1em;
box-sizing: border-box;
border-radius: 20px;
position:relative;
min-height: 270px;
}
ul.trialflow > li:nth-child(even){
top: 150px;
}



ul.trialflow > li:nth-child(even)::before {
  content: url("../../img/bctrgn.png");
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
	position: absolute;
	left: -80px;
	top:50px;
}





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

ul.trialflow{
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap:20px 20px;
justify-content:flex-start;
}

ul.trialflow > li{
width: 100%;
border: 2px solid #856727;
padding: 0.5em 1em 1em 1em;
box-sizing: border-box;
border-radius: 20px;
position:relative;
min-height: auto;
}
ul.trialflow > li:nth-child(even){
top: 0px;
}



ul.trialflow > li:nth-child(even)::before {
  content: url("../../img/bctrgn.png");
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
	position: absolute;
	left: -80px;
	top:50px;
	display: none;
}


/*
ul.trialflow > li::after {
content: '';
display: block;
background-color: #555;
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
width: 10%;
height: 16px;
left:calc(45%) ;
position: relative;
}
*/

}










/*
ul.trialflow > li::before {
  content: url("../../img/bctrgn.png");
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
	position: absolute;
	left: -80px;
	top:50px;
}
*/





.fwmfl02x{
display: flex;
flex-direction: row;
justify-content: flex-start;
color: #856727;
align-items: center;
}
.fwmfl02x > div:nth-child(1){
/*font-family: "Questrial", sans-serif;*/


  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;

width: 25%;
font-size: 89px;
}
.fwmfl02x > div:nth-child(2){
width: 75%;
font-size: 22px;
text-align: left;
line-height: 1.4em;

}
.ft15x{
font-size: 15px;
text-align: left;
padding-left: 25%;
line-height: 1.7em;
}

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

.fwmfl02x > div:nth-child(1){

width: 18%;
font-size: 11vw;
}
.fwmfl02x > div:nth-child(2){
width: 82%;
font-size: 4vw;
text-align: left;
line-height: 1.4em;

}
.ft15x{
font-size: 3.2vw;
text-align: left;
padding-left: 18%;
line-height: 1.7em;
}

}
























.mrittlt{
width: 100%;
color: #8e8e8e;
font-size: 20px;
}
.mrittlt {
    position: relative;
    padding: 1rem;
    color: #8e8e8e;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.mrittlt:before,
.mrittlt:after {
    position: absolute;
    top: 48%;
    width: 22rem;
    border-top: 1px dashed;
    content: '';
}
.mrittlt:before {
    left: -0rem;
}
.mrittlt:after {
    right: -0rem;
}



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

.mrittlt{
width: 100%;
color: #8e8e8e;
font-size: 4vw;
}
.mrittlt {
    position: relative;
    padding: 1rem;
    color: #8e8e8e;
    font-weight: normal;
    font-size: 4vw;
    text-align: center;
}
.mrittlt:before,
.mrittlt:after {
    position: absolute;
    top: 48%;
    width: 4rem;
    border-top: 1px dashed;
    content: '';
}
.mrittlt:before {
    left: -0rem;
}
.mrittlt:after {
    right: -0rem;
}

}











.flxfwm_sup01{
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 40px 0;
}
.flxfwm_sup01 > div:nth-child(1){
width: 43%;
}
.flxfwm_sup01 > div:nth-child(2){
width: 51%;
font-size: 15.5px;
color: #fff;
text-align: left;
}

@media screen and (max-width: 767px) {
.flxfwm_sup01{
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 20px 0;
}
.flxfwm_sup01 > div:nth-child(1){
width: 100%;
}
.flxfwm_sup01 > div:nth-child(2){
width: 100%;
font-size: 3.2vw;
color: #fff;
text-align: left;
margin: 10px 0;
}

}













.sup01tt{
font-size: 35px;
color: #856727;
margin: 0.2em 0;
}


.flxwm_sup01a{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-top: 0em;
}

.flxwm_sup01a > ul:nth-child(1){
width: 70%;
}
.flxwm_sup01a > div:nth-child(2){
width: 30%;
}


.cup02txt{
font-size: 28px;
font-weight: bold;
line-height: 1.8em;
margin: 50px 0;
color: #856727;
}

.singlebtn{
width: 100%;
text-align: center;

}

.singlebtn  img{
width: 140px;

}




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

.sup01tt{
font-size: 4.5vw;
color: #856727;
margin: 0.2em 0;
}

.flxwm_sup01a{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-top: 0em;
}

.flxwm_sup01a > ul:nth-child(1){
width: 60%;
}
.flxwm_sup01a > div:nth-child(2){
width: 38%;
}

.cup02txt{
font-size: 4.1vw;
font-weight: bold;
line-height: 1.8em;
margin: 30px 0;
color: #856727;
}




}










.trnpo01{
position: absolute;
width: 414px;
text-align: center;
/*top: -20px;*/
bottom: 0;
right: 100px;
}
.trnpo02{
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
border-top: 1px solid #856727;
}
.trnpo03{
position: absolute;
width: 100%;
text-align: center;
top: 10px;
border-bottom: 1px solid #856727;
}




.marugo{

  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 40px;
	color: #98711a;
}



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



.trnpo01{
position: relative;
width:60%;
text-align: center;
/*top: -20px;*/
bottom: 0;
right: 0px;
margin-top: 10px;
}
.trnpo02{
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
border-top: 1px solid #856727;
}
.trnpo03{
position: absolute;
width: 100%;
text-align: center;
top: 10px;
border-bottom: 1px solid #856727;
}

.marugo{

	font-size: 6vw;
	color: #98711a;
	margin-top: 20px;
}



}














.lsitrn{
color: #fff;
text-align: left;
font-size: 15px;
line-height: 1.8em;
}


.qandatlt{
font-size: 24px;
color: #483e30;
border-bottom: dashed 1px #1a1311;
padding: 0.2em 0;
font-weight: bold;
margin-bottom: 0.5em;
}



.qanda01{

font-size: 20px;
color: #474545;
margin: 20px 0 10px 0;
font-weight: bold;
}

.qanda02{
font-size: 14px;
line-height: 1.7em;
display: flex;
flex-direction: row;
width: 100%;
margin-left: 25px;
}
.qanda02 > div:nth-child(1){
width: 29px;
}
.qanda02 > div:nth-child(2){
width: calc(100% - 29px - 25px);
margin-left: 7px;
}




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


.lsitrn{
color: #fff;
text-align: left;
font-size: 3.2vw;
line-height: 1.8em;
}


.qandatlt{
font-size: 4.5vw;
color: #483e30;
border-bottom: dashed 1px #1a1311;
padding: 0.2em 0;
font-weight: bold;
margin-bottom: 0.5em;
}




.qanda01{

font-size: 3.8vw;
color: #474545;
margin: 20px 0 10px 0;
font-weight: bold;
padding-left: 2em;
text-indent: -1.8em;
}

.qanda02{
font-size: 3.2vw;
line-height: 1.7em;
display: flex;
flex-direction: row;
width: 100%;
margin-left: 0;
padding-left: 25px;
}
.qanda02 > div:nth-child(1){
width: 29px;
}
.qanda02 > div:nth-child(2){
width: calc(80%);
margin-left: 7px;
text-align: justify;
flex: 1;
}




}











.headwrap{
width: 100%;
/* background: #fff; */
text-align: center;
}

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


.topmenu-wrap{
display: none;
}


}


















.topmenu-wrap{
width: 100%;
background: #fff;
text-align: center;
}
.topmenu-main{
width: 1100px;
background: #fff;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
}
.logo-wrap{
width: 170px;
}
ul.headmenu-ls{
display: flex;
font-size: 13px;
color: #8e8e8f;
}
ul.headmenu-ls a{
color: #8e8e8e;
text-decoration: none;
letter-spacing: 0.2em;
}
ul.headmenu-ls a:hover{
color: #aaa;
text-decoration: none;
}

ul.headmenu-ls > li{
margin: 0 15px;
}

.menu-inq{
padding: 0.2em 0.2em 0.2em 2.3em;
box-sizing: border-box;
border: 1px solid #888;
position: relative;
}


/*
.menu-inq::before{
  content: "";
  background-color: #00ffff;
  display: inline-block;
  height: 1rem;
  width: 2rem;
  -webkit-mask: url("../../img/mail-ic.svg");
  mask: url("../../img/mail-ic.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  vertical-align: middle;
}



.menu-inq::before{
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2332CD32' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
*/




.menu-inq::before{
    content: '';
    display: inline-block;
    width: 1.7em;
    height: 1em;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.2 17.6' style='enable-background:new 0 0 27.2 17.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%238C8D8D;stroke-width:1;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='1.5' y='1.5' class='st0' width='24.2' height='14.6'/%3E%3Cpolyline class='st0' points='1.5,1.5 13.6,8.8 25.7,1.5 '/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
		 position: absolute;
    top: 22%;
    left: 5%;
}



/*
.code:after {
	content: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 73.8"><title>folder</title><g><g><path d="M90,12H40L28,0H10A10,10,0,0,0,0,10V63.8a10,10,0,0,0,10,10H90a10,10,0,0,0,10-10V22A10,10,0,0,0,90,12Z"/></g></g></svg>' );
}


.code:after {
	content: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.2 17.6">
<style type="text/css">.st0{fill:none;stroke:#8C8D8D;stroke-width:1;stroke-miterlimit:10;}</style><g><rect x="1.5" y="1.5" class="st0" width="24.2" height="14.6"/><polyline class="st0" points="1.5,1.5 13.6,8.8 25.7,1.5 	"/></g></svg>' );
}


<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.2 17.6">
<style type="text/css">.st0{fill:none;stroke:#8C8D8D;stroke-width:1;stroke-miterlimit:10;}</style><g><rect x="1.5" y="1.5" class="st0" width="24.2" height="14.6"/><polyline class="st0" points="1.5,1.5 13.6,8.8 25.7,1.5 	"/></g></svg>
*/



	.acrdbox01{
		display: none;
	}


.slctlin:hover{
cursor: pointer;
opacity: 0.8;
}

.ftrlogo{
width: 100%;
margin: 40px auto 20px auto;
}

.ftrlogo > img{
width: 40%;

}

.footer-cpr{
font-size: 13px;
letter-spacing: 0.1em;
color: #eee;
margin: 0px auto 45px auto;
}


















.ftrflx{
width: 870px;
margin: 50px auto;
/*border: 1px solid #fff;*/


color: #fff;
text-align: left;
font-size: 13px;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 1.8em;
}

.ftrflx > table:nth-child(1){
width: 480px;
border-top: 1px dashed #ccc;
}
.ftrflx > table:nth-child(1) td{
padding: 0.7em 0.4em;
border-bottom: 1px dashed #ccc;
}
.ftrflx > table:nth-child(1) td:nth-child(1){
width: 28%;
}


.ftrflx > div:nth-child(2){
width: 340px;
border-top: 1px dashed #ccc;
padding-top: 0.7em;
text-align: justify;
line-height: 1.91em;
}




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



.ftrlogo{
width: 100%;
margin: 40px auto 16px auto;
}

.ftrlogo > img{
width: 70%;

}
.footer-cpr{
font-size: 2.8vw;
letter-spacing: 0.1em;
color: #eee;
margin: 0px auto 35px auto;
}



.ftrflx{
width: 100%;
margin: 20px auto 20px 0%;
/*border: 1px solid #fff;*/


color: #fff;
text-align: left;
font-size: 3.1vw;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.8em;
}

.ftrflx > table:nth-child(1){
width: 100%;
border-top: 1px dashed #ccc;
}
.ftrflx > table:nth-child(1) td{
padding: 0.7em 0.4em;
border-bottom: 1px dashed #ccc;
}
.ftrflx > table:nth-child(1) td:nth-child(1){
width: 7em;
}


.ftrflx > div:nth-child(2){
width: 100%;
border-top: 0px dashed #ccc;
padding-top: 0.7em;
text-align: justify;
line-height: 1.91em;
padding: 0.7em 0.4em;
}


}




















.fwmfl_re{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
gap:30px 0;
}

.fwmfl_re > li{
width: 30%;


}


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

.fwmfl_re{
display: flex;
flex-direction: column;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
gap:30px 0;
}

.fwmfl_re > li{
width: 100%;


}
}









.rent-flx01{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
text-align: left;
margin: 15px 0;
}

.rent-flx01 > div:nth-child(1){
width: 59%;

}
.rent-flx01 > div:nth-child(2){
width: 37%;
font-size: 13px;
}


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


.rent-flx01{
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
text-align: left;
margin: 15px 0;
}

.rent-flx01 > div:nth-child(1){
width: 100%;

}
.rent-flx01 > div:nth-child(2){
width: 100%;
font-size: 3.1vw;
padding-left: 2em;
box-sizing: border-box;
margin: 15px 0;
}



}













ul.rent-spc-lst{
list-style: disc;
margin: 0;
padding: 0;
padding-left: 0em;
}
ul.rent-spc-lst > li{
margin: 0.1em 0;
}

.shopname{
display: flex;
flex-direction: row;
width: 560px;
justify-content: space-between;
margin: 20px 0 5px 0;
}
.shopname > img:nth-child(1){
width: 478px;
}
.shopname > img:nth-child(2){
width: 67px;
}




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

.shopname{
display: flex;
flex-direction: column;
width: 100%;
justify-content: space-between;
margin: 20px 0 5px 0;
}
.shopname > img:nth-child(1){
width: 100%;
}
.shopname > img:nth-child(2){
width: 20%;
margin: 15px 0;
}
}








.shop-addr{
width: 100%;
text-align: left;

}











.shopspec01{
font-size: 22px;
width: 100%;
text-align: left;
}

.icnflx{
display: flex;
flex-direction: row;
width: 841px;
margin-left: 1em;
}
.icnflx > img:nth-child(1){
width: 448px;
}
.icnflx > img:nth-child(2){
width: 375px;
}


.shopspec02{
font-size: 22px;
width: 600px;
text-align: left;
}
.shopspec02 ul{
font-size: 13px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-left: 3em;
}
.shopspec02 ul > li{
margin-right: 1em;
}



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

.shopspec01{
font-size: 4vw;
width: 100%;
text-align: left;
}

.icnflx{
display: flex;
flex-direction: column;
width: 100%;
margin-left: 0em;
}
.icnflx > img:nth-child(1){
width: 100%;
}
.icnflx > img:nth-child(2){
width: 85%;
}




.shopspec02{
font-size: 4vw;
width: 100%;
text-align: left;
margin-top: 15px;
}
.shopspec02 ul{
font-size: 3.1vw;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-left: 1em;
}
.shopspec02 ul > li{
margin-right: 1em;
}
}










.rent-btn{
width: 100%;
text-align: left;
margin: 20px 0 70px 2em;
}
.rent-btn img{
width: 164px;
}




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


.rent-btn{
width: 100%;
text-align: center;
margin: 20px auto 30px auto;
}
.rent-btn img{
width: 164px;
}

}







.fwmpricing{
font-size: 28px;
color: #fff;
letter-spacing: 0.15em;

	
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
	
}


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


.fwmpricing{
font-size: 4.2vw;
color: #fff;
letter-spacing: 0.15em;


}

}






.pricing-info{
font-size: 25px;
text-align: left;
margin: 60px 0 10px 0;
padding: 0 0 0.3em 0;
border-bottom: 1px dashed #1a1311;
}
dl.pricing-note{
width: 100%;
text-align: left;
margin-top: 0.5em;
}

dl.pricing-note > dt{
font-size: 16px;
color: #474545;
}
dl.pricing-note > dd{
margin: 0.3em 0 0 0;
font-size: 13px;
color: #1a1311;
}


.resrvbtn{
margin-top: 70px;
width: 100%;
text-align: center;
font-size: 19px;
color: #1a1a1a;
}
.resrvbtn p{
margin-bottom: 0.4em;
}

.resrvbtn img{
width: 428px;


}






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



.pricing-info{
font-size: 4vw;
text-align: left;
margin: 60px 0 10px 0;
padding: 0 0 0.3em 0;
border-bottom: 1px dashed #1a1311;
}
dl.pricing-note{
width: 100%;
text-align: left;
margin-top: 0.5em;
}

dl.pricing-note > dt{
font-size: 3.2vw;
color: #474545;
}
dl.pricing-note > dd{
margin: 0.3em 0 0 0;
font-size: 3.1vw;
color: #1a1311;
}


.resrvbtn{
margin-top: 70px;
width: 100%;
text-align: center;
font-size: 3.8vw;
color: #1a1a1a;
}
.resrvbtn p{
margin-bottom: 0.4em;
}


.resrvbtn img{
width: 80%;


}

}

















.mlt-gen-p{
width: 870px;
margin: 20px auto;
}

.tbl-sub{
font-size: 14px;
text-align: left;
margin-top: 0.7em;
}



.gen_note{
border: 3px solid #483e30;
padding: 15px;
display: flex;
flex-direction: row;
justify-content: space-between;
border-radius: 20px;
margin: 50px 0 80px 0;
box-sizing: border-box;
align-items: flex-end;
}

.gen_note > div:nth-child(1){
width: 15%;
}
.gen_note > div:nth-child(2){
width: 60%;
font-size: 16px;
color: #483e30;
text-align: justify;
line-height: 1.8em;
}
.gen_note > div:nth-child(3){
width: 15%;
}




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

.mlt-gen-p{
width: 100%;
margin: 40px auto 20px auto;
}

.tbl-sub{
font-size: 3.1vw;
text-align: left;
margin-top: 0.7em;
}


}














.cor02txt{
font-size: 11px;
line-height: 1.6em;
margin-top: 1em;
}




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

.gen_note{
border: 2px solid #483e30;
padding: 1em;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 20px;
margin: 20px 0 20px 0;
box-sizing: border-box;
align-items: flex-end;
}

.gen_note > div:nth-child(1){
width: 100%;
}
.gen_note > div:nth-child(1) img{
width: 25%;
padding-bottom: 12px;
}

.gen_note > div:nth-child(2){
width: 100%;
font-size: 3.2vw;
color: #483e30;
text-align: justify;
line-height: 1.8em;
}
.gen_note > div:nth-child(3){
width: 100%;
}
.gen_note > div:nth-child(3) img{
width: 30%;
}


.cor02txt{
font-size: 3vw;
line-height: 1.6em;
margin-top: 1em;
}





}







/* for single page */

.single_note{
padding: 15px;
margin: 50px 0 80px 0;
box-sizing: border-box;
min-height: 300px;
font-size: 16px;
text-align: left;
}


.single_note{
padding: 15px;
margin: 50px 0 80px 0;
box-sizing: border-box;
min-height: 300px;
font-size: 16px;
text-align: left;
}



.singleday{
padding-bottom: 1em;
border-bottom: 1px solid #444;
margin-bottom: 1em;
}


.single_note a{
color: #444;
}
.single_note a:visited{
color: #444;
}

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

.single_note{
padding: 15px;
margin: 50px 0 80px 0;
box-sizing: border-box;
font-size: 3.2vw;
}


}











.cor_note{
border: 3px solid #483e30;
padding: 15px;
display: flex;
flex-direction: row;
justify-content: space-between;
border-radius: 20px;
margin: 50px 0 80px 0;
box-sizing: border-box;
align-items: flex-end;
}

.cor_note > div:nth-child(1){
width: 14%;
}
.cor_note > div:nth-child(2){
width: 68%;
font-size: 16px;
color: #483e30;
text-align: justify;
line-height: 1.8em;
}
.cor_note > div:nth-child(3){
width: 14%;
}


.tbl-tlt{
font-size: 22px;
width: 100%;
text-align: left;
margin-bottom: 0.3em;
}


.ansfld{
font-weight: normal;
font-size: 60%;
}



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





.cor_note{
border: 2px solid #483e30;
padding: 1em;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 20px;
margin: 20px 0 20px 0;
box-sizing: border-box;
align-items: flex-end;
}

.cor_note > div:nth-child(1){
width: 100%;
}
.cor_note > div:nth-child(1) img{
width: 30%;
padding-bottom: 12px;
}

.cor_note > div:nth-child(2){
width: 100%;
font-size: 3.2vw;
color: #483e30;
text-align: justify;
line-height: 1.8em;
}
.cor_note > div:nth-child(3){
width: 100%;
}
.cor_note > div:nth-child(3) img{
width: 30%;
}



.tbl-tlt{
font-size: 22px;
width: 100%;
text-align: left;
margin-bottom: 0.3em;
}



.ansfld{
font-weight: normal;
font-size: 3vw;
}
}
























/* sp header */


header.site-header{
display: none;
}

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

.topmenu{
display: none;
}
header.site-header{
display: block;
}

}


@media screen and (min-width:768px) and ( max-width:1024px) {

.topmenu{
position: fixed;
z-index: 100;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
min-width: 768px;
justify-content: space-between;
align-items: flex-start;
padding: 15px 40px 15px 40px;
background-color: rgba(5,14,18,0.0);
/*transition:.2s all cubic-bezier(0.45, 0, 0.55, 1);*/
backdrop-filter: blur(0px);
user-select: none;
box-sizing: border-box;
}

.topmenu > div:nth-child(1){
width: 12%;
/*transition:.2s all cubic-bezier(0.45, 0, 0.55, 1);*/
transition: all 0.2s ease-out;
}

}









/*header*/

.fa-angle-right:before {
    content: "\f105";
}


.site-header {
    width:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	
}

@media screen and (max-width: 767px) {
.site-header {
    width:100%;
	/*border-bottom: 1px solid #555;*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
	
}

.site-header .site-header-l01 {
    width: 100%;
    height: 70px;
    /*background-color:#fff;
	border-bottom: 4px solid #191b1a;*/
	display: none;
}

@media screen and (max-width: 767px) {
   .site-header .site-header-l01 {
	   width: 100%;
        height:50px;
				display: block;
		background-color:#fff;
	/*border-bottom: 4px solid #191b1a;*/
    }
}

.site-header .site-header-l01 .site-header-l01-inner {
    margin: 0 auto;
    padding: 0 0px;
    max-width: 1100px;
    min-width: 1100px;
    width: 1100px;
    height: 100%;
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items:center;
}

@media screen and (max-width: 767px) {
    .site-header .site-header-l01 .site-header-l01-inner {
		width: 100%;
        padding: 0 17px;
        min-width: 320px;
		display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:flex-start;
		align-content: center;
    }
}
.site-header-l01 .site-header-l01-inner .site-header-pbg {
    width:370px;
	text-align: left;
}

@media screen and (max-width: 767px) {
.site-header-l01 .site-header-l01-inner .site-header-pbg{
        width:221px;
    }
}

.site-header-l01 .site-header-l01-inner .site-header-pbg {
    display:block;
}

@media screen and (max-width: 767px) {
.site-header-l01 .site-header-l01-inner .site-header-pbg {
        height: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items:center
    }
}
.site-header-l01 .site-header-l01-inner .site-header-pbg img {
    width: 100%;
    height:20px;
}


.site-header-l01 .site-header-l01-inner .site-header-mnt {
    width:280px;
	
}

@media screen and (max-width: 767px) {
.site-header-l01 .site-header-l01-inner .site-header-mnt {
        width:80px;
	margin-top: 0px;
    }
}

.site-header-l01 .site-header-l01-inner .site-header-mnt {
    display:block
}

@media screen and (max-width: 767px) {
.site-header-l01 .site-header-l01-inner .site-header-mnt {
        height: 23px;
        display: flex;
        flex-wrap: wrap;
        align-items:center
    }
}

.site-header-l01 .site-header-l01-inner .site-header-mnt img {
margin-top: 5px;
    width: 100%;
}









.site-header .menu-trigger {
        display:none
    }

.site-header .site-header-l02 {
        width: 100%;
        display:block;

				
				    background-color:#fff;
	border-bottom: 4px solid #191b1a;
    }

.site-header .site-header-l02 .site-header-l02-inner {
        max-width: 1100px;
        min-width: 1100px;
        width: 100%;
        margin:0 auto;
    }

.site-header .site-header-l02 .site-header-l02-inner .menu {
        list-style: none;
        padding: 0;
        margin: 0px 0;
        display: flex;
        flex-wrap: nowrap;
	flex-direction: row;
        justify-content:center;
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li {
        margin: 0;
	 width: 144.3px;
	height: 70px;
        position:relative;
			text-align: center;
		/*border-right: 1px solid #4f3a39;*/
	display: flex;
	justify-content:center;
		align-items: center;
	align-content: center;
    }


.site-header .site-header-l02 .site-header-l02-inner .menu > li:before {
  content: '';
  position: absolute;
  right: 0%;
  bottom: 17px;
  display: inline-block;
  width: 1px;
  height: 36px;
	/*
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	*/
  background-color: black;
  border-radius: 0px;
}
.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu06:before ,.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu07:before {
	  content: '';
  position: absolute;
  right: 0%;
  bottom: 20px;
  display: inline-block;
  width: 0px;
  height: 0px;
	/*
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	*/
  background-color: black;
  border-radius: 0px;
}





.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu00 {
	width:280px;
	padding-right: 50px;
	box-sizing: border-box;
}
.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu07 {
	width:117px;
}


.site-header .site-header-l02 .site-header-l02-inner .menu > li > a {
        display: block;
        color: #4f3a38;
        text-decoration: none;
       width: 100%;
        height: auto;
        padding: 0px 0 0 0;
        background-position: center 25px;
        background-repeat: no-repeat;
        text-align: center;
        background-size: auto 55px;
        font-weight: 500;
        font-size:15px;
			letter-spacing: -0.01em;
			line-height: 1.4em;
    }
.site-header .site-header-l02 .site-header-l02-inner .menu > li > a:hover {
        opacity: 0.7;
    }




.site-header .site-header-l02 .site-header-l02-inner .menu > li > a:after {
 
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu01 > a {
        
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu02 > a {
        
        position:relative
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu03 > a {
        
    }
		
		
.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu03:hover .submenu {
        transition: opacity 0.3s linear;
        max-height: 9999px;
        overflow: visible;
        opacity:1
    }
		
		

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu04 > a {
        
    }



.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu05:hover .submenu {
        transition: opacity 0.3s linear;
        max-height: 9999px;
        overflow: visible;
        opacity:1
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu05 > a {
        
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu06 > a {
        
    }






.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu {
        transition: opacity 0.2s linear;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        width: 230px;
        left: -50px;
        text-align: center;
        position: absolute;
        background-color: #5c5c5c;
        border-radius: 10px;
        top: 64px;
        z-index: 9999;
        box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5)
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 10px 6px;
        border-color: transparent transparent #5c5c5c transparent;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -6px;
        z-index:99
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul > li {
        display: inline-block;
        height: 50px;
        width:100%
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul > li a {
        color: #fff;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        /*border-bottom: solid 1px #888;*/
        line-height: 1em;
        position: relative;
        font-size:14px
    }
.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul > li a:hover {
        color: #999;

    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul > li:last-child a {
        border-bottom:none
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul > li i {
        line-height: 57px;
        position: absolute;
        top: 0;
        left:20px
    }













@media (max-width: 767px) {
.site-header .menu-trigger {
        display: block;
        transition: all .4s;
        box-sizing: border-box;
        position: relative;
        width: 50px;
        height: 50px;
        /*background-color: #191b1a;*/
        position: absolute;
        z-index: 9999;
        top: 0;
        right:0
    }

.site-header .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute;
        left: 10px;
        width: 30px;
        height: 2px;
        background-color: #888;
        border-radius:4px
    }

.site-header .menu-trigger span:nth-of-type(1) {
        top:15px
    }

.site-header .menu-trigger span:nth-of-type(2) {
        top:24px
    }

.site-header .menu-trigger span:nth-of-type(3) {
        bottom:15px
    }

.site-header .menu-trigger.active {
        position:fixed
    }

.site-header .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(9px) rotate(-45deg);
        transform:translateY(9px) rotate(-45deg)
    }

.site-header .menu-trigger.active span:nth-of-type(2) {
        opacity:0
    }

.site-header .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-9px) rotate(45deg);
        transform:translateY(-9px) rotate(45deg)
    }

	
	
	
	
	
	
.site-header .site-header-l02 {
        position: fixed;
        top: 50px;
        left: 0px;
        width: 100%;
        height: calc(100vh - 50px);
        /*background-color: rgba(0, 0, 0, 1.0);*/
				background-color: #4d4e4e;
        overflow-y: auto;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
        display: none;
        z-index:999;
    }


/* sp menu backcolor */
.site-header .site-header-l02 .site-header-l02-inner {
	        max-width: 100%;
        min-width: 100%;
        width: 100%;
        height: auto;
        background-color: #4d4e4e;
        overflow-y: auto;
        padding-bottom:30px
    }
	
	

	
	
	

.site-header .site-header-l02 .site-header-l02-inner .menu {
        width: 100%;
        list-style: none;
        padding: 0;
        margin:0;
	
	        display: flex;
        flex-wrap: wrap;
	flex-direction: column;
	
	line-height: 1.3em;
	
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li {
        width: 100%;
        padding: 0 17px;
        margin:0;
	height: auto;
	display: block;
    }
	
	

	
	
	

	.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu00 {
	display: none;
}
.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu07 {
	display: none;
}

	
	

.site-header .site-header-l02 .site-header-l02-inner .menu > li:first-child > a {
        border-top:none
    }
.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu01 > a {
        border-top:none
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu01 > a {
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu02 > a {
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu03 > a {
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu04 > a {
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu05 > a {
    }
	.site-header .site-header-l02 .site-header-l02-inner .menu > li#menu06 > a {
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li > a {
        letter-spacing: 0.111em;
        font-size: 14px;
        font-weight: 500;
        display: block;
        color: #fff;
        text-decoration: none;
        border-top: dashed 1px #fff;
        padding: 18px 0 18px 12px;
        /*background-position: left center;
        background-repeat: no-repeat;
        background-size:20px 20px;*/
		width: 100%;
	text-align: left;
        height: auto;
    }



.site-header .site-header-l02 .site-header-l02-inner .menu > li > a:after {
       /* content: "";
        background-image: url("img/menu-underline.svg");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
        width: 140px;
        height: 10px;
        display: none;
        margin:0 0 0 30px*/
    }
	
	

	
	
	

	
	
	
/* sp menu backcolor */
.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu {
        width:100%;
			position: relative;
	opacity: 1;
	background-color: #4d4e4e;
	border-radius: 0px;
	 top: 0;
        z-index: 1;
        box-shadow:0px 0px 0px rgba(0, 0, 0, 0.5);
	
	max-height: 1000px;
	overflow: visible;
	left: 0;
	text-align: left;
	
    }
.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu:before {
        content: "";
        display: none;

    }
	
	
.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul {
	
        width: 100%;
        list-style: none;
        padding: 0;
        margin:0
    }

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul li a {
        letter-spacing: 0.111em;
        font-size: 14px;
        font-weight: 500;
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 15px 0;
        border-top:solid 1px #ddd;
	/*border-color: rgba(255,255,255,0.4);*/
			margin-left: 10%;
	padding-left: 0em;
	box-sizing: border-box;
	width: 90%;
    }
	
.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul li a:hover {
	color: #fff;
        opacity: 0.7;
    }

	

.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul li a i {
        padding:0 10px;
			display: none;
    }
		
		
		
		.site-header .site-header-l02 .site-header-l02-inner .menu > li .submenu ul > li {
        height: auto;

    }
		
}








.site-header-l03{
	width: 100%;
	height: 45px;
	display: block;
	margin-bottom: 10px;
}
.site-header-l03 ul.bldlnk{
	width: 1100px;
	margin: 0 auto;
	display: flex;

	font-size: 17px;
}
span.l03sp{
	padding:7px 2px;
	display: block;
}
ul.bldlnk > li{
	margin-right: 1px;
		background: #fff;
	color: #64aa46;
	text-align: center;
}
ul.bldlnk > li a{
	text-decoration: none;
	display: block;
		padding:7px 2px;

	background: #64aa46;
	color: #fff;
}
ul.bldlnk > li a:hover{

	background: #85bc6d;
	color: #fff;
}

#bld-t01{
	width:307px;
}
#bld-t02{
	width:217px;
}
#bld-t03{
	width:66px;
}
#bld-t04{
	width:66px;
}
#bld-t05{
	width:160px;
}
#bld-t06{
	width:141px;
}
#bld-t07{
	width:172px;
}

@media screen and (max-width: 767px) {
.site-header-l03{
	display: none;
}
	
}






ul.top-infomation{
font-size: 15.5px;
width: 90%;
margin-left: 5%;
}

ul.top-infomation > li{
width: 100%;
padding: 0.4em;
border-bottom: 1px dashed #444;
text-align: left;
margin-top: 0.8em;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
ul.top-infomation > li > p:nth-child(1){
width: 100px;
margin-right: 0em;
}
ul.top-infomation > li > p:nth-child(2){
width: 750px;
margin-right: 0em;
}

ul.top-infomation > li a{
text-decoration: none;
color: #222;

}
ul.top-infomation > li a:hover{
text-decoration: underline;
color: #222;

}
ul.top-infomation > li a:visited{
color: #222;

}


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



ul.top-infomation{
font-size: 3.2vw;
width: 100%;
margin-left: 0%;
}

ul.top-infomation > li{
width: 100%;
padding: 0.4em;
border-bottom: 1px dashed #444;
text-align: left;
margin-top: 0.8em;
display: flex;
flex-direction: column;
justify-content: flex-start;
}

ul.top-infomation > li > p:nth-child(1){
width: 100%;
margin-right: 0em;
font-weight: bold;
}
ul.top-infomation > li > p:nth-child(2){
width: 100%;
margin-right: 0em;
}


	
}




a.fwm-newslist{
font-size: 13px;
display: inline-block;
padding: 0.2em 0.5em;
border: 1px solid #444;
letter-spacing: 0.15em;
text-decoration: none;
color: #222;
margin: 50px 0 10px 0;
}
a.fwm-newslist:hover{
font-size: 13px;
display: inline-block;
padding: 0.2em 0.5em;
border: 1px solid #888;
letter-spacing: 0.15em;
text-decoration: none;
color: #777;
margin: 50px 0 10px 0;
}


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

a.fwm-newslist{
font-size: 3.7vw;
display: inline-block;
padding: 0.2em 0.5em;
border: 1px solid #444;
letter-spacing: 0.15em;
text-decoration: none;
color: #222;
margin: 30px 0 10px 0;
}


}



a > img{
transition: all 500ms 0s ease;
}
a > img:hover{
opacity: 0.8;
}


#frmmap02,#frmmap01{
display: none;
margin: 15px 0;
}
#frmmap01btn:hover,#frmmap02btn:hover{
opacity: 0.8;
cursor: pointer;
}




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

#frmmap02,#frmmap01{
display: none;
margin: 0px 0;
}

}