@charset "utf-8";

/* common
------------------------------------------------------------------------- */

/*.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}*/


.machinowacp {
	font-family: "Noto Sans Japanese";
	margin-bottom: 0;
}
.machinowacp .sp {
	display: none;
}
.machinowacp a {
	transition: all 0.4s;
}
.machinowacp a:hover {
	opacity: 0.6;
}
.machinowacp .inr {
	max-width: 950px;
	margin: 0 auto;
}
.machinowacp .secTit {
	color: #1B6038;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 40px;
}


.mainKey {
	max-width: 1170px;
	width: 100%;
	margin: 40px auto 60px;
}

.introBox {
	background: #FFFFDC;
	border-radius: 0 0 10px 10px;
	margin: 0 auto 40px;
	max-width: 940px;
}
.introBox .topBox {
	background: #5ABE50;
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 10px 10px 0 0;
	padding: 25px 20px 25px 20px;
}
.introBox .topBox .logo_machinowa {
	display: flex;
	align-items: center;
	justify-content: center;
	/*width: 280px;*/
	width: 235px;
}
.introBox .topBox .logo_machinowa img {
	/*max-width: 220px;*/
	max-width: 190px;
}
.introBox .topBox p {
	/*font-size: 17px;*/
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 1.7;
	flex: 1;
}
.introBox .appBox {
	padding: 30px;
}
.introBox .catch {
	font-size: 34px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	margin: 0 0 20px;
}
.introBox .catch span {
	color: #5ABE50;
	background: url("../images/machinowacp/intro_dots.png") repeat-x bottom left;
	padding: 0 0 5px;
}
.fuki {
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 0 auto 20px;
	line-height: 1.4;
	position: relative;
	display: table;
	padding: 0 30px 0 35px;
}
.fuki:before {
	content: "";
	background: url("../img/intro_fuki_left.png") no-repeat;
	background-size: 100%;
	width: 31px;
	height: 51px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.fuki:after {
	content: "";
	background: url("../img/intro_fuki_right.png") no-repeat;
	background-size: 100%;
	width: 31px;
	height: 51px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.introBox .btns {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.introBox .btns > .btn {
	width: 180px;
}
.introBox .btns > .btn.google {
	width: 223px;
}
.introBox .kome {
	display: table;
	margin: 30px auto 0;
}
.introBox .kome li {
	font-size: 15px;
	line-height: 1.6;
}
.introBox .kome li:before {
	content: "※";
}
.banArea {
	max-width: 655px;
	margin: 0 auto 40px;
}
.banArea .memo {
	font-size: 15px;
	text-align: center;
	margin: 10px 0 0;
}

.flowArea {
	background: #D6EFD3;
	padding: 60px 0;
}
.flowArea .itemBoxWrap {
	display: flex;
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 80px;
	margin: 60px 0 60px;
	justify-content: center;
}
.flowArea .itemBox {
	border-radius: 30px;
	background: #fff;
	border: solid 5px #C8C7CD;
	width: 450px;
	height: auto;
	aspect-ratio: 1 / 1;
	position: relative;
	padding: 50px 10px 30px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
.flowArea .itemBox .label {
	width: 200px;
	position: absolute;
	top: -35px;
	left: calc(50% - 100px);
}
.flowArea .itemBox .pic {
	margin: 0 auto;
}
.flowArea .itemBox:nth-child(1) .pic {
	width: 136px;
}
.flowArea .itemBox:nth-child(2) .pic {
	width: 230px;
	margin-right: 70px;
}
.flowArea .itemBox:nth-child(3) .pic {
	width: 260px;
	margin-right: 65px;
}
.flowArea .itemBox:nth-child(4) .pic {
	width: 330px;
}
.flowArea .itemBox:nth-child(4) .titBox  {
    margin: -7px 0 0;
}
.flowArea .itemBox .subTit {
	font-size: 28px;
	text-align: center;
	color: #00A000;
	line-height: 1.5;
	margin: 0 0 5px;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.flowArea .itemBox p {
	font-size: 17px;
	text-align: center;
	line-height: 1.5;
	font-weight: 700;
}
.flowArea .txt {
	font-size: 30px;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	margin: 0 0 60px;
	letter-spacing: 0.05em;
}
.flowArea .btn_furusato_web {
	max-width: 600px;
	margin: 0 auto;
}


.golfList {
	padding: 80px 0;
}
.golfList .schArea {
	margin: 60px 0;
	position: relative;
}
.golfList .sch {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.golfList .sch input {
	border: solid 1px #000;
	font-size: 22px;
	width: 350px;
	padding: 5px 10px;
}
.golfList .sch button {
	background: #3CA06E;
	color: #fff;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	border-radius: 10px;
	padding: 3px 7px 3px 10px;
	width: 93px;
	letter-spacing: 0.13em;
	cursor: pointer;
}
.golfList .sch button:hover {
	opacity: 0.8;
}
.golfList .prefMenu {
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	width: 720px;
	border-radius: 15px;
	padding: 45px 70px 45px 90px;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: none;
}
.golfList .prefMenu.active {
    display: block;
}
.golfList .prefMenu .flex.pc {
	display: flex;
	flex-wrap: wrap;
}
.golfList .prefMenu ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: calc(100% / 5);
	gap: 10px;
}
.golfList .prefMenu li {
	line-height: 1.4;
}
.golfList .prefMenu li a {
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding: 0 20px 0 0;
	text-decoration: none;
}
.golfList .prefMenu li a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.golfList .prefMenu li a::before,
.golfList .prefMenu li a::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.35px);
  right: 0;
  width: 15.8px;
  height: 1.3px;
  border-radius: 9999px;
  transform-origin: calc(100% - 0.65px) 50%;
}
.golfList .prefMenu li a::before {
  transform: rotate(42.65deg);
}
.golfList .prefMenu li a::after {
  transform: rotate(-42.65deg);
}

.golfList .prefArea {
	background: #E5F5F8;
	border-bottom: solid 10px #009DB9;
	padding: 30px 30px 20px;
	margin-bottom: 120px;
	position: relative;
}
.golfList .prefArea .arrow {
    position: absolute;
    bottom: -55px;
    left: 50%;
    width: 100px;
    height: 33px;
    transform: translateX(-50%) rotate(0deg); /* 初期状態：下向き */
    cursor: pointer;
    transition: transform 0.3s ease;
}
.golfList .prefArea .arrow.rotate-up {
    transform: translateX(-50%) rotate(180deg); /* 上向き */
}
.golfList .prefArea .arrow.rotate-down {
    transform: translateX(-50%) rotate(0deg); /* 下向き（初期状態） */
}
.golfList .prefArea .arrow:hover {
	opacity: 0.6;
}
.golfList .prefArea .arrow::before,
.golfList .prefArea .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.2px);
  width: 2.4px;
  height: 44px;
  border-radius: 9999px;
  transform-origin: 50% calc(100% - 1.2px);
}
.golfList .prefArea .arrow::before {
  transform: rotate(45deg);
}
.golfList .prefArea .arrow::after {
  transform: rotate(-45deg);
}
.golfList .prefName {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.4;
	cursor: pointer;
}
.golfList .accBox {
	margin: 25px 0 20px;
	display: none;
}
.golfList .accBox.open {
	display: block;
}
.golfList .twoColBox {
	display: flex;
	flex-wrap: wrap;
	max-width: 720px;
	margin: 0 auto 60px;
	column-gap: 60px;
}
.golfList .cityName {
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	padding: 8px;
	margin: 0 0 25px;
}
.golfList .cityArea {
	display: table;
	margin: 0 auto 60px;
	max-width: 720px;
}
.golfList .twoColBox .cityArea {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.golfList .twoColBox:last-child,
.golfList .cityArea:last-child {
	margin: 0 auto;
}
.golfList .twoColBox .cityArea:nth-child(3) {
	margin: 60px 0 0;
}
.golfList .golfWrap {
	display: flex;
	flex-wrap: wrap;
	column-gap: 60px;
	row-gap: 40px;
}
.golfList .golfBox {
	width: 330px;
}
.golfList .golfBox .thumb {
	margin: 0 0 15px;
}
.golfList .golfBox .thumb img {
	width: 370px;
	height: 190px;
	object-fit: cover;
}
.golfList .golfBox .golfName {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 5px;
}
.golfList .golfBox .adrs {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
}
.golfList .btn-web {
	width: 250px;
	height: 48px;
	margin: 20px auto 0;
}
.golfList .btn-web a {
	background: #FF6E27;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-radius: 30px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: solid 4px #FF6E27;
	padding: 0 30px 0 0;
	text-decoration: none;
}
.golfList .btn-web a:before {
	content: "";
	background: #fff url("../img/arr_ora_right.png") no-repeat center;
	background-size: 11px auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
    position: absolute;
    top: -1px;
    right: -1px;
}
.golfList .btn-web a:hover {
	text-decoration: none;
}
.golfList #miyagi {
	background: #E5F5F8;
	border-color: #009DB9;
}
.golfList #miyagi .prefName,
.golfList #miyagi .golfName,
.golfList .prefMenu li a.miyagi {
	color: #009DB9;
}
.golfList #miyagi .cityName,
.golfList #miyagi.prefArea .arrow::before,
.golfList #miyagi.prefArea .arrow::after,
.golfList .prefMenu li a.miyagi::before,
.golfList .prefMenu li a.miyagi::after{
	background: #009DB9;
}
.golfList #gunma {
	background: #F5E5E5;
	border-color: #A00000;
}
.golfList #gunma .prefName,
.golfList #gunma .golfName,
.golfList .prefMenu li a.gunma{
	color: #A00000;
}
.golfList #gunma .cityName,
.golfList #gunma.prefArea .arrow::before,
.golfList #gunma.prefArea .arrow::after,
.golfList .prefMenu li a.gunma::before,
.golfList .prefMenu li a.gunma::after{
	background: #A00000;
}


.golfList #tochigi {
	background: #F9F2EC;
	border-color: #C87B3D;
}
.golfList #tochigi .prefName,
.golfList #tochigi .golfName,
.golfList .prefMenu li a.tochigi {
	color: #C87B3D;
}
.golfList #tochigi .cityName,
.golfList #tochigi.prefArea .arrow::before,
.golfList #tochigi.prefArea .arrow::after,
.golfList .prefMenu li a.tochigi::before,
.golfList .prefMenu li a.tochigi::after{
	background: #C87B3D;
}
.golfList #ibaraki {
	background: #E5F1F9;
	border-color: #0078C6;
}
.golfList #ibaraki .prefName,
.golfList #ibaraki .golfName,
.golfList .prefMenu li a.ibaraki {
	color: #0078C6;
}
.golfList #ibaraki .cityName,
.golfList #ibaraki.prefArea .arrow::before,
.golfList #ibaraki.prefArea .arrow::after,
.golfList .prefMenu li a.ibaraki::before,
.golfList .prefMenu li a.ibaraki::after{
	background: #0078C6;
}
.golfList #ibaraki .cityArea {
    display: block;
}
.golfList #chiba {
	background: #FBEED9;
	border-color: #E58B00;
}
.golfList #chiba .prefName,
.golfList #chiba .golfName,
.golfList .prefMenu li a.chiba {
	color: #E58B00;
}
.golfList #chiba .cityName,
.golfList #chiba.prefArea .arrow::before,
.golfList #chiba.prefArea .arrow::after,
.golfList .prefMenu li a.chiba::before,
.golfList .prefMenu li a.chiba::after{
	background: #E58B00;
}
.golfList #chiba .golfName.long {
	display: flex;
	align-items: center;
	min-height: 62px;
}

.golfList #saitama {
	background: #F0F9ED;
	border-color: #6EC850;
}
.golfList #saitama .prefName,
.golfList #saitama .golfName,
.golfList .prefMenu li a.saitama {
	color: #6EC850;
}
.golfList #saitama .cityName,
.golfList #saitama.prefArea .arrow::before,
.golfList #saitama.prefArea .arrow::after,
.golfList .prefMenu li a.saitama::before,
.golfList .prefMenu li a.saitama::after{
	background: #6EC850;
}

/*250903hama*/
.golfList #yamanashi {
	background: #D9E5DF;
	border-color: #67987F;
}
.golfList #yamanashi .prefName,
.golfList #yamanashi .golfName,
.golfList .prefMenu li a.yamanashi {
	color: #67987F;
}
.golfList #yamanashi .cityName,
.golfList #yamanashi.prefArea .arrow::before,
.golfList #yamanashi.prefArea .arrow::after,
.golfList .prefMenu li a.yamanashi::before,
.golfList .prefMenu li a.yamanashi::after{
	background: #67987F;
}
/*250903hama*/

.golfList #shizuoka {
	background: #EFF0F7;
	border-color: #5F67AE;
}
.golfList #shizuoka .prefName,
.golfList #shizuoka .golfName,
.golfList .prefMenu li a.shizuoka {
	color: #5F67AE;
}
.golfList #shizuoka .cityName,
.golfList #shizuoka.prefArea .arrow::before,
.golfList #shizuoka.prefArea .arrow::after,
.golfList .prefMenu li a.shizuoka::before,
.golfList .prefMenu li a.shizuoka::after{
	background: #5F67AE;
}
.golfList #mie {
	background: #FCF2F5;
	border-color: #E57D9A;
}
.golfList #mie .prefName,
.golfList #mie .golfName,
.golfList .prefMenu li a.mie {
	color: #E57D9A;
}
.golfList #mie .cityName,
.golfList #mie.prefArea .arrow::before,
.golfList #mie.prefArea .arrow::after,
.golfList .prefMenu li a.mie::before,
.golfList .prefMenu li a.mie::after{
	background: #E57D9A;
}
.golfList #gifu {
	background: #E7EBF0;
	border-color: #113C6E;
}
.golfList #gifu .prefName,
.golfList #gifu .golfName,
.golfList .prefMenu li a.gifu {
	color: #113C6E;
}
.golfList #gifu .cityName,
.golfList #gifu.prefArea .arrow::before,
.golfList #gifu.prefArea .arrow::after,
.golfList .prefMenu li a.gifu::before,
.golfList .prefMenu li a.gifu::after{
	background: #113C6E;
}
.golfList #gifu .golfName {
	display: flex;
	align-items: center;
	min-height: 62px;
}

.golfList #kyoto {
	background: #F5ECF7;
	border-color: #B56FC1;
}
.golfList #kyoto .prefName,
.golfList #kyoto .golfName,
.golfList .prefMenu li a.kyoto {
	color: #B56FC1;
}
.golfList #kyoto .cityName,
.golfList #kyoto.prefArea .arrow::before,
.golfList #kyoto.prefArea .arrow::after,
.golfList .prefMenu li a.kyoto::before,
.golfList .prefMenu li a.kyoto::after{
	background: #B56FC1;
}


.golfList #nara {
	background: #F0ECF5;
	border-color: #674498;
}
.golfList #nara .prefName,
.golfList #nara .golfName,
.golfList .prefMenu li a.nara {
	color: #674498;
}
.golfList #nara .cityName,
.golfList #nara.prefArea .arrow::before,
.golfList #nara.prefArea .arrow::after,
.golfList .prefMenu li a.nara::before,
.golfList .prefMenu li a.nara::after{
	background: #674498;
}
.golfList #osaka {
	background: #EEF2F4;
	border-color: #5C6F7C;
}
.golfList #osaka .prefName,
.golfList #osaka .golfName,
.golfList .prefMenu li a.osaka {
	color: #5C6F7C;
}
.golfList #osaka .cityName,
.golfList #osaka.prefArea .arrow::before,
.golfList #osaka.prefArea .arrow::after,
.golfList .prefMenu li a.osaka::before,
.golfList .prefMenu li a.osaka::after{
	background: #5C6F7C;
}
.golfList #hyogo {
	background: #EAF4ED;
	border-color: #2F8E49;
}
.golfList #hyogo .prefName,
.golfList #hyogo .golfName,
.golfList .prefMenu li a.hyogo {
	color: #2F8E49;
}
.golfList #hyogo .cityName,
.golfList #hyogo.prefArea .arrow::before,
.golfList #hyogo.prefArea .arrow::after,
.golfList .prefMenu li a.hyogo::before,
.golfList .prefMenu li a.hyogo::after{
	background: #2F8E49;
}

/*251218追記はま*/
.golfList #hiroshima {
	background: #DED9D0;
	border-color: #7B6644;
}
.golfList #hiroshima .prefName,
.golfList #hiroshima .golfName,
.golfList .prefMenu li a.hiroshima {
	color: #7B6644;
}
.golfList #hiroshima .cityName,
.golfList #hiroshima.prefArea .arrow::before,
.golfList #hiroshima.prefArea .arrow::after,
.golfList .prefMenu li a.hiroshima::before,
.golfList .prefMenu li a.hiroshima::after{
	background: #7B6644;
}
/*251218追記はま*/

/*20260209追記はま*/
.golfList #fukuoka {
	background: #E8D4D2;
	border-color: #A15241;
}
.golfList #fukuoka .prefName,
.golfList #fukuoka .golfName,
.golfList .prefMenu li a.fukuoka {
	color: #A15241;
}
.golfList #fukuoka .cityName,
.golfList #fukuoka.prefArea .arrow::before,
.golfList #fukuoka.prefArea .arrow::after,
.golfList .prefMenu li a.fukuoka::before,
.golfList .prefMenu li a.fukuoka::after{
	background: #A15241;
}
.golfList #fukuoka .twoColBox:last-child .cityArea {
    margin: 0;
}
/*20260209追記はまend*/


.golfList #nagasaki {
	background: #F9ECEC;
	border-color: #C63E3E;
}
.golfList #nagasaki .prefName,
.golfList #nagasaki .golfName,
.golfList .prefMenu li a.nagasaki {
	color: #C63E3E;
}
.golfList #nagasaki .cityName,
.golfList #nagasaki.prefArea .arrow::before,
.golfList #nagasaki.prefArea .arrow::after,
.golfList .prefMenu li a.nagasaki::before,
.golfList .prefMenu li a.nagasaki::after{
	background: #C63E3E;
}
.golfList #nagasaki .twoColBox:last-child .cityArea {
    margin: 0;
}

/*20251201追記はま*/
.golfList #kumamoto {
	background: #F8CFCB;
	border-color: #E3402D;
}
.golfList #kumamoto .prefName,
.golfList #kumamoto .golfName,
.golfList .prefMenu li a.kumamoto {
	color: #E3402D;
}
.golfList #kumamoto .cityName,
.golfList #kumamoto.prefArea .arrow::before,
.golfList #kumamoto.prefArea .arrow::after,
.golfList .prefMenu li a.kumamoto::before,
.golfList .prefMenu li a.kumamoto::after{
	background: #E3402D;
}
.golfList #kumamoto .twoColBox:last-child .cityArea {
    margin: 0;
}
/*20251201追記はまend*/

/*20250217追記はま*/
.golfList #aichi {
	background: #ffe6f6;
	border-color: #c71585;
}
.golfList #aichi .prefName,
.golfList #aichi .golfName,
.golfList .prefMenu li a.aichi {
	color: #c71585;
}
.golfList #aichi .cityName,
.golfList #aichi.prefArea .arrow::before,
.golfList #aichi.prefArea .arrow::after,
.golfList .prefMenu li a.aichi::before,
.golfList .prefMenu li a.aichi::after{
	background: #c71585;
}
.golfList #aichi .twoColBox:last-child .cityArea {
    margin: 0;
}

.golfList #okinawa {
	background: #ffeae6;
	border-color: #ff421c;
}
.golfList #okinawa .prefName,
.golfList #okinawa .golfName,
.golfList .prefMenu li a.okinawa {
	color: #ff421c;
}
.golfList #okinawa .cityName,
.golfList #okinawa.prefArea .arrow::before,
.golfList #okinawa.prefArea .arrow::after,
.golfList .prefMenu li a.okinawa::before,
.golfList .prefMenu li a.okinawa::after{
	background: #ff421c;
}
.golfList #okinawa .twoColBox:last-child .cityArea {
    margin: 0;
}
/*20250217追記はまend*/


.finArea {}
.finArea .banBox {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	margin: 30px 0 0;
}
.finArea .banBox .ban {
	width: 250px;
}
.finArea .banBox .apple {
	width: 180px;
	margin-bottom: 30px;
}
.finArea .banBox .google {
	width: 223px;
}
.pageTop {
	margin: 120px 0 0;
	display: flex;
	justify-content: center;
}
.pageTop img {
	width: 83px;
}
.pageTop a:hover {
	opacity: 0.6;
}



@media only screen and (max-width: 1199.97px) {
	
.machinowacp {
	font-family: "Noto Sans Japanese";
	margin-bottom: 0;
}
.machinowacp .pc {
	display: none;
}
.machinowacp .tb {
	display: block;
}
.machinowacp .inr {
	max-width: 90%;
	margin: 0 auto;
}
.machinowacp .secTit {
	color: #1B6038;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 30px;
}


.mainKey {
	max-width: 1200px;
	margin: 0 auto 30px;
}
	
.introBox {
	max-width: 90%;
}	
.introBox .topBox {
    flex-direction: column;
    gap: 30px;
    padding: 30px 60px;
}
.flowArea .itemBoxWrap {
    column-gap: 30px;
	row-gap: 70px;
}	
.flowArea .itemBox {
    width: calc(100% / 2 - 15px);
    padding: 60px 20px 30px;
}
.flowArea .itemBox:nth-child(1) .pic {
	width: min(35%,156px);
	margin-bottom: 10px;
}
.flowArea .itemBox:nth-child(2) .pic {
	width: min(60%,254px);
	margin-right: auto;
}
.flowArea .itemBox:nth-child(3) .pic {
	width: min(63%,286px);
	margin-right: auto;
}
.flowArea .itemBox:nth-child(4) .pic {
	width: min(80%,370px);
}
.flowArea .itemBox .subTit {
	font-size: 27px;
}
.flowArea .itemBox p {
	font-size: 18px;
}
	
.golfList .twoColBox {
    display: block;
}	
.golfList .golfWrap {
}
.golfList .golfWrap .golfBox {
	width: calc(100% / 2 - 30px);
}	
.golfList .twoColBox .golfBox {
}
.golfList .cityArea {
    margin: 0 auto 60px;
}
.golfList .twoColBox .cityArea {
    margin: 0 auto 60px;
}
}


@media all and (max-width: 767.97px) {
	
.machinowacp .pc {
	display: none;
}
.machinowacp .sp {
	display: block;
}	
	
	
.introBox {
	background: #FFFFDC;
	border-radius: 0 0 10px 10px;
	margin: 0 auto 30px;
	max-width: 90%;
}
.introBox .topBox {
	background: #5ABE50;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 20px;
	border-radius: 10px 10px 0 0;
	padding: 25px 20px;
}
.introBox .topBox .logo_machinowa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.introBox .topBox .logo_machinowa img {
	max-width: 200px;
}
.introBox .topBox p {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 1.8;
	text-align: justify;
}
.introBox .appBox {
	padding: 25px 15px;
}
.introBox .catch {
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 20px;
}
.introBox .catch span {
	font-size: 22px;
	color: #5ABE50;
	background: url("../img/intro_dots.png") repeat-x bottom left;
	background-size: 10px auto;
	padding: 0 0 3px;
}
.fuki {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 0 auto 15px;
	position: relative;
	display: table;
	padding: 0 35px 0 40px;
}
.fuki:before {
	content: "";
	width: 31px;
	height: 51px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.fuki:after {
	content: "";
	width: 31px;
	height: 51px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.fuki.sp {
	display: table !important;
}
.introBox .btns {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.introBox .btns > .btn {
	width: 180px;
}
.introBox .btns > .btn.google {
	width: 223px;
}
.introBox .kome {
	display: table;
	margin: 20px auto 0;
}
.introBox .kome li {
	font-size: 11px;
	line-height: 1.6;
}
.introBox .kome li:before {
	content: "※";
}
.banArea {
	max-width: 90%;
	margin: 0 auto 30px;
}
.banArea .memo {
	font-size: 11px;
	text-align: center;
	margin: 6px 0 0;
}	
	
.flowArea {
	background: #D6EFD3;
	padding: 40px 0;
}
.flowArea .itemBoxWrap {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0;
	row-gap: 60px;
	margin: 40px 0 40px;
}
.flowArea .itemBox {
	border-radius: 30px;
	background: #fff;
	border: solid 5px #C8C7CD;
	width: 100%;
	height: auto;
	aspect-ratio: inherit;
	position: relative;
	padding: 40px 10px 15px;
	gap: 10px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
.flowArea .itemBox:nth-child(2) {
    padding-top: 50px;
    gap: 20px;
}
.flowArea .itemBox .label {
	width: 136px;
	position: absolute;
	top: -24px;
	left: calc(50% - 68px);
}
.flowArea .itemBox .pic {
	margin: 0 auto;
}
.flowArea .itemBox:nth-child(1) .pic {
	width: 105px;
}
.flowArea .itemBox:nth-child(2) .pic {
	width: 170px;
    margin-right: auto;
    position: relative;
    left: 15px;
}
.flowArea .itemBox:nth-child(3) .pic {
    width: 188px;
	margin-right: auto;
    position: relative;
	left: 0;
}
.flowArea .itemBox:nth-child(4) .pic {
	width: 242px;
}
.flowArea .itemBox:nth-child(4) .titBox  {
    margin: -15px 0 0;
}
.flowArea .itemBox .subTit {
	font-size: 21px;
	text-align: center;
	color: #00A000;
	line-height: 1.4;
	margin: 0 0 2px;
	font-weight: 700;
	letter-spacing: normal;
}
.flowArea .itemBox p {
	font-size: 17px;
	text-align: center;
	line-height: 1.4;
	font-weight: 700;
}
.flowArea .txt {
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	margin: 0 0 40px;
	letter-spacing: normal;
}
.flowArea .btn_furusato_web {
	max-width: 600px;
	margin: 0 auto;
}	
	

.golfList {
	padding: 60px 0 40px;
}
.golfList .schArea {
	margin: 40px 0;
	position: relative;
}
.golfList .sch {
	display: flex;
	justify-content: center;
	gap: 6px;
}
.golfList .sch input {
	border: solid 1px #000;
	font-size: 20px;
	width: 260px;
	padding: 3px 5px;
}
.golfList .sch button {
	background: #3CA06E;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	border-radius: 5px;
	padding: 3px 5px 3px 7px;
	width: 65px;
	letter-spacing: 0.13em;
}
.golfList .prefMenu {
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	width: 280px;
	border-radius: 15px;
	padding: 30px 30px 30px 30px;
	position: absolute;
	top: 55px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: none;
}
.golfList .prefMenu.active {
    display: block;
}
.golfList .prefMenu .flex.sp {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 0 0 0 20px;
}
.golfList .prefMenu .flex.pc {
	display: none;
}
.golfList .prefMenu ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	gap: 20px;
}
.golfList .prefMenu li {
	line-height: 1.4;
}
.golfList .prefMenu li a {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	padding: 0 20px 0 0;
	text-decoration: none;
}
.golfList .prefMenu li a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.golfList .prefMenu li a::before,
.golfList .prefMenu li a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.1px);
  right: 0;
  width: 12.8px;
  height: 1.3px;
  border-radius: 9999px;
  transform-origin: calc(100% - 0.65px) 50%;
}
.golfList .prefMenu li a::before {
  transform: rotate(42.65deg);
}
.golfList .prefMenu li a::after {
  transform: rotate(-42.65deg);
}

.golfList .prefArea {
	background: #E5F5F8;
	border-bottom: solid 5px #009DB9;
	padding: 20px 20px 20px;
	margin-bottom: 70px;
	position: relative;
	border-radius: 0 0 3px 3px;
}
.golfList .prefArea .arrow {
	position: absolute;
	bottom: -35px;
	left: 50%;
	width: 44px;
	height: 24px;
	transform: translateX(-50%);
	transition: all 0.4s;
	cursor: pointer;
}
.golfList .prefArea .arrow:hover {
	opacity: 0.6;
}
.golfList .prefArea .arrow::before,
.golfList .prefArea .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.2px);
  width: 2.4px;
  height: 24px;
  border-radius: 9999px;
  transform-origin: 50% calc(100% - 1.2px);
}
.golfList .prefArea .arrow::before {
  transform: rotate(45deg);
}
.golfList .prefArea .arrow::after {
  transform: rotate(-45deg);
}
.golfList .prefName {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
}
.golfList .accBox {
	margin: 15px 0 10px;
	display: none;
}
.golfList .accBox.open {
	display: block;
}
.golfList .twoColBox {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0 auto 40px;
	column-gap: 50px;
}
.golfList .cityName {
	color: #fff;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	padding: 6px;
	margin: 0 0 13px;
}
.golfList .cityArea {
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
}
.golfList .twoColBox .cityArea {
	max-width: 100%;
	display: block;
	margin: 0 auto 30px;
}
.golfList .twoColBox:last-child,
.golfList .cityArea:last-child {
	margin: 0 auto;
}
.golfList .twoColBox .cityArea:nth-child(3) {
	margin: 0;
}
.golfList .golfWrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	column-gap: 60px;
	row-gap: 40px;
}
.golfList .golfWrap .golfBox,
.golfList .golfBox {
	width: 100%;
}
.golfList .golfBox .thumb {
	margin: 0 0 10px;
}
.golfList .golfBox .thumb img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 500 / 190;
}
.golfList .golfBox .golfName {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 5px;
}
.golfList .golfBox .adrs {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
}
.golfList .btn-web {
	width: 250px;
	height: 48px;
	margin: 20px auto 0;
}
.golfList .btn-web a {
	background: #FF6E27;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-radius: 30px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: solid 4px #FF6E27;
	padding: 0 30px 0 0;
	text-decoration: none;
}
.golfList .btn-web a:before {
	content: "";
	background: #fff url("../images/machinowacp/arr_ora_right.png") no-repeat center;
	background-size: 11px auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
    position: absolute;
    top: -1px;
    right: -1px;
}
.golfList .btn-web a:hover {
	text-decoration: none;
}
.golfList #miyagi {
	background: #E5F5F8;
	border-color: #009DB9;
}
.golfList #miyagi .prefName,
.golfList #miyagi .golfName,
.golfList .prefMenu li a.miyagi {
	color: #009DB9;
}
.golfList #miyagi .cityName,
.golfList #miyagi.prefArea .arrow::before,
.golfList #miyagi.prefArea .arrow::after,
.golfList .prefMenu li a.miyagi::before,
.golfList .prefMenu li a.miyagi::after{
	background: #009DB9;
}
.golfList #gunma {
	background: #F5E5E5;
	border-color: #A00000;
}
.golfList #gunma .prefName,
.golfList #gunma .golfName,
.golfList .prefMenu li a.gunma{
	color: #A00000;
}
.golfList #gunma .cityName,
.golfList #gunma.prefArea .arrow::before,
.golfList #gunma.prefArea .arrow::after,
.golfList .prefMenu li a.gunma::before,
.golfList .prefMenu li a.gunma::after{
	background: #A00000;
}
.golfList #gunma .twoColBox:last-child .cityArea {
	margin: 0 auto 40px;
}
.golfList #gunma .twoColBox:last-child .cityArea:last-child {
	margin: 0 auto;
}
.golfList #tochigi {
	background: #F9F2EC;
	border-color: #C87B3D;
}
.golfList #tochigi .prefName,
.golfList #tochigi .golfName,
.golfList .prefMenu li a.tochigi {
	color: #C87B3D;
}
.golfList #tochigi .cityName,
.golfList #tochigi.prefArea .arrow::before,
.golfList #tochigi.prefArea .arrow::after,
.golfList .prefMenu li a.tochigi::before,
.golfList .prefMenu li a.tochigi::after{
	background: #C87B3D;
}
.golfList #ibaraki {
	background: #E5F1F9;
	border-color: #0078C6;
}
.golfList #ibaraki .prefName,
.golfList #ibaraki .golfName,
.golfList .prefMenu li a.ibaraki {
	color: #0078C6;
}
.golfList #ibaraki .cityName,
.golfList #ibaraki.prefArea .arrow::before,
.golfList #ibaraki.prefArea .arrow::after,
.golfList .prefMenu li a.ibaraki::before,
.golfList .prefMenu li a.ibaraki::after{
	background: #0078C6;
}
.golfList #ibaraki .cityArea {
    display: block;
}
.golfList #chiba {
	background: #FBEED9;
	border-color: #E58B00;
}
.golfList #chiba .prefName,
.golfList #chiba .golfName,
.golfList .prefMenu li a.chiba {
	color: #E58B00;
}
.golfList #chiba .cityName,
.golfList #chiba.prefArea .arrow::before,
.golfList #chiba.prefArea .arrow::after,
.golfList .prefMenu li a.chiba::before,
.golfList .prefMenu li a.chiba::after{
	background: #E58B00;
}
.golfList #chiba .golfName.long {
	display: flex;
	align-items: center;
	min-height: inherit;
}

.golfList #saitama {
	background: #F0F9ED;
	border-color: #6EC850;
}
.golfList #saitama .prefName,
.golfList #saitama .golfName,
.golfList .prefMenu li a.saitama {
	color: #6EC850;
}
.golfList #saitama .cityName,
.golfList #saitama.prefArea .arrow::before,
.golfList #saitama.prefArea .arrow::after,
.golfList .prefMenu li a.saitama::before,
.golfList .prefMenu li a.saitama::after{
	background: #6EC850;
}

/*250903hama*/
.golfList #yamanashi {
	background: #D9E5DF;
	border-color: #67987F;
}
.golfList #yamanashi .prefName,
.golfList #yamanashi .golfName,
.golfList .prefMenu li a.yamanashi {
	color: #67987F;
}
.golfList #yamanashi .cityName,
.golfList #yamanashi.prefArea .arrow::before,
.golfList #yamanashi.prefArea .arrow::after,
.golfList .prefMenu li a.yamanashi::before,
.golfList .prefMenu li a.yamanashi::after{
	background: #67987F;
}
/*250903hama*/

.golfList #shizuoka {
	background: #EFF0F7;
	border-color: #5F67AE;
}
.golfList #shizuoka .prefName,
.golfList #shizuoka .golfName,
.golfList .prefMenu li a.shizuoka {
	color: #5F67AE;
}
.golfList #shizuoka .cityName,
.golfList #shizuoka.prefArea .arrow::before,
.golfList #shizuoka.prefArea .arrow::after,
.golfList .prefMenu li a.shizuoka::before,
.golfList .prefMenu li a.shizuoka::after{
	background: #5F67AE;
}
.golfList #mie {
	background: #FCF2F5;
	border-color: #E57D9A;
}
.golfList #mie .prefName,
.golfList #mie .golfName,
.golfList .prefMenu li a.mie {
	color: #E57D9A;
}
.golfList #mie .cityName,
.golfList #mie.prefArea .arrow::before,
.golfList #mie.prefArea .arrow::after,
.golfList .prefMenu li a.mie::before,
.golfList .prefMenu li a.mie::after{
	background: #E57D9A;
}
.golfList #gifu {
	background: #E7EBF0;
	border-color: #113C6E;
}
.golfList #gifu .prefName,
.golfList #gifu .golfName,
.golfList .prefMenu li a.gifu {
	color: #113C6E;
}
.golfList #gifu .cityName,
.golfList #gifu.prefArea .arrow::before,
.golfList #gifu.prefArea .arrow::after,
.golfList .prefMenu li a.gifu::before,
.golfList .prefMenu li a.gifu::after{
	background: #113C6E;
}
.golfList #gifu .golfName {
	display: flex;
	align-items: center;
	min-height: inherit;
}

.golfList #nara {
	background: #F0ECF5;
	border-color: #674498;
}
.golfList #nara .prefName,
.golfList #nara .golfName,
.golfList .prefMenu li a.nara {
	color: #674498;
}
.golfList #nara .cityName,
.golfList #nara.prefArea .arrow::before,
.golfList #nara.prefArea .arrow::after,
.golfList .prefMenu li a.nara::before,
.golfList .prefMenu li a.nara::after{
	background: #674498;
}
.golfList #osaka {
	background: #EEF2F4;
	border-color: #5C6F7C;
}
.golfList #osaka .prefName,
.golfList #osaka .golfName,
.golfList .prefMenu li a.osaka {
	color: #5C6F7C;
}
.golfList #osaka .cityName,
.golfList #osaka.prefArea .arrow::before,
.golfList #osaka.prefArea .arrow::after,
.golfList .prefMenu li a.osaka::before,
.golfList .prefMenu li a.osaka::after{
	background: #5C6F7C;
}
.golfList #hyogo {
	background: #EAF4ED;
	border-color: #2F8E49;
}
.golfList #hyogo .prefName,
.golfList #hyogo .golfName,
.golfList .prefMenu li a.hyogo {
	color: #2F8E49;
}
.golfList #hyogo .cityName,
.golfList #hyogo.prefArea .arrow::before,
.golfList #hyogo.prefArea .arrow::after,
.golfList .prefMenu li a.hyogo::before,
.golfList .prefMenu li a.hyogo::after{
	background: #2F8E49;
}

/*251218追記はま*/
.golfList #hiroshima {
	background: #DED9D0;
	border-color: #7B6644;
}
.golfList #hiroshima .prefName,
.golfList #hiroshima .golfName,
.golfList .prefMenu li a.hiroshima {
	color: #7B6644;
}
.golfList #hiroshima .cityName,
.golfList #hiroshima.prefArea .arrow::before,
.golfList #hiroshima.prefArea .arrow::after,
.golfList .prefMenu li a.hiroshima::before,
.golfList .prefMenu li a.hiroshima::after{
	background: #7B6644;
}
/*251218追記はま*/

.golfList #nagasaki {
	background: #F9ECEC;
	border-color: #C63E3E;
}
.golfList #nagasaki .prefName,
.golfList #nagasaki .golfName,
.golfList .prefMenu li a.nagasaki {
	color: #C63E3E;
}
.golfList #nagasaki .cityName,
.golfList #nagasaki.prefArea .arrow::before,
.golfList #nagasaki.prefArea .arrow::after,
.golfList .prefMenu li a.nagasaki::before,
.golfList .prefMenu li a.nagasaki::after{
	background: #C63E3E;
}
.golfList #nagasaki .twoColBox:last-child .cityArea {
    margin: 0;
}

/*20251201追記はま*/
.golfList #nagasaki {
	background: #F8CFCB;
	border-color: #E3402D;
}
.golfList #nagasaki .prefName,
.golfList #nagasaki .golfName,
.golfList .prefMenu li a.nagasaki {
	color: #E3402D;
}
.golfList #nagasaki .cityName,
.golfList #nagasaki.prefArea .arrow::before,
.golfList #nagasaki.prefArea .arrow::after,
.golfList .prefMenu li a.nagasaki::before,
.golfList .prefMenu li a.nagasaki::after{
	background: #E3402D;
}
.golfList #nagasaki .twoColBox:last-child .cityArea {
    margin: 0;
}
/*20251201追記はまend*/

/*20250217追記はま*/
.golfList #aichi {
	background: #ffe6f6;
	border-color: #c71585;
}
.golfList #aichi .prefName,
.golfList #aichi .golfName,
.golfList .prefMenu li a.aichi {
	color: #c71585;
}
.golfList #aichi .cityName,
.golfList #aichi.prefArea .arrow::before,
.golfList #aichi.prefArea .arrow::after,
.golfList .prefMenu li a.aichi::before,
.golfList .prefMenu li a.aichi::after{
	background: #c71585;
}
.golfList #aichi .twoColBox:last-child .cityArea {
    margin: 0;
}

.golfList #okinawa {
	background: #ffeae6;
	border-color: #ff421c;
}
.golfList #okinawa .prefName,
.golfList #okinawa .golfName,
.golfList .prefMenu li a.okinawa {
	color: #ff421c;
}
.golfList #okinawa .cityName,
.golfList #okinawa.prefArea .arrow::before,
.golfList #okinawa.prefArea .arrow::after,
.golfList .prefMenu li a.okinawa::before,
.golfList .prefMenu li a.okinawa::after{
	background: #ff421c;
}
.golfList #okinawa .twoColBox:last-child .cityArea {
    margin: 0;
}
/*20250217追記はまend*/

.finArea {}
.finArea .banBox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 20px;
	margin: 20px 0 0;
}
.finArea .banBox .btns {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.finArea .banBox .ban {
	width: 175px;
}
.finArea .banBox .apple {
	width: 120px;
	margin-bottom: 0;
}
.finArea .banBox .google {
	width: 150px;
}
.pageTop {
	margin: 50px 0 0;
	display: flex;
	justify-content: center;
}
.pageTop img {
	width: 40px;
}	
}