@charset "utf-8";
/*== TOPページ ==*/
/*MV*/
.mv {
	height: 100vh;
	position: relative;
	z-index: 0;
	clip-path: inset(0);
	overflow: hidden;
}
.mv .img_photo {
	object-fit: cover;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -9999;
}

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

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

@media screen and (max-width:1200px) {
	.mv {
		height: 80vh;
	}
	.mv .img_photo {
		position: absolute;
	}
}

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


/*INTRO*/
.intro {
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_01.jpg);
	background-attachment: fixed;
	position: relative;
}
.intro:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/common/pc/wagara_bk_01.png);
	background-repeat: repeat-y;
	background-size: 740px;
	width: 740px;
	height: 100%;
	z-index: 0;
	opacity: .1;
}
.intro .inner {
}
.intro .inner .flex_box {
	max-width: 1740px;
	width: 90.625%;
	margin: 0 auto;
}
.intro .inner .flex_box .txt_box {
	max-width: 895px;
	width: 51.4368%;
	padding-right: 50px;
	box-sizing: border-box;
}
.intro .inner .flex_box .txt_box .sticky {
	position: sticky;
	top: 50px;
}
.intro .inner .flex_box .txt_box .sticky h2 {
	font-size: 60px;
	font-size: 3.1vw;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	display: flex;
	flex-wrap: wrap;
}
.intro .inner .flex_box .txt_box .sticky h2 .first {
	display: block;
	width: 100%;
}
.intro .inner .flex_box .txt_box .sticky h2 .second {
	width: 385px;
	display: block;
}
.intro .inner .flex_box .txt_box .sticky h2 .third {
	margin-left: 10px;
}

.intro .inner .flex_box .txt_box .sticky p {
	font-size: 36px;
	font-size: 1.87vw;
	font-size: 28px;
	font-weight: bold;
}
.intro .inner .flex_box .txt_box .sticky p + p {
	margin-top: 50px;
}
.intro .inner .flex_box .txt_box .sticky p a {
    display: inline-block;
	border-bottom: 4px solid #987803;
    line-height: 1.2;
}
.intro .inner .flex_box .img_box {
	max-width: 845px;
	width: 48.5633%;
	position: relative;
}
.intro .inner .flex_box .img_list li.intro_01 {
	max-width: 455px;
	width: 53.8462%;
}
.intro .inner .flex_box .img_list li.intro_02 {
	max-width: 640px;
	width: 75.7397%;
	margin: 0 0 0 auto;
	margin-top: 120px;
}
.intro .inner .flex_box .img_list li.intro_03 {
	max-width: 425px;
	width: 50.2959%;
	margin: 0 auto;
	margin-top: 120px;
}
.intro .inner .flex_box .img_list li.intro_04 {
	max-width: 455px;
	width: 53.8462%;
	margin: 0 0 0 auto;
	margin-top: 120px;
}
.intro .inner .flex_box .img_list li.intro_05 {
	max-width: 530px;
	width: 62.7219%;
	margin-top: 200px;
}
.intro .inner .flex_box .img_list li.intro_06 {
	width: 520px;
	width: 61.5385%;
	margin: 0 auto;
	margin-top: 150px;
}
.intro .inner .flex_box .img_box li .img_photo img {
	box-shadow: 7px 7px 7px rgba(0,0,0,.3);
}
.intro .img_list img.sma {
	scale: .7;
	transition: .8s;
}
.intro .img_list img.lar {
	scale: 1;
	transition: .8s;
}


@media screen and (max-width:1600px) {
	.intro:before {
		background-size: 540px;
		width: 540px;
	}
	.intro .inner .flex_box {
		max-width: 1280px;
	}
	.intro .inner .flex_box .txt_box .sticky h2 {
	}
	.intro .inner .flex_box .txt_box .sticky h2 .second {
		width: 280px;
	}
	.intro .inner .flex_box .txt_box .sticky p {
	}
}

@media screen and (max-width:1440px) {
	.intro:before {
		background-size: 440px;
		width: 440px;
	}
	.intro .inner .flex_box .txt_box .sticky h2 .second {
		width: 260px;
	}
}
@media screen and (max-width:1440px) {
}

@media screen and (max-width:1200px) {
	.intro {
		padding-top: 50px;
		padding-bottom: 80px;
	}
	.intro:before {
		background-size: 300px;
		width: 300px;
	}
	.intro .inner {
		padding-left: 5%;
		padding-right: 5%;
	}
	.intro .inner .flex_box {
		width: 100%;
		display: block;
	}
	.intro .inner .flex_box .txt_box {
		width: 100%;
		padding-right: 0;
	}
	.intro .inner .flex_box .txt_box .sticky h2 {
		font-size: 48px;
	}
	.intro .inner .flex_box .txt_box .sticky p {
		margin-top: 25px;
		font-size: 24px;
	}
	.intro .inner .flex_box .img_box {
		width: 100%;
		height: 100%;
		margin-top: 80px;
		-webkit-clip-path: inset(0);
		clip-path: inset(0);
	    overflow: hidden;
	    position: relative;
        z-index: 0;
	}
	
	.intro .inner .flex_box .img_list li.intro_01 {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
	}
	.intro .inner .flex_box .img_list li.intro_02,
	.intro .inner .flex_box .img_list li.intro_03,
	.intro .inner .flex_box .img_list li.intro_04,
	.intro .inner .flex_box .img_list li.intro_05,
	.intro .inner .flex_box .img_list li.intro_06 {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		margin-top: 80px;
	}
	.intro .img_list img.sma {
		scale: .7;
		transition: .8s;
	}
	.intro .img_list img.lar {
		scale: 1;
		transition: .8s;
	}
}

@media screen and (max-width:599px) {
	.intro {
		padding-bottom: 50px;
	}
	.intro:before {
		background-size: 170px;
		width: 170px;
	}
	.intro .inner .flex_box .txt_box .sticky h2 {
		font-size: 36px;
	}
	.intro .inner .flex_box .txt_box .sticky h2 .second {
		display: flex;
	}
	.intro .inner .flex_box .txt_box .sticky h2 .third {
		margin-left: 0;
	}
	.intro .inner .flex_box .txt_box .sticky p {
		font-size: 21px;
	}

	.intro .inner .flex_box .img_box {
		margin-top: 50px;
	}
	.intro .inner .flex_box .img_list li.intro_01 {
	}
	.intro .inner .flex_box .img_list li.intro_02,
	.intro .inner .flex_box .img_list li.intro_03,
	.intro .inner .flex_box .img_list li.intro_04,
	.intro .inner .flex_box .img_list li.intro_05,
	.intro .inner .flex_box .img_list li.intro_06 {
		margin-top: 30px;
	}
}


/*「龍馬の部屋」イベントホール キタガワ*/
.eventhall {
	padding-top: 100px;
	background-image: url(../images/common/pc/bk_02.png);
	position: relative;
    overflow: hidden;
}
.eventhall:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/common/pc/wagara_bk_01.png);
	background-repeat: repeat-y;
	background-size: 740px;
	width: 740px;
	height: 100%;
	z-index: 0;
	opacity: .1;
}
.eventhall .inner {
	font-size: 0;
}
.eventhall .ryoma_top {
	max-width: 1240px;
	width: 75%;
	margin: 0 auto;
	position: relative;
}
.eventhall .txt_intro {
	margin-top: 50px;
	text-align: center;
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: bold;
}
.eventhall .event_list {
	max-width: 1440px;
	width: 90%;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
	position: relative;
}				
.eventhall .event_list .list_box {
	max-width: 1000px;
	width: 55.4445%;
	background-image: url(../images/common/pc/bk_03.png);
	padding: 20px;
}
.eventhall .event_list .list_box ul {
	background-image: url(../images/common/pc/bk_02.png);
	padding: 30px;
}
.eventhall .event_list .list_box ul li {
	font-size: 32px;
	font-size: 1.65vw;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	padding-left: 30px;
}
.eventhall .event_list .list_box ul li:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	background-color: #000;
	width: 18px;
	height: 18px;
}
.eventhall .event_list .list_box ul li + li {
	margin-top: 30px;
}
.eventhall .event_list .img_photo {
	max-width: 550px;
	width: 55%;
	position: absolute;
	top: 100px;
	right: 0;
}
.map {
	font-size: 0;
	position: relative;
}
.map iframe {
	width: 100%;
	height: 450px;
	filter:grayscale(100%);-webkit-filter:grayscale(100%)
}

@media screen and (max-width:1600px) {
	.eventhall:before {
		background-size: 540px;
		width: 540px;
	}
	.eventhall .event_list .img_photo {
		right: 10px;
		max-width: 470px;
	}
}

@media screen and (max-width:1440px) {
	.eventhall:before {
		background-size: 440px;
		width: 440px;
	}
}

@media screen and (max-width:1200px) {
	.eventhall {
		padding-top: 80px;
	}
	.eventhall:before {
		background-size: 300px;
		width: 300px;
	}
	.eventhall .inner {
	}
	.eventhall .ryoma_top {
		padding-left: 5%;
		padding-right: 5%;
	}
	.eventhall .txt_intro {
		font-size: 24px;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.eventhall .event_list {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		margin-top: 50px;
		margin-bottom: 80px;
		position: relative;
		z-index: 1;
	}
	.eventhall .event_list .list_box {
		width: 100%;
		box-sizing: border-box;
	}
	.eventhall .event_list .list_box ul li {
		font-size: 21px;
	}
	.eventhall .event_list .img_photo {
		max-width: 330px;
		top: 120px;
		
	}
}

@media screen and (max-width:1024px) {
	.eventhall .event_list .list_box ul li:before {
		top: 0px;
	}
	.eventhall .event_list .img_photo {
		max-width: 240px;
		top: 180px;
	}
}

@media screen and (max-width:599px) {
	.eventhall {
		padding-top: 50px;
	}
	.eventhall:before {
		background-size: 170px;
		width: 170px;
	}
	
	.eventhall .ryoma_top {
		width: 100%;
		box-sizing: border-box;
	}
	.eventhall .txt_intro {
		font-size: 21px;
		text-align: left;
		margin-top: 30px;
	}


	.eventhall .event_list {
		margin-top: 50px;
		margin-bottom: 210px;
	}
	.eventhall .event_list .list_box {
		padding: 10px;
	}
	.eventhall .event_list .list_box ul {
		padding: 10px;
	}
	.eventhall .event_list .list_box ul li {
		/*font-size: 18px;*/
		line-height: 1.3;
	}
	.eventhall .event_list .list_box ul li + li {
		margin-top: 20px;
	}
	.eventhall .event_list .list_box ul li:before {
		top: 3px;
	}
	.eventhall .event_list .img_photo {
        max-width: 270px;
        width: 100%;
		top: auto;
		bottom: -210px;
		left: 50px;
		z-index: 1;
	}
}



/*== 高知県宿毛市ページ ==*/
/*KV*/
.kv_sukumo {
	overflow: initial;
}
.kv_sukumo .item_01 {
	position: absolute;
	bottom: 70px;
	left: 50px;
	max-width: 430px;
}
.kv_sukumo .item_02 {
	position: absolute;
	bottom: -100px;
	right: 50px;
	max-width: 370px;
	transform-origin: center bottom;
	animation: yurayura 2.5s linear infinite;
	z-index: 2;
}

@keyframes yurayura {
  0% , 100%{
	  transform: rotate(10deg);
  }
  50%{
	  transform: rotate(-10deg);
  }
}

@media screen and (max-width:1600px) {
	.kv_sukumo .item_01 {
		bottom: 50px;
		left: 30px;
		max-width: 350px;
	}
	.kv_sukumo .item_02 {
		max-width: 320px;
	}
}

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

@media screen and (max-width:1300px) {
	.kv_sukumo .item_01 {
		max-width: 300px;
	}
	.kv_sukumo .item_02 {
		max-width: 255px;
	}
}

@media screen and (max-width:1200px) {
	.kv_sukumo .item_02 {
		max-width: 200px;
		bottom: -50px;
	}
}

@media screen and (max-width:599px) {
	.kv_sukumo .item_01 {
		max-width: 170px;
		left: 20px;
	}
	.kv_sukumo .item_02 {
		max-width: 150px;
		bottom: -15px;
        right: 20px;
	}
}

/*共通タイトル*/ 
.main_sukumo h3.ttl_tips {
	font-size: 72px;
	font-size: 3.75vw;
	font-weight: bold;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
.main_sukumo h3.ttl_tips span {
	position: relative;
}
.main_sukumo h3.ttl_tips span:before,
.main_sukumo h3.ttl_tips span:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: 50px;
	width: 50px;
	height: 50px;
}
.main_sukumo h3.ttl_tips span:before {
	top: -15px;
	left: -50px;
	background-image: url(../images/sukumo/pc/ttl_item_01.png);
}
.main_sukumo h3.ttl_tips span:after {
	bottom: -15px;
	right: -50px;
	background-image: url(../images/sukumo/pc/ttl_item_02.png);
}


@media screen and (max-width:1200px) {
	.main_sukumo h3.ttl_tips {
		font-size: 48px;
	}
}

@media screen and (max-width:599px) {
	.main_sukumo h3.ttl_tips {
		font-size: 36px;
		line-height: 1.3;
	}
}


/*私が生まれた高知県宿毛市*/
.sukumo {
	background-color: #deebe9;
	position: relative;
	padding-top: 150px;
	padding-bottom: 100px;
}
.sukumo:before,
.sukumo:after {
	content: "";
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 60px;
	z-index: 1;
}
.sukumo:before {
	top: -59px;
	background-image: url(../images/sukumo/pc/sukumo_bk_top.png);
}
.sukumo:after {
	bottom: -55px;
	background-image: url(../images/sukumo/pc/sukumo_bk_bottom.png);
}

.natural {
	margin-top: 80px;
}
.ingredients,
.culture{
	margin-top: 50px;
}

.sukumo h4 {
	font-size: 60px;
	font-size: 3.1vw;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.bk_sukumo {
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../images/sukumo/pc/bk_sukumo_01.png);
	margin-top: 20px;
}


@media screen and (max-width:1600px) {
	.sukumo {
		padding-top: 100px;
	}
	.sukumo:before {
		top: -30px;
	}
	.sukumo:after {
		bottom: -45px;
	}
}

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

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


@media screen and (max-width:1200px) {
	.sukumo {
		padding-bottom: 50px;
	}
	.sukumo:before,
	.sukumo:after {
		background-size: cover;
	}
	.sukumo:before {
		top: -59px;
		background-image: url(../images/sukumo/sp/sukumo_bk_top.png);
	}
	.sukumo:after {
		bottom: -55px;
		background-image: url(../images/sukumo/sp/sukumo_bk_bottom.png);
	}
	.sukumo h4 {
		font-size: 36px;
	}
}

@media screen and (max-width:599px) {
	.sukumo {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.natural {
	    margin-top: 50px;
	}
	.sukumo h4 {
	    font-size: 28px;
	}
}


/*歩み*/
.history {
	padding-top: 130px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_02.png);
	position: relative;
	z-index: 0;
}
.history:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/common/pc/wagara_bk_02.png);
	background-repeat: repeat-y;
	background-size: 740px;
	width: 740px;
	height: 100%;
	z-index: -1;
	opacity: .1;
}
.history .flex_box {
	max-width: 1340px;
	margin: 0 auto;
	margin-top: 80px;
}
.history .index_box {
	max-width: 240px;
	width: 100%;
	padding-right: 80px;
	position: relative;
	margin-top: 20px;
}
.history .index_box .sticky {
	position: sticky;
	top: 20px;
}
.history .index_box .sticky ul {}
.history .index_box .sticky ul li {}
.history .index_box .sticky ul li a {
	font-size: 36px;
	font-size: 1.9vw;
	font-weight: bold;
	color: #959595;
}
.history .index_box .sticky ul li a.active {
	color: #000;
	position: relative;
}
.history .index_box .sticky ul li a.active:before {
	content: "";
	position: absolute;
	top: 20px;
	left: -25px;
	background-color: #987803;
	width: 13px;
	height: 13px;
	border-radius: 20px;
}
.history .history_box {
	max-width: 1070px;
	width: 100%;
	background-color: #f6f6f6;
	padding: 0 50px 100px;
	box-sizing: border-box;
}
.history .history_box .history_list {}
.history .history_box .history_list > li {
	display: flex;
}
.history .history_box .history_list > li h4 {}

.history .history_box .history_list > li ol {}
.history_list {
	position: relative;
}
.history .history_box .history_list:before {
	content: "";
	display: block;
	position: absolute;
	top: 62px;
	left: 295px;
	background-color: #987803;
	width: 1px;
	height: 100%;
}
.history .history_box .history_list > li {
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
}
.history .history_box .history_list li + li {
}
.history .history_box .history_list li h4 {
	font-weight: bold;
	width: 400px;
	position: relative;
	line-height: 1;
}
.history .history_box .history_list li h4 .ad {
	font-size: 72px;
	font-size: 3.8vw;
}
.history .history_box .history_list li h4 span.gold {
	color: #987803;
	letter-spacing: -5px;
	margin-right: 3px;
}
.history .history_box .history_list li h4 .year {
	display: block;
	font-size: 24px;
	font-size: 1.25vw;
}

.history .history_box .history_list li h4:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 273px;
	background-color: #987803;
	width: 45px;
	height: 45px;
	border-radius: 50px;
}
.history .history_box .history_list li ol {
	width: 670px;
	margin-top: 4px;
}
.history .history_box .history_list li ol li {
	font-size: 18px;
	flex-wrap: wrap;
}
.history .history_box .history_list li ol li + li {
	margin-top: 70px;
}
.history .history_box .history_list li ol li .img_photo img {
	box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);
}
.history .history_box .history_list li ol li p {
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: bold;
}


@media screen and (max-width:1600px) {
	.history {
		padding-top: 100px;
	}
	.history:before {
		background-size: 540px;
		width: 540px;
	}
	.history .flex_box {
		max-width: 1000px;
	}
	.history .index_box {
		max-width: 170px;
		padding-right: 50px;
	}
	.history .index_box .sticky ul li a.active:before {
		top: 12px;
	}
	.history .history_box {
		max-width: 800px;
	}
	.history .history_box .history_list:before {
		left: 217px;
	}
	.history .history_box .history_list li h4:before {
		left: 197px;
		width: 40px;
		height: 40px;
	}
	
}

@media screen and (max-width:1440px) {
	.history:before {
		background-size: 440px;
		width: 440px;
	}
	.history .history_box .history_list:before {
		left: 212px;
	}
	.history .history_box .history_list li h4:before {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width:1300px) {
	.history .index_box .sticky ul li a.active:before {
		top: 10px;
	}
}

@media screen and (max-width:1200px) {
	.history {
		padding-bottom: 80px;
	}
	.history:before {
		background-size: 300px;
		width: 300px;
	}
	.history .inner {
		padding-left: 5%;
		padding-right: 5%;
	}
	.history .flex_box {
		margin-top: 50px;
		display: block;
	}
	.history .index_box {
		display: none;
	}

	.history .history_box {
		max-width: initial;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 30px;
	}
	.history .history_box .history_list:before {
		content: none;
	}
	.history .history_box .history_list li {
		display: block;
	}
	.history .history_box .history_list > li {
	}
	.history .history_box .history_list li h4 {
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #999;
		padding-left: 10px;
		padding-right: 10px;
	}
	.history .history_box .history_list li h4:before {
		content: none;
	}
	.history .history_box .history_list li h4 .ad {
		font-size: 46px;
	}
	.history .history_box .history_list li h4 .year {
		display: inline-block;
		font-size: 28px;
	}
	.history .history_box .history_list li ol {
		width: 100%;
		margin-top: 15px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.history .history_box .history_list li ol li {
	}
	.history .history_box .history_list li ol li + li {
		margin-top: 20px;
	}
	.history .history_box .history_list li ol li .img_photo {
		width: 100%;
	}
	.history .history_box .history_list li ol li span,
	.history .history_box .history_list li ol li p {
		width: 100%;
		font-size: 24px;
		margin-top: 10px;
	}
}

@media screen and (max-width:599px) {
	.history {
		padding-bottom: 50px;
	}
	.history:before {
		background-size: 170px;
		width: 170px;
	}
	.history .history_box {
		padding: 0 15px 30px;
	}
	.history .history_box .history_list > li {
		padding-top: 30px;
	}
	.history .history_box .history_list li h4 {
		box-sizing: border-box;
	}
	.history .history_box .history_list li h4 .ad {
		font-size: 36px;
	}
	.history .history_box .history_list li h4 .year {
		font-size: 21px;
	}
	.history .history_box .history_list li ol li span,
	.history .history_box .history_list li ol li p {
		font-size: 21px;
	}
	.history .history_box .history_list li h4 span.gold {
	    letter-spacing: -1px;
	}
}


/*== 木川銘木ページ ==*/
/*KV*/


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

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

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

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

/*共通タイトル*/ 
.main_wood h3.ttl_tips {
	font-size: 72px;
	font-size: 3.75vw;
	font-weight: bold;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
.main_wood h3.ttl_tips span {
	position: relative;
	z-index: 1;
	color: #fff;
}
.main_wood h3.ttl_tips span:before {
	content: "";
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../images/wood/pc/ttl_item.png);
	background-repeat: no-repeat;
	background-size: 545px;
	width: 545px;
	height: 210px;
	z-index: -1;
}

@media screen and (max-width:1600px) {
	.main_wood h3.ttl_tips span:before {
		background-size: 440px;
		width: 440px;
		height: 170px;
	}
}

@media screen and (max-width:1440px) {
	.main_wood h3.ttl_tips {
		font-size: 48px;
	}
	.main_wood h3.ttl_tips span:before {
		background-size: 440px;
		width: 440px;
		height: 170px;
	}
}

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

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


/*北川銘木*/
.wood {
	padding-top: 150px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_03.png);
	position: relative;
	z-index: 0;
}
.wood:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/common/pc/wagara_bk_03.png);
	background-repeat: repeat-y;
	background-size: 740px;
	width: 740px;
	height: 100%;
	z-index: -1;
	opacity: .2;
}
.wood .inner {}
.wood .flex_box {
	max-width: 1740px;
	width: 90.625%;
	margin: 0 auto;
	margin-top: 100px;
	flex-wrap: wrap; 
	flex-direction: row-reverse;
}
.wood .flex_box .txt_box {
	max-width: 895px;
	width: 51.4368%;
	padding-left: 50px;
	box-sizing: border-box;
	margin-top: 50px;
	position: relative;
    z-index: 0;
}
.wood .flex_box .txt_box .sticky {
	position: sticky;
	top: 50px;
}
.wood .flex_box .txt_box .sticky h4 {
	font-size: 60px;
	font-size: 3.1vw;
	font-weight: bold;
}
.wood .flex_box .txt_box .sticky p {
	font-size: 36px;
	font-size: 1.87vw;
	font-size: 28px;
	font-weight: bold;
}
.wood .flex_box .img_box {
	max-width: 845px;
	width: 48.5633%;
}
.wood .flex_box .img_list li.wood_01 {
	max-width: 455px;
	width: 53.8462%;
}
.wood .flex_box .img_list li.wood_02 {
	max-width: 640px;
	width: 75.7397%;
	margin: 0 0 0 auto;
	margin-top: 120px;
}
.wood .flex_box .img_list li.wood_03 {
	max-width: 425px;
	width: 50.2959%;
	margin: 0 auto;
	margin-top: 120px;
}
.wood .flex_box .img_list li.wood_04 {
	max-width: 455px;
	width: 53.8462%;
	margin: 0 0 0 auto;
	margin-top: 120px;
}
.wood .flex_box .img_list li.wood_05 {
	max-width: 530px;
	width: 62.7219%;
	margin-top: 120px;
}
.wood .flex_box .img_list li.wood_06 {
	max-width: 425px;
	width: 50.2959%;
	margin: 0 0 0 auto;
	margin-top: 120px;
}
.wood .flex_box .img_list li.wood_07 {
	max-width: 455px;
	width: 53.8462%;
	margin: 0 auto;
	margin-top: 120px;
}
.wood .flex_box .img_list li .img_photo img {
	box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);
}
.wood .flex_box .img_list li .img_photo img.sma {
	scale: .7;
	transition: .8s;
}
.wood .flex_box .img_list li .img_photo img.lar {
	scale: 1;
	transition: .8s;
}

@media screen and (max-width:1600px) {
	.wood:before {
		background-size: 540px;
		width: 540px;
	}
}

@media screen and (max-width:1440px) {
	.wood:before {
		background-size: 440px;
		width: 440px;
	}
}

@media screen and (max-width:1200px) {
	.wood {
		padding-top: 130px;
		padding-bottom: 50px;
	}
	.wood:before {
		background-size: 300px;
		width: 300px;
	}
	.wood .inner {
		padding-left: 5%;
		padding-right: 5%;
	}
	.wood .flex_box {
		width: 100%;
		display: block;
	}
	.wood .flex_box .txt_box {
		max-width: 1200px;
		width: 100%;
		margin-top: 0;
		padding-left: 0;
	}
	.wood .flex_box .txt_box .sticky h4 {
		font-size: 36px;
	}
	.wood .flex_box .txt_box .sticky p {
		font-size: 24px;
	}
	.wood .flex_box .img_box {
		width: 100%;
		margin-top: 80px;
		clip-path: inset(0);
	    overflow: hidden;
	}
    .wood .flex_box .img_list li.wood_01 {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }
	.wood .flex_box .img_list li.wood_02,
	.wood .flex_box .img_list li.wood_03,
	.wood .flex_box .img_list li.wood_04,
	.wood .flex_box .img_list li.wood_05,
	.wood .flex_box .img_list li.wood_06,
	.wood .flex_box .img_list li.wood_07 {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
		margin-top: 80px;
	}
}

@media screen and (max-width:599px) {
	.wood {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.wood:before {
		background-size: 170px;
		width: 170px;
	}
	.main_wood h3.ttl_tips {
		font-size: 36px;
	}
	.main_wood h3.ttl_tips span:before {
		top: -32px;
		background-size: 280px;
		width: 280px;
		height: 110px;
	}
	.wood .flex_box {
		margin-top: 60px;
	}
	.wood .flex_box .txt_box .sticky h4 {
		font-size: 28px;
	}
	.wood .flex_box .txt_box .sticky p {
		font-size: 21px;
	}
	.wood .flex_box .img_box {
		margin-top: 50px;
	}
}


/*茶室*/
.tea_house {
	padding-top: 150px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_04.jpg);
	background-attachment: fixed;
	position: relative;
    z-index: 0;
}
.tea_house .inner {}
.tea_house h4.ttl_sub {
	margin-top: 100px;
	text-align: center;
}
.tea_house h4.ttl_sub span.ttl {
	font-size: 48px;
	font-size: 2.5vw;
	font-weight: bold;
	display: block;
}
.tea_house h4.ttl_sub span.txt {
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: bold;
}
.tea_house .area{
	overflow: hidden;
}
.tea_house .wrap{
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}
.tea_house .wrap li {
	width: 100%!important;
}
.tea_house .wrap li + li {
	margin-top: 100px;
}


/*1枚目*/
.tea_house .wrap li.item.item_01 .flex_box {
	max-width: 1500px;
	width: 80%;
	margin: 0 auto;
}
.tea_house .wrap li.item.item_01 .flex_box .figure_box {
	max-width: 750px;
	width: 50%;
}
.tea_house .wrap li.item.item_01 .flex_box .figure_box img {
	box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);
}
.tea_house .wrap li.item.item_01 .flex_box .figure_box p.notes {
	font-size: 36px;
	font-size: 1.87vw;
	font-size: 28px;
	font-weight: bold;
	color: #987803;
	margin-top: 50px;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box {
	max-width: 750px;
	width: 50%;
	padding-left: 60px;
	box-sizing: border-box;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box h4 {
	font-size: 48px;
	font-size: 2.5vw;
	font-weight: bold;
	margin-top: 50px;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box p {
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: bold;
	margin-top: 30px;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn {
	margin-top: 50px;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a {
	display: inline-block;
	width: 400px;
	height: 80px;
	background-color: #003442;
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: bold;
	color: #fff;
	position: relative;
	text-align: center;
	line-height: 83px;
	padding-left: 37px;
	box-sizing: border-box;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a:before {
	content: "";
	position: absolute;
	top: 19px;
	left: 23px;
	background-image: url(../images/wood/pc/rink_icon.png);
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
}
.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a:hover {
	background-color: #987803;
}


@media screen and (max-width:1600px) {
	.tea_house .wrap li.item.item_01 .flex_box .txt_box h4 {
		margin-top: 30px;
		line-height: 1.5;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a {
		width: 340px;
	}
}

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

@media screen and (max-width:1300px) {
	.tea_house .wrap li.item.item_01 .flex_box {
		max-width: 1740px;
		width: 90.625%;
	}   
}

@media screen and (max-width:1200px) {
	.tea_house {
		padding-top: 130px;
		padding-bottom: 80px;
	}
	.tea_house h4.ttl_sub span.ttl {
		font-size: 36px;
	}
	.tea_house h4.ttl_sub span.txt {
		font-size: 24px;
	}
	.tea_house .wrap {
		margin-top: 30px;
	}
	.tea_house .wrap li.item.item_01 .flex_box {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		display: block;
	}
	.tea_house .wrap li.item.item_01 .flex_box .figure_box {
		max-width: 1200px;
		width: 100%;
	}
	.tea_house .wrap li.item.item_01 .flex_box .figure_box p.notes {
		font-size: 24px;
		margin-top: 30px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box {
		max-width: 1200px;
		width: 100%;
		padding-left: 0;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box h4 {
		font-size: 36px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box p {
		font-size: 24px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a {
		font-size: 24px;
	}
}

@media screen and (max-width:599px) {
	.tea_house {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.tea_house h4.ttl_sub {
		margin-top: 60px;
	}
	.tea_house h4.ttl_sub span.ttl {
		font-size: 28px;
	}
	.tea_house h4.ttl_sub span.txt {
		font-size: 21px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .figure_box p.notes {
		font-size: 21px;
		margin-top: 20px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box h4 {
		font-size: 24px;
		margin-top: 25px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box p {
		font-size: 21px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn {
		margin-top: 30px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a {
		font-size: 21px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a {
		font-size: 21px;
		width: 280px;
		height: 70px;
		line-height: 73px;
		padding-left: 20px;
	}
	.tea_house .wrap li.item.item_01 .flex_box .txt_box .more_btn a:before {
		top: 21px;
		left: 23px;
		background-size: 25px;
		]: 25px;
		width: 25px;
		height: 25px;
	}
}



/*取扱木材*/
.products {
	padding-top: 150px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_03.png);
	position: relative;
    z-index: 0;
}
.products .inner {}
.products .wood_list {
	max-width: 1740px;
	width: 90.625%;
	margin: 0 auto;
	margin-top: 120px;
	flex-wrap: wrap;
}
.products .wood_list li {
	max-width: 400px;
	width: 22.9885%;
}
.products .wood_list li + li {
	margin-left: 30px;
	margin-left: 2.5%;
}
.products .wood_list li h4 {
	text-align: center;
	margin-top: 30px;
	font-size: 60px;
	font-size: 3.1vw;
	font-weight: bold;
}
.products .wood_list li .img_photo img {
	box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);
}

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

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

@media screen and (max-width:1200px) {
	.products {
		padding-top: 130px;
		padding-bottom: 80px;
	}
	.products .wood_list li h4 {
		font-size: 36px;
	}
}

@media screen and (max-width:599px) {
	.products {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.products .wood_list {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		margin-top: 60px;
		display: block;
	}
	.products .wood_list li {
		width: 100%;
	}
	.products .wood_list li + li {
		margin-left: 0;
		margin-top: 20px;
	}
	.products .wood_list li h4 {
		font-size: 28px;
		margin-top: 10px;
	}
}


/*主な実績*/
.worksGallery {
	padding-top: 150px;
	padding-bottom: 50px;
	background-image: url(../images/common/pc/bk_02.png);
	position: relative;
	z-index: 0;
}
.worksGallery:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/common/pc/wagara_bk_03.png);
	background-repeat: repeat-y;
	background-size: 740px;
	width: 740px;
	height: 100%;
	z-index: -1;
	opacity: .2;
}
.worksGallery .list_box {
	max-width: 1740px;
	width: 90.625%;
	margin: 0 auto;
	margin-top: 120px;
	display: flex;
	flex-wrap: wrap;
}
.worksGallery .list_box li {
	max-width: 550px;
	width: 31.6092%;
	margin-bottom: 50px;
}
.worksGallery .list_box li + li {
	margin-left: 30px;
	margin-left: 2.5%;
}
.worksGallery .list_box li:nth-child(3n+1) {
	margin-left: 0;
}
.worksGallery .list_box li .img_photo img {
	box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);
}

@media screen and (max-width:1600px) {
	.worksGallery:before {
		background-size: 540px;
		width: 540px;
	}
}

@media screen and (max-width:1440px) {
	.worksGallery:before {
		background-size: 440px;
		width: 440px;
	}
}

@media screen and (max-width:1200px) {
	.worksGallery {
		padding-top: 130px;
	}
	.worksGallery:before {
		background-size: 300px;
		width: 300px;
	}
	.worksGallery .list_box li {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:599px) {
	.worksGallery {
		padding-top: 100px;
	}
	.worksGallery:before {
		background-size: 200px;
		width: 200px;
	}
	.worksGallery .list_box {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		margin-top: 60px;
	}
	.worksGallery .list_box li {
		width: 48%;
		margin-bottom: 20px;
	}
	.worksGallery .list_box li + li {
		margin-left: 4%;
	}
	.worksGallery .list_box li:nth-child(3n+1) {
		margin-left: 4%;
	}
	.worksGallery .list_box li:nth-child(2n+1) {
		margin-left: 0;
	}
}



/*== GOLFページ ==*/
/*KV*/



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

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

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

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


/*共通タイトル*/ 
.main_golf h3.ttl_tips {
	font-size: 72px;
	font-size: 3.75vw;
	font-weight: bold;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
.main_golf h3.ttl_tips span {
	position: relative;
	z-index: 1;
}
.main_golf h3.ttl_tips span:before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
}

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

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

@media screen and (max-width:1200px) {
	.main_golf h3.ttl_tips {
		font-size: 48px;
	}
}

@media screen and (max-width:599px) {
	.main_golf h3.ttl_tips {
		font-size: 36px;
	}
	
}


/*GOLF*/
.golf {
	padding-top: 130px;
	padding-bottom: 130px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}
.golf:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/golf/pc/siba_bk.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: .45;
}
.golf h3.ttl_tips {
	padding-right: 55px;
}
.golf h3.ttl_tips span:before {
	top: -20px;
	right: -65px;
	background-image: url(../images/golf/pc/ttl_icon_01.png);
	background-size: 56px;
	width: 56px;
	height: 119px;
}
.golf h4 {
	font-size: 48px;
	font-size: 2.5vw;
	font-weight: bold;
	text-align: center;
	margin-top: 60px;
}
.golf .flex_box {
	max-width: 1440px;
	width: 75%;
	margin: 0 auto;
	margin-top: 80px;
	justify-content: end;
}
.golf .flex_box p {
	background-color: rgba(255,255,255,.8);
	max-width: 777px;
	padding: 50px;
	box-sizing: border-box;
	font-size: 36px;
	font-size: 1.87vw;
	font-size: 28px;
	font-weight: bold;
}

.golf .golf_img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	font-size: 0;
}

@media screen and (max-width:1600px) {
	.golf {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.golf h4 {
		margin-top: 50px;
	}
	.golf .flex_box {
		width: 90%;
		margin-top: 50px;
	}

}

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

@media screen and (max-width:1200px) {
	.golf {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.golf:before {
		background-repeat: initial;
		background-attachment: initial;
		background-size: contain;
		opacity: .45;
	}
	.golf h3.ttl_tips span:before {
		top: -38px;
	}
	.golf h4 {
		font-size: 36px;
	}
	.golf .flex_box p {
		padding: 30px;
		font-size: 24px;
	}
}

@media screen and (max-width:599px) {
	.golf {
		padding-top: 80px;
		padding-bottom: 50px;
		padding-bottom: 230px;
	}
	.golf h3.ttl_tips {
		padding-right: 23px;
	}
	.golf h3.ttl_tips span:before {
		top: -23px;
		right: -43px;
		background-size: 35px;
		width: 35px;
		height: 75px;
	}
	.golf h4 {
		font-size: 28px;
		margin-top: 20px;
	}
	.golf .flex_box {
		margin-top: 30px;
	}
	.golf .flex_box p {
		padding: 20px;
		font-size: 21px;
	}
}



/*メンバー*/
.member {
	padding-top: 130px;
	padding-bottom: 130px;
	background-image: url(../images/common/pc/bk_02.png);
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}
.member h3.ttl_tips {
	padding-left: 55px;
}
.member h3.ttl_tips span:before {
	top: 0;
	left: -85px;
	background-image: url(../images/golf/pc/ttl_icon_02.png);
	background-size: 65px;
	width: 65px;
	height: 98px;
}
.member .list_box {
	max-width: 1740px;
	width: 90.625%;
	margin: 0 auto;
	margin-top: 80px;
}
.member .list_box li {
	display: flex;
	flex-wrap: wrap;
}
.member .list_box li + li {
	margin-top: 100px;
}
.member .list_box li:nth-child(even) {
	flex-direction: row-reverse;
}
.member .list_box li .img_photo {
	max-width: 520px;
	width: 29.8851%;
}
.member .list_box li .img_photo img {
	box-shadow: 7px 7px 7px rgba(0,0,0,0.3)
}
.member .list_box li .txt_box {
	max-width: 1080px;
	width: 62.069%;
	padding-left: 50px;
	box-sizing: border-box;
	margin-top: 30px;
}
.member .list_box li:nth-child(even) .txt_box {
	padding-left: 0;
	padding-right: 50px;
}
.member .list_box li .txt_box h4 {
	font-size: 60px;
	font-size: 3.1vw;
	font-weight: bold;
	line-height: 1;
}
.member .list_box li .txt_box h4 span.gold {
	color: #987803;
}
.member .list_box li .txt_box h5 {
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	margin-top: 10px;
}
.member .list_box li .txt_box p {
	font-size: 28px;
	font-size: 1.45vw;
	font-weight: bold;
	margin-top: 30px;
}

.member .course_img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: -1;
	font-size: 0;
	opacity: 0.3;
}


@media screen and (max-width:1600px) {
	.member {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.member .list_box li + li {
		margin-top: 80px;
	}
	.member .list_box li .img_photo {
		max-width: 540px;
		width: 32.8851%;
	}
	.member .list_box li .txt_box p {
		margin-top: 20px;
	}
}

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

@media screen and (max-width:1200px) {
	.member {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.member h3.ttl_tips span:before {
		top: -10px;
	}
	.member .list_box li {
		display: block;
	}
	.member .list_box li + li {
		margin-top: 50px;
	}
	.member .list_box li .img_photo {
		max-width: 1024px;
		width: 100%;
		height: 300px;
	}
	.member .list_box li .img_photo img {
		height: 100%;
	}
	.member .list_box li .txt_box {
		max-width: 1024px;
		width: 100%;
		padding-left: 0;
	}
	.member .list_box li:nth-child(even) .txt_box {
		padding-right: 0;
	}
	.member .list_box li .txt_box h4 {
		font-size: 36px;
	}
	.member .list_box li .txt_box h5 {
		font-size: 24px;
	}
	.member .list_box li .txt_box p {
		font-size: 24px;
	}
	.member .course_img {
		display: none;
	}

}

@media screen and (max-width:599px) {
	.member {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.member h3.ttl_tips {
		padding-left: 43px;
	}
	.member h3.ttl_tips span:before {
		top: 0;
		left: -45px;
		background-size: 35px;
		width: 35px;
		height: 54px;
	}
	.member .list_box {
	    width: 100%;
	    margin-top: 30px;
	    padding-left: 5%;
	    padding-right: 5%;
	    box-sizing: border-box;
	}
	.member .list_box li + li {
	    margin-top: 30px;
	}
	.member .list_box li .txt_box h4 {
	    font-size: 28px;
	    line-height: 1.3;
	}
	.member .list_box li .txt_box p {
	    font-size: 21px;
	    margin-top: 10px;
	}
}



/*エージシュート*/
.ageshoot {
	padding-top: 130px;
	padding-bottom: 130px;
	position: relative;
	z-index: 1;
	background-image: url(../images/golf/sp/kv_golf.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/*overflow: hidden;*/
	/*clip-path: inset(0);*/
}
/*.ageshoot .ageshoot_bk {
	object-fit: cover;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -9999;
	opacity: .7;
}*/
.ageshoot .ageshoot_box {
	max-width: 1240px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.8);
	padding: 20px;
	box-sizing: border-box;
}
.ageshoot .ageshoot_box .block {
	border: 2px solid #000;
	padding: 100px;
}
.ageshoot h3.ttl_tips {
	padding-right: 65px;
}
.ageshoot h3.ttl_tips span:before {
	top: 14px;
	right: -65px;
	background-image: url(../images/golf/pc/ttl_icon_03.png);
	background-size: 40px;
	width: 40px;
	height: 90px;
}
.ageshoot .ageshoot_box .block p {
	font-size: 36px;
	font-size: 1.87vw;
	font-size: 28px;
	font-weight: bold;
	margin-top: 50px;
}
.ageshoot .ageshoot_box .block .img_photo {
	margin-top: 50px;
	font-size: 0;
}


@media screen and (max-width:1600px) {
	.ageshoot {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.ageshoot .ageshoot_box {
		width: 64.5834%;
	}
	.ageshoot .ageshoot_box .block {
		padding: 50px;
	}
	.ageshoot .ageshoot_box .block p {
		line-height: 1.5;
	}
}

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

@media screen and (max-width:1200px) {
	.ageshoot {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.ageshoot .inner {
		padding-left: 5%;
		padding-right: 5%;
	}
	.ageshoot h3.ttl_tips span:before {
		top: 0px;
	}
	.ageshoot .ageshoot_box {
		width: 100%;
	}
	.ageshoot .ageshoot_box .block {
		padding: 30px;
	}
	.ageshoot .ageshoot_box .block p {
		font-size: 24px;
	}
}

@media screen and (max-width:599px) {
	.ageshoot {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
    .ageshoot .ageshoot_box {
        padding: 15px;
    }
	.ageshoot h3.ttl_tips {
	    padding-right: 30px;
        font-size: 9vw;
	}
	.ageshoot h3.ttl_tips span:before {
	    top: -8px;
	    right: -43px;
	    background-size: 30px;
	    width: 30px;
	    height: 69px;
	}
	.ageshoot .ageshoot_box .block {
	    /*padding: 20px;*/
        padding: 0;
        border: none;
	}
	.ageshoot .ageshoot_box .block p {
	    font-size: 21px;
	    margin-top: 30px;
	}
	.ageshoot .ageshoot_box .block .img_photo {
	    margin-top: 30px;
	}
}



/*自己成長と仲間との感動*/
.golf_gallery {
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_02.png);
	position: relative;
	z-index: 1;
}
.golf_gallery h3 {
	max-width: 880px;
	width: 45.8334%;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
}


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

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

@media screen and (max-width:1200px) {
	.golf_gallery {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.golf_gallery h3 {
		width: 80%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

@media screen and (max-width:599px) {
    .golf_gallery {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}





/*== お問い合わせページ ==*/
.contact {
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../images/common/pc/bk_02.png);
	position: relative;
	z-index: 1;
}
.contact h3.ttl_tips {
	font-size: 72px;
	font-size: 3.75vw;
	font-weight: bold;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
.contact_txt {
	text-align: center;
	font-size: 21px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.contact_txt a {
	text-decoration: underline;
}

@media screen and (max-width:1200px) {
	.contact {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.contact h3.ttl_tips {
		font-size: 48px;
	}
	.contact_txt {
	    padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 30px;
	}
}

@media screen and (max-width:599px) { 
	.contact {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.contact_txt {
		width: 100%;
		text-align: justify;
		font-size: 18px;
	}
	.contact h3.ttl_tips {
	    font-size: 36px;
	}
	

}


/*お問い合わせフォーム*/
#formWrap {
	max-width: 840px;
	margin:0 auto;
	box-sizing: border-box;
}
.formTable {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
	padding-top: 12px;
	padding-bottom: 50px;
	background-image: url(../images/common/pc/bk_05.jpg);
}



.formTable dd {
	max-width: 640px;
	width: 100%;
	padding-top: 0;
}
.formTable dt {
	font-weight:normal;
	text-align: left;
	border: none;
	padding: 30px 20px 0 0;
	box-sizing: border-box;
	font-size: 21px;
}
.formTable .textarea dt {
	padding: 30px 20px 0 0;
	vertical-align: top;
}
.formTable dt .required {
	margin-right: 10px;
	background-color: #FF0000;
	padding: 3px 10px;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
}
.formTable dt .any {
	margin-right: 10px;
	background-color: #fff;
	padding: 3px 10px;
	font-size: 16px;
	color: #6E6E6E;
	vertical-align: middle;
}
.formTable dd .record_area {
	padding: 10px 13px;
	border: 1px solid #ddd;
	color: #555;
	width: 100%;
	box-sizing: border-box;
	border-radius: 6px;
	margin-top: 10px;
	height: 48px;
	font-size: 16px;
	padding-left: 15px;
	background-color: #fff;
}
.formTable .textarea dd .record_area {
	height: 230px;
}
.formTable dd .record_area:focus {
	outline: none;
}

input[type="submit"] {
	padding: 0;
	transition: .1s;
	cursor: pointer;
	background-color: #000; 
	color: #fff;
	width: 255px;
	height: 65px;
	font-size: 18px;
	-webkit-appearance: none;
	border: none;
}
input[type="submit"]:hover {
	transition: .1s;
	opacity: .8;
	background-color: #987803;
	color: #fff;
}
input[type="button"] {
	padding: 0;
	border: 1px solid #999;
	transition: .1s;
	cursor: pointer;
	background-color: #999; 
	color: #fff;
	width: 255px;
	height: 65px;
	font-size: 18px;
	-webkit-appearance: none;
}
input[type="button"]:hover {
	background-color: #444;
}
input[type="reset"] {
	padding: 10px 25px;
	margin-left: 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-left: 20px;
	-webkit-appearance: none;
}
input[type="reset"]:hover {
	background-color: #dfdfdf;  
	transition: .5s;
}
@keyframes onAutoFillStart { from {} to {}}
input:-webkit-autofill {
	animation-name: onAutoFillStart;
	transition: background-color 50000s ease-in-out 0s;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:1200px) {
	#formWrap {
		max-width: initial;
		width: 100%;
	}
	.formTable {
		border-radius: 0;
		padding-left: 5%;
		padding-right: 5%;
	}
	.formTable dt {
		max-width: 640px;
		margin: 0 auto;
	}
	.formTable dd {
		margin: 0 auto;
	}
	#formWrap .termsBox {
		max-width: 640px;
	}
	#formWrap .privacy_txt {
		max-width: 640px;
	}
}

@media screen and (max-width:599px) {
#formWrap {
	width:100%;
	margin:0 auto;
}
.formTable {
	border-radius: 0;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.formTable dt,
	.formTable dd {
		width:auto;
		display:block;
	}
	.formTable dt {
		margin-top: 0;
		border-bottom: 0;
		padding-top: 20px;
	}
		.formTable dt .required {
			font-size: 15px;
		}
		.formTable dt .any {
			font-size: 15px;
		}
	.formTable .textarea dt {
		padding-top: 20px;
	}
	.formTable dd .record_area {
		margin-top: 8px;
	}
	.formTable dd.flex_box > div {
		margin-left: 0;
	}
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		height: 65px;
	}
}


/*プライバシーポリシー*/
#formWrap .privacy_txt {
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	font-size: 21px;
}
#formWrap .termsBox {
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	height: 250px;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #acadae;
	padding: 15px 10px;
	box-sizing: border-box;
	margin-top: 0px;
}
	#formWrap .termsBox .scrollWrap dl + dl {
		padding-top: 15px;
	}
	#formWrap .termsBox .scrollWrap dl dt {
		font-size: 21px;
		font-weight: bold;
	}
	#formWrap .termsBox .scrollWrap dl dd {
		padding-top: 8px;
		font-size: 21px;
		line-height: 1.2;
	}

#formWrap .privacy_check {
	display: none;
}
	#formWrap .privacy_check .required {
		margin-right: 13px;
		background-color: #f9c270;
		padding: 5px 13px;
		border-radius: 5px;
		font-size: 14px;
		color: #fff;
	}
	#formWrap .privacy_check .text_check {
		display: inline-block;
		transform: translateY(1px);
	}
		#formWrap .privacy_check input[type="checkbox" i] {
			margin: 0;
			transform: scale(1.1);
		}
#formWrap .form_btn {
	text-align: center;
	margin-top: 50px;
}


@media screen and (max-width:1200px) {
	#formWrap .privacy_txt {
		max-width: 640px;
	}
	#formWrap .termsBox {
		max-width: 640px;
	}
	#formWrap .form_btn {
		margin-top: 50px;
	}
}

@media screen and (max-width:599px) {
	#formWrap .privacy_txt {
		max-width: 599px;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		font-size: 18px;
	}
	#formWrap .termsBox {
		margin-top: 5px;
		width: 90%;
	}
	#formWrap .form_btn {
		margin-top: 50px;
	}
}


/*== サンクスページ ==*/
.kakunin_box .inner {
	/*margin-top: 80px;*/
}
.kakunin {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
}
.form_step {
	margin-top: 0;
}
#formWrap .formTable {
	display: inline-block;
	border: none;
}
#formWrap .formTable tr {
	max-width: 640px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
#formWrap .formTable th {
	text-align: left;
	font-weight: normal;
	border: none;
	padding: 38px 20px 0 0;
	box-sizing: border-box;
}
#formWrap .formTable td {
	width: 700px;
	padding: 10px 13px!important;
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #555;
	background-color: #fff;
	box-sizing: border-box;
	display: block;
	min-height: 48px;
}
#formWrap .formTable tr:last-child td {
	min-height: 230px;
}
input[type="button"] {
	margin-left: 20px;
}
.error_box input[type="button"] {
	margin-left: 0;
}
.error_h4 {
	/*margin-top: 50px;*/
	font-size: 18px;
}
	.error_h4 .error_txt {
		color: #f01;
		font-weight: bold;
	}
.messe_box {
	margin-top: 50px;
	padding-left: 150px;
	padding-right: 150px;
	box-sizing: border-box;
	background-color: #F5F5F5;
	padding-top: 12px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.error_messe {
	font-size: 18px;
	min-height: 48px;
	line-height: 48px;
	border-radius: 10px;
	box-sizing: border-box;
	margin-top: 38px;
}
	.error_messe dt {
		max-width: 640px;
		text-align: left;
		border: none;
		box-sizing: border-box;
		line-height: 1;
	}
		.error_messe dt .required {
			margin-right: 10px;
			background-color: #FF0000;
			padding: 3px 10px;
			font-size: 16px;
			color: #fff;
		}
	.error_messe dd {
		max-width: 640px;
		width: 100%;
		padding-top: 0;
		border: 1px solid #ddd;
		color: #888;
		width: 100%;
		box-sizing: border-box;
		border-radius: 6px;
		height: 48px;
		font-size: 16px;
		padding-left: 15px;
		background-color: #fff;
		text-align: left;
		margin-top: 10px;
	}
@media screen and (max-width:1200px) {
	.kakunin {
	}
	.kakunin_box .inner {
	}
	#formWrap .formTable tbody tr +tr {
		padding-top: 0;
	}
		#formWrap .formTable tbody tr th {
			max-width: initial;
			padding-bottom: 0px;
			padding-top: 20px;
		}
		#formWrap .formTable tbody tr td {
			margin: 0 auto;
			width: 100%;
		}
	.messe_box {
		padding-left: 5%;
		padding-right: 5%;
		border-radius: 0;
		padding-top: 30px;
		margin-top: 30px;
	}
}

@media screen and (max-width:599px) {
	input[type="button"] {
		margin: 0 auto;
	}
	input[type="submit"] {
		margin-bottom: 30px;
	}
	.error_messe {
		margin-top: 20px;
	}
		.error_messe dt {
			font-size: 16px;
		}
			.error_messe dt .required {
				font-size: 14px;
			}
}

/*== サンクスページ ==*/
#contact.thanks {}
p.tanks_ttl {
	font-size: 48px;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	text-align: center;
}
#contact.thanks .thanks_box {
	max-width: 1200px;
	margin: 0 auto;
}
#contact.thanks .thanks_box .tanks_txt {
	margin-bottom: 50px;
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
}
p.top_back {
	text-align: center;
}
#contact.thanks .thanks_box .top_back a {
	display: inline-block;
	max-width: 275px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
#contact.thanks .thanks_box .top_back a:hover {
	background-color: #987803;
	transition: .1s;
}


@media screen and (max-width:599px) {
	p.tanks_ttl {
		font-size: 28px;
	}
	#contact.thanks .thanks_box .tanks_txt {
		font-size: 18px;
	}
	#contact.thanks .thanks_box .top_back a {
		font-size: 16px;
		max-width: 240px;
		width: 100%;
		height: 65px;
		line-height: 65px;
	}
	#contact.thanks .thanks_box .top_back a:before {
		bottom: 24px;
	}
}