@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Noto+Sans+JP&family=Noto+Serif+JP:wght@300;400;500;700;900&family=Roboto:ital,wght@0,300;0,500;0,700;0,900;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&family=Oswald:wght@300;500;700&display=swap');
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: 'Lato', 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea {color: #2b2b2b;font-family: 'Josefin Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 2;overflow: auto;}
a {color: #212121;text-decoration: none;outline: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0;outline: none;}
a:active,a:hover {color: #7FD6F7;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 36px 0 12px;}
h1 {font-size: 26px;line-height: 1.3846153846;}
h2 {font-size: 24px;line-height: 1;}
h3 {font-size: 22px;line-height: 1.0909090909;}
h4 {font-size: 20px;line-height: 1.2;}
h5 {font-size: 18px;line-height: 1.3333333333;}
h6 {font-size: 16px;line-height: 1.5;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 24px;}
code,kbd,tt,var,samp,pre {font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
li,ul,ol {list-style: none;margin: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table,th,td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}

img {width: 100%;height: auto;}
.tit {margin: 0;}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media(max-width:768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.tit_altemate {font-family: 'Oswald', sans-serif;}
.Numbers {font-family: 'Josefin Sans', sans-serif;}
.Sans {font-family: 'Noto Sans JP', sans-serif;}
.Serif {font-family: 'Noto Serif JP', serif;}
a img {transition: all 0.5s;}
a:hover img {opacity: 0.65;}

/***************************************************************
************ SETTING *******************************************
***************************************************************/

.wrap {width: 100%;max-width: 1440px; margin: 0 auto 0;}
.btn_clone_search {position: fixed;width:160px;right: 0;bottom: -160px;transition: all 1s;z-index: 1000;}
		
#prgr header {width: 100%;height: 80px;position: relative;z-index: 100;background-color: #fff020;}
#prgr header .in {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
#prgr header .in .logo {width: 308px;height: 41px;}
#prgr header .in .logo img {width: auto;height: 41px;}

@media(max-width:768px) {
	.wrap {width: 100%;max-width: 100%; margin: 0 auto 0;overflow: hidden;}
	#prgr header {width: 100%;height: 40px;position: relative;z-index: 100;background-color: #fff020;}
	#prgr header .in {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
	#prgr header .in .logo {width: 40%;height: auto;}
	#prgr header .in .logo img {width: 100%;height:auto;}
}

.mv {width: 100%;margin: 0 auto 80px;position: relative;box-sizing: border-box;padding: 0;}
.mv .ph {width: 100%;margin: 0 auto 0;position: relative;}
.mv .ph img {width: 100%;}
.mv .side_btn {width: 160px;position: absolute;right: 0;bottom: 0;}
.mv .side_btn img {}

@media(max-width:768px) {
	.mv {width: 100%;margin: 0 auto 4%;position: relative;box-sizing: border-box;padding: 0;}
	.mv .ph {width: 100%;margin: 0 auto 0;position: relative;}
	.mv .ph img {width: 100%;}
	.mv .side_btn {width: 100%;position: relative;right: 0;bottom: 0;}
	.mv .side_btn img {}
}

ul.nav {width: 492px;margin: 0 auto 112px;display: flex;justify-content: space-between;}
ul.nav li {width: 241px;}
ul.nav li a {display: block;}

@media(max-width:768px) {
	ul.nav {width: 90%;margin: 0 auto 10%;display: flex;flex-wrap: wrap; justify-content: space-between;}
	ul.nav li {width: 48%;margin-bottom: 2%;}
	ul.nav li a {display: block;}
}


.campaign {width: 100%;position: relative;line-height: 1;}
.campaign .in {width: 1000px;margin: 0 auto 0;}
.campaign .in .tit {width: 1000px;margin: 0 auto 40px;}
.campaign .in .campaign_img01 {width: 444px;margin: 0 auto 48px;position: relative;}
.campaign .in .campaign_img01 .campaign_img01_ico {position: absolute;width: 188px;top:-100px;right: -280px;}
.campaign .in .campaign_img02 {width: 953px;margin: 0 auto 40px;;}
.campaign .in .campaign_img03 {width: 1000px;margin: 0 auto 32px;}
.campaign .in .campaign_img04 {width: 1000px;margin: 0 auto 40px;}

@media(max-width:768px) {
	.campaign {width: 100%;position: relative;line-height: 1;}
	.campaign .in {width: 90%;margin: 0 auto 0;}
	.campaign .in .tit {width: 100%;margin: 0 auto 5%;}
	.campaign .in .campaign_img01 {width: 90.6%;margin: 0 auto 6%;position: relative;}
	.campaign .in .campaign_img01 .campaign_img01_ico {display: none;}
	.campaign .in .campaign_img02 {width: 93%;margin: 0 auto 5%;}
	.campaign .in .campaign_img03 {width: 100%;margin: 0 auto 4%;}
	.campaign .in .campaign_img04 {width: 100%;margin: 0 auto 5%;}
}


.campaign2 {width: 100%;position: relative;line-height: 1;}
.campaign2 .in {width: 1000px;margin: 0 auto 0;}
.campaign2 .in .campaign2 {width: 1004px;margin: 0 -4px 40px auto;}

@media(max-width:768px) {
	.campaign2 {width: 100%;position: relative;line-height: 1;}
	.campaign2 .in {width: 96%;margin: 0 auto 0;}
	.campaign2 .in .campaign2 {width: 100%;margin: 0 auto 5%;}
}

.system {width: 100%;padding: 0 0 16px;}
.system .tit {font-size: 54px;font-weight: 700;color: #8e1d2a;text-align: center;margin-bottom: 50px;line-height: 1;}
.system p {font-size: 20px;font-weight: 700;text-align: center;margin-bottom: 0;}
.system .rem {font-size: 13px;font-weight: 700;text-align: center;margin-bottom: 40px;}
.system .banner {width: 1000px;margin: 0 auto 32px;position: relative;}
.system .banner img {}
.system .banner .btn {position: absolute;right: 20px;bottom: 20px;}
.system .banner .btn a {}
.system .banner .btn a img {}
@media(max-width:768px) {
	.system {width: 100%;padding: 0 0 0%;}
	.system .tit {font-size: 54px;font-weight: 700;color: #8e1d2a;text-align: center;margin-bottom: 50px;line-height: 1;}
	.system p {font-size: 20px;font-weight: 700;text-align: center;margin-bottom: 0;}
	.system .rem {font-size: 3.0vw;font-weight: 700;text-align: center;margin-bottom: 40px;}
	.system .banner {width: 90%;margin: 0 auto 5%;position: relative;}
	.system .banner .btn {width: 90%; position: absolute;right: 5%;bottom: 5%;}
}

.trial_shot {padding: 88px 0 32px;background-image: url("../img/trial_shot_bk.jpg");background-size: 1440px auto;background-position: center top;background-repeat: no-repeat;height: 1190px;box-sizing: border-box;}
.trial_shot .in {width: 1000px; margin: 0 auto 16px;}
.trial_shot .in .tit {width: 1000px;margin: 0 auto 16px;}
.trial_shot .in .trial_shot_img01 {width: 823px;margin: 0 auto 13px;}
.trial_shot .in .trial_shot_img02 {width: 732px;height: 288px; margin: 0 auto 40px;}
.trial_shot .in .trial_shot_img02 img {display: none;}
.trial_shot .in .trial_shot_img03 {width: 211px;margin: 0 auto 32px;}
.trial_shot .in .trial_shot_img04 {width: 769px;margin: 0 auto 16px;}

.concept {max-width: 1440px;margin: 0 auto 0;padding: 64px 0 16px; background-color: #333333;}
.concept .in {width: 1000px;margin: 0 auto 0;border-top: solid 1px #FFF;}
.concept .in .first_col {width: 100%;margin-bottom: 56px; background-image: url("../img/concept_bk.png");background-size: 100% auto;background-position: center top 20px;background-repeat: no-repeat;padding: 54px 0 44px;}
.concept .first_col .concept_tit {width: 195px;margin: 0 auto 32px;}
.concept .first_col .concept_img01 {width: 408px;margin: 0 auto 32px;}
.concept .first_col .concept_img02 {width: 853px;margin: 0 auto 32px;}
.concept .first_col .concept_img03 {width: 110px;margin: 0 auto 0px;}
.concept .second_col {display: flex;justify-content: space-between;position: relative;margin-bottom: 40px;}
.concept .second_col:after {content: '';width: 100%;height: 1px;background-color: #FFF;position: absolute;left: 0;bottom: 0;}
.concept .second_col .col_l {width: 48.1%}
.concept .second_col .col_r {width: 48.1%;}
.concept .second_col .col_r img {width: 106.656%;margin-right: -6.656%;margin-bottom: -32px;}
.concept .impression {width: 1000px;margin: 0 auto 32px;}
.concept .impression_graf {width: 1000px;margin: 0 auto 56px;}

@media(max-width:768px) {
	.trial_shot {padding: 8% 0 0;background-image: url("../img/trial_shot_bk_sp.jpg");background-size: 100% auto;background-position: center top;background-repeat: no-repeat;height: auto;box-sizing: border-box;width: 100%;aspect-ratio: 750 / 1880;background-color: #333333;}
	.trial_shot .in {width: 90%;margin: 0 auto 0%;padding-bottom: 7%;}
	.trial_shot .in .tit {width: 100%;margin: 0 auto 5%;}
	.trial_shot .in .trial_shot_img01 {width: 100%;margin: 0 auto 3%;}
	.trial_shot .in .trial_shot_img02 {width: 100%;height: 12em; margin: 0 auto 5%;}
	.trial_shot .in .trial_shot_img03 {width: 31.2%;margin: 0 auto 7%;}
	.trial_shot .in .trial_shot_img04 {width: 100%;margin: 0 auto 3%;}
	
	.concept {width: 100%;margin: 0 auto 0;padding: 8% 0 2%;}
	.concept .in {width: 90%;margin: 0 auto 0;border-top: solid 1px #FFF;padding: 5% 0 0;}
	.concept .in .first_col {width: 100%;margin: 0 auto 8%; background-image: url("../img/concept_bk_sp.png");background-size: 100% auto;background-position: center top;background-repeat: no-repeat;padding: 5% 0 8%;}
	.concept .in .first_col .concept_tit {width: 43.4%;margin: 0 auto 6%;}
	.concept .in .first_col .concept_img01 {width: 86.8%;margin: 0 auto 6%;}
	.concept .in .first_col .concept_img02 {width: 100%;margin: 0 auto 5%;}
	.concept .in .first_col .concept_img03 {width: 40%;margin: 0 auto 0px;}
	.concept .in .second_col {display:block;width: 100%;margin: 0 auto 10%;}
	.concept .in .second_col:after {content: '';width: 100%;height: 1px;background-color: #FFF;position: absolute;left: 0;bottom: 0;}
	.concept .in .second_col .col_l {width: 100%;margin-bottom: 10%;}
	.concept .in .second_col .col_r {width: 100%;}
	.concept .in .second_col .col_r img {width: 100%;margin-right: 0%;margin-bottom: 0;}
	.concept .impression {width: 90%;margin: 0 auto 5%;}
	.concept .impression_graf {width: 90%;margin: 0 auto 12%;}
}

.technology {width: 100%;min-width: 1000px;overflow: hidden;position: relative;}
.technology img {width: 100%;margin: 0 auto 0;vertical-align: bottom;}
.technology .btn_technology {width: 470px;position: absolute;left:calc(50% - 420px);bottom:100px ;}
.technology .btn_technology a {}
.technology .btn_technology a img {width: 100%;height: auto;}

@media(max-width:768px) {
	.technology {width: 100%;min-width: 100%;overflow: hidden;position: relative;}
	.technology img {width: 100%;margin: 0 auto 0;vertical-align: bottom;}
	.technology .btn_technology {width: 90%;position: absolute;left:5%;bottom: 10%;}
	.technology .btn_technology a {}
	.technology .btn_technology a img {width: 100%;height: auto;}
}


.gp_area {background-color: #000;padding: 100px 0;}
.gp_area .in {width: 1000px;margin: 0 auto 0;}
.gp_area .in p {font-size: 20px;font-weight: 700;text-align: center;color: #FFF;margin-bottom: 64px;}
.gp_area .in .banner_golfpartner {width: 100%;margin: 0 auto;}
.gp_area .in .banner_golfpartner img {}
@media(max-width:768px) {
	.gp_area {background-color: #000;padding: 10% 0;}
	.gp_area .in {width: 100%;margin: 0 auto 0;}
	.gp_area .in p {font-size: 3.2vw;font-weight: 700;text-align: center;color: #FFF;margin-bottom: 8%;}
	.gp_area .in .banner_golfpartner {width: 90%;margin: 0 auto;}
	.gp_area .in .banner_golfpartner img {}
}


.shop_area {background-color: #ce0e2d;padding: 60px 0;}
.shop_area .in {}
.shop_area .in .osiete_img08 {width: 660px;margin: 0 auto 40px;}
.shop_area .in .osiete_img08 img {}
.shop_area .in p {font-size: 30px;font-weight: 700;color: #FFF;text-align: center;line-height: 1.8;margin-bottom: 80px;}
.shop_area .in .btn {width: 400px;height: 70px;background-color: #ffed00;margin: 0 auto 0}
.shop_area .in .btn a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: 700;color: #000;position: relative;}
.shop_area .in .btn a:before {content: '';width: 10px;height: 10px;border-top: solid 2px #000;border-right: solid 2px #000;position: absolute;right: 16px;top:calc(50% - 5px);transform: rotate(45deg);}
@media(max-width:768px) {
	.shop_area {background-color: #ce0e2d;padding: 7% 0;}
	.shop_area .in {}
	.shop_area .in .osiete_img08 {width: 90%;margin: 0 auto 5%;}
	.shop_area .in .osiete_img08 img {}
	.shop_area .in p {font-size: 4.8vw;font-weight: 700;color: #FFF;text-align: center;line-height: 1.8;margin-bottom: 10%;}
	.shop_area .in .btn {width: 70%;height: 50px;background-color: #ffed00;margin: 0 auto 0}
	.shop_area .in .btn a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: 700;color: #000;position: relative;}
	.shop_area .in .btn a:before {content: '';width: 10px;height: 10px;border-top: solid 2px #000;border-right: solid 2px #000;position: absolute;right: 16px;top:calc(50% - 5px);transform: rotate(45deg);}
}


		
footer {width: 100%;height: auto;background-color: #ffed00;}
footer .in {padding: 50px 0;}
footer .in .f_logo {width: 550px;margin: 0 auto 0;}
footer .in .f_logo img {}
footer .copy {width: 100%;height: 60px;background-color: #000; display: flex;justify-content: center;align-items: center;font-size: 12px;color: #FFF;}
.f_search {position: fixed;width: 0%;height: 0; left: 0;bottom: 0;}


@media(max-width:768px) {
	footer .in {width: 90%;margin: 0 auto 0;display:block;padding: 5% 0;}
	footer .in .f_logo {width: 100%;}
	footer .in .f_logo img {width: 100%;height: auto; margin-left:0;}
	footer .in .f_txt {font-size: 2.8vw;}
.f_search {position: fixed;width: 100%;height: auto; left: 0;bottom: 0;}

.f_nav {width: 100%;height: auto;background-color: #00387f;}
.f_nav .in {width: 90%; margin: 0 auto 0;padding: 3% 0}
.f_nav .in ul {height: 50px; display: flex;flex-wrap: wrap; justify-content: center;align-items: center;}
.f_nav .in ul li {display: inline-block;margin-right: 0;padding: 0 2%;line-height: 1.1;}
.f_nav .in ul li a {font-size: 3.6vw;font-weight: 700;color: #FFF;transition: all 0.5s;}
.f_nav .in ul li:nth-child(1) ,.f_nav .in ul li:nth-child(2){border-right: solid 1px #FFF;}
.f_nav .in ul li a:hover {text-decoration: underline;}
}