@charset "UTF-8";

/*-- list  -------------------------------------------------------------*/
@media screen and (max-width: 1089px) {
	.mark { width: 60px; margin: 0 auto 10px; }
	#anch01 { background: var(--base-color); /*background-image: linear-gradient(90deg, #007440 , #0e5d3a 90%);*/ position: relative; padding: 0 6%; }
	#anch01:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-image:radial-gradient(#197d46 10%, transparent 0%); background-size: 10px 10px;*/ }
	#anch01 .in-flex { margin: 0 auto; display: block; }
	/*#anch01 .in-flex-Img { width: 50%; display: flex; justify-content: center; align-items: center; background: url("../img/common/flow_pc.png") center left no-repeat; background-size: cover; }*/
	/*#anch01 .in-flex-Img img { mix-blend-mode: multiply; }*/
	#anch01 .in-flex-Img:after { display: none; }
	#anch01 .in-flex-Txt { padding: 7.5vh 0% 7.55vh 0%; position: relative; z-index: 2; width: 100%; }
	#anch01 .flexTtl { color: #fff; font-size: 3.6em; font-weight: bold; line-height: 1.3; margin-bottom: 40px; }
	#anch01 .flexSubTtl { color: #fff; } 
	#anch01 .in-flex-Txt p { color: #fff; margin-bottom: 40px;}
	#anch01 .in-flex-Txt .en { 
		color: #000; margin-bottom: 0; font-size: 6.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; 
		position: absolute; top: 30px; left: -2%; z-index: 0; opacity: 0.1; line-height: 1.0; margin-bottom: 0px; color: var(--sub-color); 
	}
	#anch01 .in-flex-Img .exTxt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: bold; margin-bottom: 0; font-size: 2.0em; text-align: center; opacity: 0.75; line-height: 1.5; z-index: 2;}
	#anch01 .in-flex-Txt .arrow-button { margin-bottom: 0px;}
	#anch01 .sp_tab { margin-bottom: 40px;}
	#anch01 .sp_tab img { border-radius: 10px;}
}
@media screen and (max-width: 599px) {
	#anch01 { padding: 0 6%;}
	#anch01 .in-flex-Txt { padding: 5vh 0% 5vh 0%;}
	#anch01 .flexTtl { font-size: 2.0em;}
	#anch01 .flexSubTtl { } 
	#anch01 .in-flex-Txt p { margin-bottom: 40px; line-height: 1.7;}
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	#anch01 .sp_tab { width: 80%; margin: 0 auto 20px; }
}
@media screen and (min-width: 1090px) {
	.ifTxtTtl { position: relative; margin-bottom: 20px; }
	.flexTtl { font-size: 3.0em; font-weight: 700; position: relative; z-index: 1; line-height: 1.5; color: var(--base-color); }
	.flexTtl span.flexTtls { margin-left: 1em; font-size: 0.5em;}
	.flexSubTtl { font-size: 1.2em; font-weight: 700; position: relative; z-index: 1; }
	.en { font-size: 8.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; position: absolute; top: -70px; left: -8%; z-index: 0; opacity: 0.1; line-height: 1.0; margin-bottom: 0px; color: var(--sub-color); }
	.mark { width: 60px; margin: 0 auto 10px; }
	
	#anch01 { background: url("../img/common/anch01Bg.png") var(--base-color) left center no-repeat; background-size: contain; /*background-image: linear-gradient(90deg, #007440 , #0e5d3a 90%);*/ position: relative; }
	#anch01:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:radial-gradient(#197d46 10%, transparent 0%); background-size: 10px 10px; }
	#anch01 .in-flex { margin: 0 auto; }
	/*#anch01 .in-flex-Img { width: 50%; display: flex; justify-content: center; align-items: center; background: url("../img/common/flow_pc.png") center left no-repeat; background-size: cover; }*/
	/*#anch01 .in-flex-Img img { mix-blend-mode: multiply; }*/
	#anch01 .in-flex-Img:after { display: none; }
	#anch01 .in-flex-Txt { padding: 12vh 4% 12vh 4%; width: 40%; position: relative; z-index: 2;}
	#anch01 .flexTtl { color: #fff; font-size: 3.3em; font-weight: bold; line-height: 1.3; }
	#anch01 .flexSubTtl { color: #fff; } 
	#anch01 .in-flex-Txt p { color: #fff; margin-bottom: 40px;}
	#anch01 .in-flex-Txt .en { color: #000; margin-bottom: 0; }
	#anch01 .in-flex-Img .exTxt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: bold; margin-bottom: 0; font-size: 2.0em; text-align: center; opacity: 0.75; line-height: 1.5; z-index: 2;}
	#anch01 .in-flex-Txt .arrow-button { margin-bottom: 0px;}
	
	#anch01 .in-flex-index { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; margin: 0 auto; }
	#anch01 .in-flex-index .in-flex-Txt { width: 50%; }
	#anch01 .in-flex-index .in-flex-Img { width: 42%; margin-right: 0%; position: relative; z-index: 10; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	#anch01 { }
	#anch01 .in-flex-Txt { width: 60%; }
	.en { font-size: 7.0em; }
	#anch01 .flexTtl { font-size: 3.0em; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	#anch01 {  }
	#anch01 .in-flex-Txt { width: 60%; }
	.en { font-size: 7.5em; }
	#anch01 .flexTtl { font-size: 3.1em; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
	#anch01 .in-flex-Txt { width: 50%; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px) {
	#anch01 .in-flex-Txt { width: 50%; }
}
@media screen and (min-width: 1490px) {
}

.view-anch.view { position: relative; overflow: hidden; }
.view-anch.view:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; z-index: 10; pointer-events: none; }
.view-anch.view.in-view::after { animation: maskReveal 1s ease forwards;  }
@keyframes maskReveal {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

/*-- #anch02-4  -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); }
	.in-top { margin: 0 4% 2.5vh; padding: 6%; position: relative; overflow: hidden; }
	.in-top .in-top-Txt { position: relative; z-index: 2; }
	.in-top .flexTtl { color: #fff; font-size: 2.4em; letter-spacing: 0.1em; font-weight: 700; line-height: 1.5; margin-bottom: 20px; }
	.in-top .flexTtl span.flexTtls { font-size: 0.5em; display: block; }
	.in-top .flexSubTtl { color: #fff;}
	.in-top .en02 { color: #fff; position: absolute; top: -3vh; right: -6%; z-index: 1; opacity: 0.25; line-height: 1.0; margin-bottom: 0; font-size: 3.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style: italic; position: absolute;}
	.in-top p { color: #fff; position: relative; z-index: 2; margin-bottom: 40px }
	
	.in-top p.view-button { margin-bottom: 0px !important; line-height: 1.0; }	
	.in-top::before { content: ""; position: absolute; inset: 0; transform: scale(1); transition: transform 0.7s ease; will-change: transform; z-index: 0; }
	#anch02 .in-top { margin: 2.5vh 4% 2.5vh; }
	
	#anch02 .in-top::before { background: url("../img/common/anch02.webp") center center / cover no-repeat; }
	#anch02 .ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(1, 175, 175, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	#anch02.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1)); }
	#anch03 .in-top::before { background: url("../img/common/anch03.webp") top center / cover no-repeat; }
	#anch03 .ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(56, 142, 205, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	#anch03.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1)); }
	#anch04 .in-top::before { background: url("../img/common/anch04.webp") center center / cover no-repeat; }
	#anch04 .ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(255, 194, 51, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	#anch04.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1)); }
	/* hover時 */
	.is-hover .in-top::before { transform: scale(1.1); }
}
@media screen and (min-width: 600px) {
	.ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); }
	.in-top { margin: 0 auto 5vh; max-width: 1400px; width: 84%; padding: 10vh 4%; position: relative; overflow: hidden; }
	#anch02 .in-top { margin: 5vh auto; }
	.in-top .in-top-Txt { position: relative; z-index: 2; }
	.in-top .flexTtl { color: #fff; font-size: 3.0em; letter-spacing: 0.1em; font-weight: 700;  }
	.in-top .flexTtl span.flexTtls { margin-left: 1em; font-size: 0.5em;}
	.in-top .flexSubTtl { color: #fff;}
	.in-top .en02 { color: #fff; position: absolute; top: -8vh; right: -4%; z-index: 1; opacity: 0.25; line-height: 1.0; margin-bottom: 0; font-size: 6.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style: italic; position: absolute;}
	.in-top p { color: #fff; position: relative; z-index: 2; margin-bottom: 40px }
	
	.in-top p.view-button { margin-bottom: 0px !important; line-height: 1.0; }	
	.in-top::before { content: ""; position: absolute; inset: 0; transform: scale(1); transition: transform 0.7s ease; will-change: transform; z-index: 0; }
	#anch02 .in-top::before { background: url("../img/common/anch02.webp") center center / cover no-repeat; }
	#anch02 .ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(1, 175, 175, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	#anch02.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1)); }
	#anch03 .in-top::before { background: url("../img/common/anch03.webp") top center / cover no-repeat; }
	#anch03 .ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(56, 142, 205, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	#anch03.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1)); }
	#anch04 .in-top::before { background: url("../img/common/anch04.webp") center center / cover no-repeat; }
	#anch04 .ovry { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(150deg, rgba(255, 194, 51, 1), rgba(0, 0, 0, 0.4)); z-index: 1; }
	#anch04.is-hover .ovry {  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1)); }
	/* hover時 */
	.is-hover .in-top::before { transform: scale(1.1); }
	
	section .in { max-width: 1400px; margin: 0 auto; width: 96%; padding: 10vh 0; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.in-top .flexTtl { line-height: 1.5; margin-bottom: 40px;}
	.in-top .flexTtl span.flexTtls { display: block; margin-left: 0; }
}
/*-- #anch05  -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#anch05 { background: url("../img/common/hinokiBg.png") center center no-repeat; background-size: cover;}
	#anch05 .in { padding: 6%; }
	.ttl01 { text-align: center; font-size: 2.0em; margin-bottom: 0px;}
	.subTtl { text-align: center; color: var(--base-color); margin-bottom: 20px; }
	
	.stDl { position: absolute; top: -10px; left: 10px; background: var(--base-color); min-width: 70px; overflow: hidden;}
	.stDl dt { font-size: 0.7em; padding: 15px 0px 5px; border-bottom: 1px solid #fff; margin: 0 10px 5px 10px; color: #fff; text-align: center; font-family:'Roboto Condensed', sans-serif; font-weight:bold; line-height: 1.0;}
	.stDl dd { font-size: 1.8em; line-height: 1.0; text-align: center; color: #fff; font-weight: 700; font-family:'Roboto Condensed', sans-serif; font-weight:bold; line-height: 1.0; }
}
@media screen and (min-width: 600px) {
	#anch05 { background: url("../img/common/hinokiBg.png") center center no-repeat; background-size: cover;}
	#anch05 .in { padding: 5vh 0; }
	.ttl01 { text-align: center; font-size: 2.0em; margin-bottom: 0px;}
	.subTtl { text-align: center; color: var(--base-color); margin-bottom: 20px; }
	
	.stDl { position: absolute; top: -10px; left: 10px; background: var(--base-color); min-width: 70px; overflow: hidden;}
	.stDl dt { font-size: 0.7em; padding: 15px 0px 5px; border-bottom: 1px solid #fff; margin: 0 10px 5px 10px; color: #fff; text-align: center; font-family:'Roboto Condensed', sans-serif; font-weight:bold; line-height: 1.0;}
	.stDl dd { font-size: 1.8em; line-height: 1.0; text-align: center; color: #fff; font-weight: 700; font-family:'Roboto Condensed', sans-serif; font-weight:bold; line-height: 1.0; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}
@media screen and (min-width: 1390px) and (max-width: 1489px) {
}
@media screen and (min-width: 1490px) {
}

/*-- ポイント -------------------------------------------------------------*/
.fa-external-link-alt { opacity: 0.5; }
@media screen and (max-width: 767px) {
	.in-flex { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin-bottom: 5vh; }
	.in-flex:last-child { margin-bottom: 0px; }
	.in-flex .in-flex-Img { width: 100%; position: relative; order: 1; margin-bottom: 20px; }
	.in-flex .in-flex-Txt { width: 100%; order: 2; }
	.in-flex .in-flex-Txt .ttl02 { text-align: center; margin-bottom: 10px; }
	/*.in-flex .in-flex-Img:after { content: ""; position: absolute; bottom: -10px; right: -10px; background: var(--opa-color); width: 96%; height: 100%; z-index: -1;}*/
	
	.lead { text-align: center; margin-bottom: 20px;}
	
	.in-flex-Txt ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.95em; }
	.in-flex-Txt ul li:before { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-right: 10px; color: var(--base-color); }
	.in-flex-Txt p { margin-bottom: 20px; }
	
	.thirdFlex { margin-bottom: 0px; }
	.thirdFlex li { margin-bottom: 40px; position: relative; }
	.thirdFlex li div { margin-bottom: 20px; border-radius: 8px; }
	.thirdFlex li div img {  }
	.thirdFlex li .listTtl { margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 1.3em; color: var(--sub-color); }
}
@media screen and (min-width: 768px) {
	.in-flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; }
	.in-flex:last-child { margin-bottom: 0px; }
	.in-flex .in-flex-Img { width: 36%; position: relative; }
	.in-flex .in-flex-Txt { width: 60%; }
	
	.in-flex .in-flex-Img02 { width: 26%; position: relative; }
	.in-flex .in-flex-Txt02 { width: 70%; }
	
	.in-flex .in-flex-Txt .ttl02 { text-align: left; margin-bottom: 10px; font-size: 1.2em; font-weight: 700; color: var(--base-color); }
	.lead { text-align: center; margin-bottom: 40px;}
	
	.in-flex-Txt ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.95em; }
	.in-flex-Txt ul li:before { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-right: 10px; color: var(--base-color); }
	.in-flex-Txt p { margin-bottom: 20px; }
	
	.thirdFlex { display: flex; justify-content: space-between; margin-bottom: 0px; }
	.thirdFlex li { width: 31%; position: relative; }
	.thirdFlex li div { margin-bottom: 20px; border-radius: 8px; }
	.thirdFlex li div img {  }
	.thirdFlex li .listTtl { margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 1.3em; color: var(--sub-color); }
	
	.photoHover div { overflow: hidden; }
	.photoHover img { transition: 1s all; }
	.photoHover:hover img { transform:scale(1.1,1.1); transition:1s all; }
	
	.fifthFlex { display: flex; justify-content: space-between; margin-bottom: 40px; }
	.fifthFlex li { width: 18%; }
	.fifthFlex li div { margin-bottom: 20px; }
	.fifthFlex li .listTtl { margin-bottom: 10px; color: var(--base-color); font-size: 1.1em; }
	
	.listIcon { width: 100px; margin: 0 auto 20px;}
	.subMark { line-height: 1.0; margin-bottom: 5px !important; font-size: 0.8rem; }
	.subMark span.smBg { background: var(--base-color); color: #fff; padding: 1px 10px; line-height: 1.0; }
}
@media screen and (min-width: 768px) and (max-width: 889px)  {	
	#anch-point .ttl01 img { width: 40vw; margin: 0 auto 20px; }
	.in-flex { display: flex; justify-content: space-between; align-items: flex-start; }
	.in-flex .in-flex-Img { width: 46%; }
	.in-flex .in-flex-Txt { width: 50%; }
	
	.fifthFlex { display: flex; justify-content: center; }
	.fifthFlex li { width: 29%; margin:0 2% 20px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px)  {
	#anch-point .ttl01 img { width: 40vw; margin: 0 auto 20px; }
	.in-flex .in-flex-Img { width: 44%; }
	.in-flex .in-flex-Txt { width: 52%; }
	
	.fifthFlex { display: flex; justify-content: center; }
	.fifthFlex li { width: 29%; margin:0 2% 20px; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px)  {
	#anch-point .ttl01 img { width: 40vw; margin: 0 auto 20px; }
	.in-flex .in-flex-Img { width: 42%; }
	.in-flex .in-flex-Txt { width: 54%; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
}

/*-- #anch06 -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	section#anch06 { background: url("../img/common/kiisanchi.jpg") center center no-repeat; background-size: cover; }
	#anch06 .in-flex { padding: 6%; display: block; }
	#anch06 .in-flex-L { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }
	#anch06 .in-flex-L .in-flex-L-in { width: 66%; }
	#anch06 .in-flex-L .map { width: 30%; }
	#anch06 .in-flex-L .en03 { font-size: 3.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #fff; opacity: 0.25; line-height: 1.0; margin-bottom: 10px; }
	#anch06 .in-flex-L .ttl01 { color: #fff; font-size: 1.3em; text-align: left; margin-bottom: 20px; font-weight: bold; }
	#anch06 .in-flex-L p { color: #fff; margin-bottom: 0; }
	#anch06 .in-flex-R { width: 100%; }
	.cMenu { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.cMenu li { width: 46%; border-bottom: 1px solid #fff; padding: 10px 0; position: relative; }
	.cMenu li:nth-child(1),.cMenu li:nth-child(2) { border-top: 1px solid #fff; }
	.cMenu li dl { display: flex; justify-content: flex-start; align-items: center; }
	.cMenu li dl dt { font-size: 3.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #fff; line-height: 1.0; margin-right: 10px; opacity: 0.25; }
	.cMenu li dl dd { color: #fff; line-height: 1.5; }
	.cMenu li dl dd span { display: block; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 0.8em; line-height: 1.0; opacity: 0.25;}
	.cMenu li:after { content: ""; display: block; position: absolute; top: calc(50%); right: 0% ; width: 40px; height: 5px; border: none; border-right: 2px solid #fff; border-bottom: 1px solid #fff; transform: skew(45deg); transition: .3s; }
	.cMenu li:hover:after { position: absolute; top: calc(50%); right: 0%; width: 60px; height: 5px; }
	.cMenu li p { margin-bottom: 0px;}
}
@media screen and (min-width: 600px) {
	section#anch06 { background: url("../img/common/kiisanchi.jpg") center center no-repeat; background-size: cover; }
	#anch06 .in-flex { display: flex; justify-content: space-between; max-width: 1400px; width: 96%; margin: 0 auto; padding: 10vh 0; }
	#anch06 .in-flex-L { width: 48%; display: flex; justify-content: space-between; align-items: center; }
	#anch06 .in-flex-L .in-flex-L-in { width: 66%; }
	#anch06 .in-flex-L .map { width: 30%; }
	#anch06 .in-flex-L .en03 { font-size: 5.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #fff; opacity: 0.25; line-height: 1.0; margin-bottom: 10px; }
	#anch06 .in-flex-L .ttl01 { color: #fff; font-size: 1.5em; text-align: left; margin-bottom: 20px; font-weight: bold; }
	#anch06 .in-flex-L p { color: #fff; margin-bottom: 0; }
	#anch06 .in-flex-R { width: 48%; }
	.cMenu { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.cMenu li { width: 48%; border-bottom: 1px solid #fff; padding: 10px 0; position: relative; }
	.cMenu li:nth-child(1),.cMenu li:nth-child(2) { border-top: 1px solid #fff; }
	.cMenu li dl { display: flex; justify-content: flex-start; align-items: center; }
	.cMenu li dl dt { font-size: 3.0em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #fff; line-height: 1.0; margin-right: 10px; opacity: 0.25; }
	.cMenu li dl dd { color: #fff; line-height: 1.5; }
	.cMenu li dl dd span { display: block; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 0.8em; line-height: 1.0; opacity: 0.25;}
	.cMenu li:after { content: ""; display: block; position: absolute; top: calc(50%); right: 0% ; width: 40px; height: 5px; border: none; border-right: 2px solid #fff; border-bottom: 1px solid #fff; transform: skew(45deg); transition: .3s; }
	.cMenu li:hover:after { position: absolute; top: calc(50%); right: 0%; width: 60px; height: 5px; }
	.cMenu li p { margin-bottom: 0px;}
}

/*-- #anch07 -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#anch07 .in-flex { display: flex; flex-direction: column; }
	#anch07 .in-flex .in-flex-Img { background: url("../img/common/recruitImg.webp") center center no-repeat; background-size: cover; width: 100%; height: 300px; order: 1; margin-bottom: 0; }
	#anch07 .in-flex .in-flex-Txt { padding: 6%; order: 2; width: 92%; }
	#anch07 .in-flex .in-flex-Txt .ttl01 { text-align: left; font-weight: 700; margin-bottom: 20px; font-size: 2.0em; } 
	#anch07 .in-flex .in-flex-Txt .subTtl01 { text-align: left; font-weight: 700; margin-bottom: 0px; font-size: 1.0em; } 
	#anch07 .arrow-button a { background: var(--opa-color);}
	#anch07 .arrow-button a:hover { color:#000; background:var(--opa-color);  }
	#anch07 .arrow-button a:hover::after { border-right: 2px solid #000; border-bottom: 1px solid #000; }
}
@media screen and (min-width: 600px) {
	#anch07 .in-flex { display: flex; justify-content: space-between; max-width: 1400px; width: 96%; margin: 0 auto; padding: 10vh 0; }
	#anch07 .in-flex .in-flex-Img { background: url("../img/common/recruitImg.webp") center center no-repeat; background-size: cover; border-radius: 8px; width: 40%; }
	#anch07 .in-flex .in-flex-Txt { padding: 40px 0; width: 56%; }
	#anch07 .in-flex .in-flex-Txt .ttl01 { text-align: left; font-weight: 700; margin-bottom: 20px; font-size: 3.0em; } 
	#anch07 .in-flex .in-flex-Txt .subTtl01 { text-align: left; font-weight: 700; margin-bottom: 0px; font-size: 1.2em; } 
	#anch07 .arrow-button a { background: var(--opa-color);}
	#anch07 .arrow-button a:hover { color:#000; background:var(--opa-color);  }
	#anch07 .arrow-button a:hover::after { border-right: 2px solid #000; border-bottom: 1px solid #000; }
}

/*-- #anch088 -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#anch08 .in-flex { display: flex; flex-direction: column;  }
	#anch08 .in-flex .in-flex-Img { background: url("../img/common/newsImg.webp") center right no-repeat; background-size: cover; width: 100%; height: 300px; order: 1; margin-bottom: 0; }
	#anch08 .in-flex .in-flex-Txt { padding: 6%; order: 2; width: 92%; }
	#anch08 .in-flex .in-flex-Txt .ttl01 { text-align: left; font-weight: 700; margin-bottom: 20px; font-size: 2.4em; line-height: 1.0; } 
	#anch08 .in-flex .in-flex-Txt .ttl01 span { font-size: 0.3em; margin-left: 20px;　font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	#anch08 .newsList { margin-bottom: 40px;}
	#anch08 .newsList li dl { display: flex; justify-content: flex-start; align-items: center; }
	#anch08 .newsList li dl dt { margin-right: 20px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; line-height: 1.0;}
	#anch08 .newsList li:before { display: none; padding-bottom: 10px; margin-bottom: 10px;}
	#anch08 .arrow-button a { background: var(--opa-color);}
	#anch08 .arrow-button a:hover { color:#000; background:var(--opa-color);  }
	#anch08 .arrow-button a:hover::after { border-right: 2px solid #000; border-bottom: 1px solid #000; }
}
@media screen and (min-width: 600px) {
	#anch08 .in-flex { display: flex; justify-content: space-between; max-width: 1400px; width: 96%; margin: 0 auto; padding: 0vh 0 10vh; }
	#anch08 .in-flex .in-flex-Img { background: url("../img/common/newsImg.webp") center right no-repeat; background-size: cover; border-radius: 8px; width: 40%; }
	#anch08 .in-flex .in-flex-Txt { padding: 40px 0; width: 56%; }
	#anch08 .in-flex .in-flex-Txt .ttl01 { text-align: left; font-weight: 700; margin-bottom: 20px; font-size: 3.0em; line-height: 1.0; } 
	#anch08 .in-flex .in-flex-Txt .ttl01 span { font-size: 0.3em; margin-left: 20px;　font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	#anch08 .newsList { margin-bottom: 40px;}
	#anch08 .newsList li dl { display: flex; justify-content: flex-start; align-items: center; }
	#anch08 .newsList li dl dt { margin-right: 20px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; line-height: 1.0;}
	#anch08 .newsList li:before { display: none; padding-bottom: 10px; margin-bottom: 10px;}
	#anch08 .arrow-button a { background: var(--opa-color);}
	#anch08 .arrow-button a:hover { color:#000; background:var(--opa-color);  }
	#anch08 .arrow-button a:hover::after { border-right: 2px solid #000; border-bottom: 1px solid #000; }
}