@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

@font-face {font-family: "DIN 2014 Light";src: url("../asset/fonts/DIN-2014_Light.woff") format("woff")}
@font-face {font-family: "DIN 2014 Regular";src:	url("../asset/fonts/DIN-2014_Regular.woff") format("woff")}
@font-face {font-family: "DIN 2014 Bold";src: url("../asset/fonts/DIN-2014_Bold.woff") format("woff")}
@font-face {font-family: "DIN 2014 Demi";src: url("../asset/fonts/DIN-2014_Demi.woff") format("woff");}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- reset */

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

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

img, input[type="image"] {max-width: 100%;width: auto;height: auto;backface-visibility: hidden;-webkit-backface-visibility: hidden;object-fit: cover;}
a:hover, a img:hover, button:hover {opacity: 0.7;transition: opacity .3s ease-out;}
a.disabled {pointer-events: none;}
:root {--root-font-size: 16;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;scroll-behavior: smooth;}
body {
 min-width: 1024px;overflow-x: hidden;animation-name: fadeIn;animation-duration: 1s;color: #1a1a1a;line-height: 2.5;
 font-family: "Noto Sans JP", sans-serif;font-size: calc( 16 / var(--root-font-size) * 1rem );font-weight: 400;letter-spacing: 0.05em;
 font-feature-settings: "palt";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;
}
@media only screen and (max-width: 896px) {body {min-width: initial;font-size: calc( 13 / var(--root-font-size) * 1rem );line-height: 1.8;}}

.pc, .tab {display: inherit;}
.sp {display: none;}
.inner {width: 100%;max-width: 1280px;margin: auto;}
@media only screen and (max-width: 896px) {.pc {display: none;}.tab {display: block;}.inner {width: 90%;}}
@media only screen and (max-width: 568px) {.tab {display: none;}.sp {display: block;}}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;}
.Acenter {position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header {width: 100%;padding: 0.8em 0;background: #fff;}
header p#logo {max-width: 270px;margin: 0.5em auto 0 0;}
header nav {}
header nav ul {align-items: center;text-align: center;line-height: 0;}
header nav ul li {margin: 0 1.5em;}
header nav ul li a {padding: 1em 0;display: block;}
header nav ul li.active a {border-bottom: 2px solid #0068b7;color: #0068b7;font-weight: 700;}
header nav ul li:nth-child(5) {max-width: 220px;margin: 0 0 0 2em;}
@media only screen and (max-width: 1279px) {header nav {padding: 0 1em;}}
@media only screen and (max-width: 1024px) {header nav ul li {margin: 0 0.5em;}}
@media only screen and (max-width: 896px) {
header {padding: 0;position: fixed;top: 0;right: 0;z-index: 10;}
header .inner {width: 100%;}
header p#logo {width: 50%;max-width: auto;margin: 0.5em auto 0 1em;}
header #navBtn {display: flex;}
header #navBtn p#tBtn a {width: 55px;height: 55px;position: relative;display: block;background: #e60012;}
header #navBtn p#tBtn a::before {content: "\f095";position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;font-family: "Font Awesome 6 Free";font-size: calc( 24 / var(--root-font-size) * 1rem );font-weight: 700;}
header #navBtn p#gBtn {width: 55px;height: 55px;position: relative;display: block;cursor: pointer;background: #0068b7;}
header #navBtn p#gBtn span {width: 55%;height: 2px;position: absolute;left: 12px;display: block;background: #fff;transition: top .5s ease, -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out, top .5s ease;transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;}
header #navBtn p#gBtn span:nth-child(1) {top: 17px;}
header #navBtn p#gBtn span:nth-child(2) {top: 27px;}
header #navBtn p#gBtn span:nth-child(3) {top: 37px;}
header nav {width: 100%;height: 100%;padding: 3em 0 0;position: fixed;top: 55px;left: 0;z-index: 3;text-align: center;visibility: hidden;background: #0068b7;opacity: 0;transition: all 0.5s;-webkit-overflow-scrolling: touch;}
header nav ul li {width: calc(100% / 1);margin: 1em 0}
header nav ul li:nth-child(5) {max-width: auto;margin: 0;}
header nav ul li:nth-child(6) {width: 80%;margin: auto}
header nav ul li a {display: inline-block;color: #fff;font-size: calc( 18 / var(--root-font-size) * 1rem );font-weight: 700;}
header nav ul li.active a {border-bottom: 2px solid #fff;color: #fff;}
.open {overflow: hidden;}
.open header #navBtn p#gBtn span:nth-child(1) {top: 25px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open header #navBtn p#gBtn span:nth-child(2) {opacity: 0;}
.open header #navBtn p#gBtn span:nth-child(3) {top: 25px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.open header nav {visibility: visible;overflow-y: auto;opacity: 1;animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;}
}

main {}
@media only screen and (max-width: 896px) {main {padding: 4em 0 0;}}

footer {width: 100%;padding: 2em 0 0;background: #1a1a1a;}
footer nav {}
footer nav ul {line-height: 1.5;}
footer nav ul li {width: calc(92% / 4);margin: 0 2.6% 0 0;color: #fff;}
footer nav ul li:nth-child(4) {margin: 0;}
footer nav ul li p.f-head {margin: 0 0 0.5em;padding: 0 0 0.5em;border-bottom: 1px solid #555;color: #fff;font-weight: 700;}
footer nav ul li ul {font-size: calc( 13 / var(--root-font-size) * 1rem );line-height: 1.8;}
footer nav ul li ul li {width: 100%;margin: 0;padding: 0 0 0 1em;position: relative;display: block;}
footer nav ul li ul li::before {content: "";width: 8px;height: 8px;position: absolute;left: 0;top: 38%;display: block;border: 2px solid;border-color: #fff #fff transparent transparent;transform: rotate(45deg);}
footer nav ul li ul li a {color: #fff;}
footer p#copy {width: 100%;margin: 3em auto 0;padding: 0.5em 0;text-align: center;border-top: 1px solid #555;color: #fff;font-size: calc( 13 / var(--root-font-size) * 1rem );}
@media only screen and (max-width: 1024px) {footer nav {padding: 0 1em;}}
@media only screen and (max-width: 896px) {
footer nav {padding: 0;}
footer nav ul li {width: 100%;margin: 0 auto;}
footer nav ul li:nth-child(1) {width: 100%;}
footer nav ul li:nth-child(1) img {width: 70%;margin: 0 auto 1em;display: block;}
footer nav ul li p.f-head {border-bottom: 0 none;}
footer nav ul li ul {margin: 0 0 1em;}
footer p#copy {margin: 2em auto 0;}
}

main {}

section h2 {margin: 0 auto 0.8em;text-align: center;font-size: calc( 60 / var(--root-font-size) * 1rem );font-weight: 900;line-height: 1.2;letter-spacing: 0.08em;}
section h2::before {content: "";width: 60px;height: 10px;margin: 0 auto 0.2em;display: block;background: url("../asset/images/h2-line.svg") no-repeat center / cover;}
section h2 small {display: block;font-family: "Noto Sans JP", sans-serif;font-size: calc( 16 / var(--root-font-size) * 1rem );font-weight: 700;}
section h2.en {font-family: "DIN 2014 Demi", sans-serif;}
@media only screen and (max-width: 1024px) {section h2 {font-size: calc( 50 / var(--root-font-size) * 1rem );}}
@media only screen and (max-width: 896px) {
section h2 {margin: 0 auto 1em;font-size: calc( 36 / var(--root-font-size) * 1rem );line-height: 1;}
section h2 small {margin: 0.5em auto 0;font-size: calc( 13 / var(--root-font-size) * 1rem );}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

figure#mainVisual {width: 100%;position: relative;line-height: 0;}
figure#mainVisual::before {content: "";width: 100%;height: 100%;position: absolute;display: block;background: rgba(0,0,0,0.2);}
figure#mainVisual video {width: 100%;max-height: 600px;object-fit: cover;display: block;}
figure#mainVisual figcaption {position: absolute;top: 50%;left: 50%;z-index: 1;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
figure#mainVisual figcaption h1 {margin: 0 0 0.5em;color: #fff;font-size: calc( 80 / var(--root-font-size) * 1rem );font-style: italic;font-weight: 700;text-shadow: 0 0 5px #000;line-height: 1.2;letter-spacing: 0.08em;}
figure#mainVisual figcaption h1 + p {color: #fff;font-size: calc( 18 / var(--root-font-size) * 1rem );text-shadow: 0 0 5px #000;line-height: 2;}
@media only screen and (max-width: 1024px) {figure#mainVisual figcaption h1 {font-size: calc( 60 / var(--root-font-size) * 1rem );}}
@media only screen and (max-width: 896px) {
figure#mainVisual video {height: 100vh;}
figure#mainVisual figcaption h1 {font-size: calc( 40 / var(--root-font-size) * 1rem );}
figure#mainVisual figcaption h1 + p {font-size: calc( 13 / var(--root-font-size) * 1rem );}
}

#service {padding: 7em 0 0.2em;background: rgb(0,104,183);background: linear-gradient(0deg, rgba(0,104,183,1) 0%, rgba(255,255,255,1) 100%);}
#service ul#serviceLineup {margin: 0 auto 8em;text-align: center;}
#service ul#serviceLineup li {width: calc(93.8% / 3);margin: 0 3% 0 0;}
#service ul#serviceLineup li:nth-child(3) {margin: 0;}
#service ul#serviceLineup figure {}
#service ul#serviceLineup figure figcaption {width: 100%;height: 15vh;position: relative;background: #0068b7;color: #fff;font-size: calc( 24 / var(--root-font-size) * 1rem );line-height: 1.5;letter-spacing: 0.08em;}
#service ul#serviceLineup figure figcaption::after {content: "";width: 0;height: 0;position: absolute;right: 0;bottom: 0;display: block;border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent #e60012 transparent;}
#service article {width: 100%;max-width: 1280px;}
#service article:nth-of-type(odd) {margin: 0 0 5em auto;}
#service article:nth-of-type(even) {margin: 0 auto 5em 0;}
#service article:nth-of-type(odd) ul li.pic {left: -10%;}
#service article:nth-of-type(odd) ul li.txt {padding: 5em 5em 5em 10em;right: 0;}
#service article:nth-of-type(even) ul li.pic {right: -10%;}
#service article:nth-of-type(even) ul li.txt {padding: 5em 10em 5em 5em;left: 0;}
#service article ul {min-height: 600px;position: relative;justify-content: space-between;}
#service article ul li.pic {width: 50%;position: absolute;top: 10%;z-index: 1;}
#service article ul li.txt {width: 70%;position: absolute;background: #fff;}
#service article ul li.txt h3 {margin: 0 0 0.5em;color: #0068b7;font-size: calc( 40 / var(--root-font-size) * 1rem );font-weight: 700;line-height: 1.5;}
#service article ul li.txt h3 + p {}
#service article ul li.txt p.moreBtn {margin: 1em 0 0;text-align: right}
#service article ul li.txt p.moreBtn a {padding: 0.5em 5em 0.5em 4em;position: relative;display: inline-block;text-align: center;background: #e60012;color: #fff;}
#service article ul li.txt p.moreBtn a::after {content: "";width: 8px;height: 8px;position: absolute;right: 2em;top: 45%;display: block;border: 2px solid;border-color: #fff #fff transparent transparent;transform: rotate(45deg);}
@media only screen and (max-width: 1024px) {
#service {padding: 6em 0 0;}
#service article:nth-of-type(odd) {margin: 0 0 3em auto;}
#service article:nth-of-type(even) {margin: 0 auto 3em 0;}
#service article ul li.txt h3 + p {line-height: 1.8}
}
@media only screen and (max-width: 896px) {
#service {padding: 6em 0 2em;}
#service ul#serviceLineup {margin: 0 auto 5em;}
#service ul#serviceLineup li {width: 100%;margin: 0 auto 2em;}
#service ul#serviceLineup figure {display: flex;}
#service ul#serviceLineup figure img {width: 50%}
#service ul#serviceLineup figure figcaption {width: 50%;height: auto;font-size: calc( 16 / var(--root-font-size) * 1rem );}
#service ul#serviceLineup figure figcaption::after {border-width: 0 0 30px 30px;}
#service article {max-width: 100%;}
#service article:nth-of-type(odd) {margin: -5em 0 5em auto;padding: 5em 0 0;}
#service article:nth-of-type(even) {margin: -5em auto 5em 0;padding: 5em 0 0;}
#service article ul {min-height: auto;}
#service article ul li.pic {width: 80%;margin: 0 auto;position: relative;top: 0;}
#service article ul li.txt {width: 90%;margin: -2.5em auto 0;position: relative;}
#service article ul li.txt h3 {text-align: center;font-size: calc( 24 / var(--root-font-size) * 1rem );}
#service article:nth-of-type(odd) ul li.pic {left: auto;}
#service article:nth-of-type(even) ul li.pic {right: auto;}
#service article:nth-of-type(odd) ul li.txt, #service article:nth-of-type(even) ul li.txt {padding: 4em 2em 2em;}
#service article:nth-of-type(odd) ul li.txt {right: auto;}
#service article:nth-of-type(even) ul li.txt {left: auto;}
#service article ul li.txt p.moreBtn {margin: 2em auto 0;text-align: center}
#service article ul li.txt p.moreBtn a {padding: 0.8em 6em 0.8em 5em;font-size: calc( 12 / var(--root-font-size) * 1rem );}
#service article ul li.txt p.moreBtn a::after {right: 1em;top: 40%;}
}

#company {padding: 7em 0;}
#company dl {max-width: 1000px;margin: auto;line-height: 1.5}
#company dl dt {width: 30%;padding: 1em 0;border-bottom: 1px solid #0068b7;color: #0068b7;font-weight: 700;}
#company dl dd {width: 70%;padding: 1em 0;border-bottom: 1px solid #d3d3d3;}
#company dl dd img {max-width: 120px;}
@media only screen and (max-width: 896px) {
#company {padding: 5em 0;}
#company dl {max-width: 90%;text-align: center;}
#company dl dt {width: 100%;padding: 1em 0 0;border-bottom: 0 none;}
#company dl dd {width: 100%;padding: 0 0 1em;}
#company dl dd img {max-width: 100px;}
}

#message {padding: 7em 0 6em;position: relative;text-align: center;background: url("../asset/images/top-message-secBack.png") no-repeat center / cover;}
#message::before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,104,183,0.5);}
#message #mBox {position: relative;z-index: 1;}
#message #mBox h2, #message #mBox p {color: #fff;}
#message #mBox h3 {margin: 2em auto;position: relative;color: #fff;font-size: calc( 30 / var(--root-font-size) * 1rem );font-weight: 700;line-height: 0;letter-spacing: 0.08em;}
#message #mBox h3::before, #message #mBox h3::after {position: absolute;color: #fff;font-size: calc( 80 / var(--root-font-size) * 1rem );font-weight: 200;}
#message #mBox h3::before {content: "「";left: 20%;}
#message #mBox h3::after {content: "」";right: 20%;}
#message #mBox p#sign {margin: 2em 0 0;}
@media only screen and (max-width: 896px) {
#message {padding: 5em 0;}
#message #mBox h3 {margin: 2em auto;font-size: calc( 24 / var(--root-font-size) * 1rem );line-height: 1.2;}
#message #mBox h3::before, #message #mBox h3::after {font-size: calc( 70 / var(--root-font-size) * 1rem );}
#message #mBox h3::before {left: 0;top: -0.3em;}
#message #mBox h3::after {right: 0;top: -0.3em;}
#message #mBox h3 + p {text-align: left;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

figure#pageHead {position: relative;text-align: center;}
figure#pageHead::before {content: "";width: 100%;height: 100%;position: absolute;display: block;background: rgba(0,0,0,0.2);}
figure#pageHead figcaption {position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
figure#pageHead figcaption h1 {color: #fff;font-size: calc( 80 / var(--root-font-size) * 1rem );font-style: italic;font-weight: 700;text-shadow: 0 0 5px #000;line-height: 1.2;letter-spacing: 0.08em;}
@media only screen and (max-width: 1024px) {figure#pageHead figcaption h1 {font-size: calc( 60 / var(--root-font-size) * 1rem );}}
@media only screen and (max-width: 896px) {
figure#pageHead {}
figure#pageHead img {height: 200px;object-fit: cover}
figure#pageHead figcaption h1 {font-size: calc( 30 / var(--root-font-size) * 1rem );}
}

#contact {width: 100%;padding: 5em 0;position: relative;text-align: center;background: url("../asset/images/contact-secBack.png") no-repeat 0 bottom / cover;}
#contact::before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,104,183,0.5);}
#contact ul {max-width: 770px;margin: auto;padding: 3em;position: relative;background: rgba(255,255,255,0.9);justify-content: center;align-items: center;}
#contact ul::before {content: "";width: 0;height: 0;position: absolute;left: 0;top: 0;display: block;border-style: solid;border-width: 30px 30px 0 0;border-color: #e60012 transparent transparent transparent;}
#contact ul::after {content: "";width: 0;height: 0;position: absolute;right: 0;bottom: 0;display: block;border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #0068b7 transparent;}
#contact ul li {line-height: 1;}
#contact ul li:nth-child(1) {width: 100%;margin: 0 0 1em;}
#contact ul li:nth-child(1) h3 {font-size: calc( 24 / var(--root-font-size) * 1rem );font-weight: 700;}
#contact ul li:nth-child(2) {width: 55%;color: #0068b7;font-family: "DIN 2014 Demi", sans-serif;font-size: calc( 45 / var(--root-font-size) * 1rem );}
#contact ul li:nth-child(2) a::before {content: "\f095";margin: 0 0.2em 0 0;color: #0068b7;font-family: "Font Awesome 6 Free";font-weight: 700;}
#contact ul li:nth-child(3) {width: 40%;font-size: calc( 14 / var(--root-font-size) * 1rem );}
@media only screen and (max-width: 896px) {
#contact {padding: 5em 0;}
#contact ul {width: 90%;max-width: auto;padding: 2em;}
#contact ul li:nth-child(1) h3 {font-size: calc( 18 / var(--root-font-size) * 1rem );}
#contact ul li:nth-child(2) {width: 100%;font-size: calc( 36 / var(--root-font-size) * 1rem );}
#contact ul li:nth-child(3) {width: 100%;font-size: calc( 12 / var(--root-font-size) * 1rem );}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#golf section article {width: 100%;max-width: 1280px;}
#golf section article ul {min-height: 500px;position: relative;justify-content: space-between;}
#golf section article ul li.pic {width: 50%;position: absolute;top: 12%;z-index: 1;}
#golf section article ul li.txt {width: 70%;position: absolute;}
#golf section article ul li.txt h3 {margin: 0 0 0.5em;color: #0068b7;font-size: calc( 30 / var(--root-font-size) * 1rem );font-weight: 700;line-height: 1.5;}
@media only screen and (max-width: 896px) {
#golf section article ul {min-height: 350px;}
#golf section article ul li.txt h3 {text-align: center;font-size: calc( 20 / var(--root-font-size) * 1rem );}
}

#golfIntro {padding: 6em 0;text-align: center;}
#golfIntro h2 {max-width: 970px;margin: 0 auto 2em;padding: 1em 0;position: relative;font-size: calc( 40 / var(--root-font-size) * 1rem );font-weight: 700;line-height: 1.5}
#golfIntro h2::before {content: "";width: 0;height: 0;position: absolute;left: 0;top: 0;display: block;border-style: solid;border-width: 50px 50px 0 0;border-color: #e60012 transparent transparent transparent;}
#golfIntro h2::after {content: "";width: 0;height: 0;position: absolute;right: 0;bottom: 0;display: block;border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent #0068b7 transparent;}
#golfIntro ul {margin: 0 auto;}
#golfIntro ul li {width: calc(93.8% / 3);margin: 0 3% 0 0;}
#golfIntro ul li:nth-child(3) {margin: 0;}
#golfIntro ul li figure {margin: auto;text-align: center;}
#golfIntro ul li figure figcaption {margin: -2em auto 0;padding: 3em 0 1.2em;position: relative;background: rgba(0,104,183,0.1);color: #0068b7;font-size: calc( 30 / var(--root-font-size) * 1rem );font-weight: 700;line-height: 1.5}
#golfIntro ul li figure figcaption::after {content: "";width: 0;height: 0;position: absolute;right: 0;bottom: 0;display: block;border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #e60012 transparent;}
@media only screen and (max-width: 1024px) {#golfIntro h2 {font-size: calc( 36 / var(--root-font-size) * 1rem )}}
@media only screen and (max-width: 896px) {
#golfIntro {padding: 3em 0;}
#golfIntro h2 {width: 90%;max-width: auto;margin: 0 auto 1em;font-size: calc( 18 / var(--root-font-size) * 1rem );}
#golfIntro h2::before {border-width: 20px 20px 0 0;}
#golfIntro h2::after {border-width: 0 0 20px 20px;}
#golfIntro ul li, #golfIntro ul li:nth-child(3) {width: 90%;margin: 0 0 0 auto;}
#golfIntro ul li figure {text-align: left;}
#golfIntro ul li figure img {width: 20%;margin: 0 0 -4.5em -3em;position: relative;}
#golfIntro ul li figure figcaption {margin: 0;padding: 1em 0;text-align: center;font-size: calc( 18 / var(--root-font-size) * 1rem )}
#golfIntro ul li figure figcaption::after {border-width: 0 0 20px 20px;}
}

#sec1 {padding: 6em 0;background: rgba(0,104,183,0.1);}
#sec1 article:nth-of-type(odd) {margin: 0 0 5em auto;}
#sec1 article:nth-of-type(even) {margin: 0 auto 5em 0;}
#sec1 article:nth-of-type(odd) ul li.pic {left: -10%;}
#sec1 article:nth-of-type(odd) ul li.txt {padding: 5em 5em 5em 10em;right: 0;}
#sec1 article:nth-of-type(even) ul li.pic {right: -10%;}
#sec1 article:nth-of-type(even) ul li.txt {padding: 5em 10em 5em 5em;left: 0;}
#sec1 article ul li.txt {background: #fff;}
#sec1 figure {text-align: center;line-height: 0;}
@media only screen and (max-width: 896px) {
#sec1 {padding: 4em 0;}
#sec1 article:nth-of-type(odd) ul li.pic, #sec1 article:nth-of-type(even) ul li.pic {width: 80%;margin: 0 auto;position: relative;top: 0;}
#sec1 article:nth-of-type(odd) ul li.txt, #sec1 article:nth-of-type(even) ul li.txt {width: 90%;margin: -2.5em auto 0;padding: 4em 2em 2em;position: relative;}
#sec1 article:nth-of-type(odd) ul li.pic {left: auto;}
#sec1 article:nth-of-type(even) ul li.pic {right: auto;}
#sec1 article:nth-of-type(odd) ul li.txt {right: auto;}
#sec1 article:nth-of-type(even) ul li.txt {left: auto;}
}

#sec2 {padding: 6em 0 2em;}
#sec2 article:nth-of-type(odd) {margin: 0 auto 5em 0;}
#sec2 article:nth-of-type(even) {margin: 0 0 5em auto;}
#sec2 article:nth-of-type(odd) ul li.pic {right: -10%;}
#sec2 article:nth-of-type(odd) ul li.txt {padding: 5em 10em 5em 5em;left: 0;}
#sec2 article:nth-of-type(even) ul li.pic {left: -10%;}
#sec2 article:nth-of-type(even) ul li.txt {padding: 5em 5em 5em 10em;right: 0;}
#sec2 article ul li.txt {background: rgba(0,104,183,0.1);}
@media only screen and (max-width: 896px) {
#sec2 {padding: 4em 0 1em;}
#sec2 article:nth-of-type(odd) ul li.pic, #sec2 article:nth-of-type(even) ul li.pic {width: 80%;margin: 0 auto;position: relative;top: 0;}
#sec2 article:nth-of-type(odd) ul li.txt, #sec2 article:nth-of-type(even) ul li.txt {width: 90%;margin: -2.5em auto 0;padding: 4em 2em 2em;position: relative;}
#sec2 article:nth-of-type(odd) ul li.pic {right: auto;}
#sec2 article:nth-of-type(even) ul li.pic {left: auto;}
#sec2 article:nth-of-type(odd) ul li.txt {right: auto;}
#sec2 article:nth-of-type(even) ul li.txt {left: auto;}
}

#sec3 {padding: 6em 0;background: rgba(0,104,183,0.1) url("../asset/images/golf-achievement.png") no-repeat right bottom / auto}
#sec3 ul {justify-content: center}
#sec3 ul li {width: calc(93.8% / 3);margin: 0;}
#sec3 ul li ul {}
#sec3 ul li ul li {width: 100%;}
#sec3 ul li ul li::before {content: "\f024";margin: 0 0.2em 0 0;color: #0068b7;font-family: "Font Awesome 6 Free";font-weight: 700;}
@media only screen and (max-width: 896px) {
#sec3 {padding: 4em 0 36em;background: rgba(0,104,183,0.1) url("../asset/images/golf-achievement.png") no-repeat right bottom / 130% auto;}
#sec3 ul li {width: 100%;margin: 0 auto;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */