@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;font-size:70%;position:relative;top:-0.5em;}
sub{vertical-align:text-bottom;font-size:70%;position:relative;top:0.5em;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
object,embed{margin:0;vertical-align:top;}
img,a{vertical-align:top;}
i{font:inherit;}
video{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:0;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

@media only screen and (min-width: 640px) {

a[href^="tel:"] {
cursor:default;
pointer-events:none;
text-decoration:none;}

}

img {
max-width:100%;
height:auto;}
table {
max-width:100%;}

body {
text-align:center;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
background:#002511;
-webkit-text-size-adjust:100%;}
.mincho {
font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝',YuMincho,'HG明朝E','ＭＳ Ｐ明朝','MS PMincho','ＭＳ 明朝',serif;}

body , table , th , td , h1 , h2 , h3 , h4 , h5 , h6 {
font-size:14px;
line-height:1.8;
color:#FFF;}

@media only screen and (max-width: 800px) {

body , table , th , td , h1 , h2 , h3 , h4 , h5 , h6 {
font-size:13px;
line-height:1.8;}

}

/* slick ================*/

.slick-slider {
opacity:0;}
.slick-initialized {
opacity:1 !important;}
.slick-prev {
z-index:100 !important;
left:15px !important;
top:50% !important;}
.slick-next {
z-index:100 !important;
right:15px !important;
top:50% !important;}
.slick-dotted.slick-slider {
margin-bottom:0 !important;}
.slick-dots {
position:absolute !important;
bottom:8px !important;}
.slick-dots li{
margin:0 !important;}
.slick-dots li button:before {
color:#fff !important;
opacity:0.5 !important;}
.slick-dots li.slick-active button:before {
opacity:1 !important;
color:#fff !important;}

a:link {
COLOR:#DEEECE;
TEXT-DECORATION:none;
transition:color 0.3s;}
a:visited {
COLOR:#AACCAA;
TEXT-DECORATION:none;}
a:hover {
COLOR:#FFAA00;
TEXT-DECORATION:none;}

a i {
font-size:110%;
margin:0 4px 0 0;}

hr {
clear:both;
margin:0 0 22px 0;
border:0;
height:1px;
background:linear-gradient(90deg, rgba(146,133,75,0.1), rgba(146,133,75,1), rgba(146,133,75,0.1));}

.aligncenter {
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;}
.alignright {
float:right;
margin:3px 0 24px 24px !important;}
.alignleft {
float:left;
margin:3px 24px 24px 0 !important;}

@media only screen and (max-width: 800px) {

hr {
margin:0 0 15px 0;}

.alignright , .alignleft {
float:none;
text-align:center;
display:block;
margin:3px auto 24px auto !important;}

}

h1 , .p-ttl02 {
font-weight:bold;
font-size:120%;
line-height:1.3;
color:#FF9900;
background:#002F14;
border:1px solid #226648;
margin:0 0 25px 0;
padding:13px 9px 11px 9px;}
h2 {
color:#dbc47d;
font-size:132%;
line-height:1.3;
padding:0 0 6px 0;
border-bottom:1px dotted #ca5;
margin:5px 0 20px 0;}
h3 {
color:#e0b03d;
font-size:110%;
line-height:1.3;
margin:9px 0;}
h4 {
margin:33px 0 0 0;
font-size:90%;
line-height:1.6;
font-weight:normal;
text-align:center;
border-top:1px solid #c9af64;
border-bottom:1px solid #c9af64;
padding:22px 0;}
h5 {
color:#FF9900;
line-height:1.3;
margin:11px 0 12px 0;}
h6 {
margin:0 0 18px 0;
padding:10px;
font-weight:normal;
line-height:1.2;
background:#002F14;
color:#EEDDAA;
border:1px solid #226648;}

.ttl01 {
clear:both;
padding:50px 0 5px 0;
font-family: 'Cormorant Garamond', serif;
font-size:210%;
line-height:1.2;
letter-spacing:1px;
color:#c9af64;}
.ttl02 {
clear:both;
margin:33px 0;
padding:5px;
border:1px solid #a58e3a;
font-family:Verdana, Arial, sans-serif;
font-size:90%;
line-height:1.2;
font-weight:bold;
color:#a58e3a;
background:#002e14;}

@media only screen and (max-width: 800px) {

.ttl01 {
padding:7% 0 1% 0;}

}

/* clearfix =========================*/

.clearfix:before , .clearfix:after {
display:table;
content:" ";}
.clearfix:after {
clear:both;}

.col-flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}

/* block ===================================*/

blockquote , .block , .block-white , .block-line , .block-black {
clear:both;
margin:33px 0;
padding:19px;
background:#0c4723;
border-radius:5px;}
.block-white {
background:#fff;
color:#000;}
.block-line {
background:none;
border:2px solid #39865c;}
.block-black {
background:#001e0e;}

table.block-green {
clear:both;
width:100%;
height:auto;
border:0;
margin:35px 0;
background:#0c4723;
border-radius:5px;}
table.block-green td {
padding:19px;}
table.block-green td img {
max-width:100%;
height:auto;}

/* PARTS ===============================*/

.notice-date {
font-size:8px;
text-align:right;
padding:0 10px;
margin:-20px 0 20px 0;}

.p-bar {
padding:2px;
border:1px solid #A1B3A9;
font-size:84%;
font-family:Verdana, Arial, sans-serif;
line-height:1.2;
font-weight:bold;
color:#A1B3A9;
margin:0 0 24px 0;} 
.p-bar-recommend {
margin:0 0 30px 0;
padding:5px;
border:1px solid #a58e3a;
font-family:Verdana, Arial, sans-serif;
font-size:90%;
line-height:1.2;
font-weight:bold;
color:#a58e3a;
background:#002e14;}

/* tbl ===============================*/

table.p-tbl::-webkit-scrollbar {
height:10px;}
table.p-tbl::-webkit-scrollbar-track {
background: #F1F1F1;}
table.p-tbl::-webkit-scrollbar-thumb {
background: #BCBCBC;}

table.p-tbl {
margin:40px 0;
width:100%;
overflow:auto;
white-space:nowrap;
display:block;
border:1px solid #22664A;}
table.p-tbl tbody {
width:100%;
display:table;}
table.p-tbl th {
text-align:center;
line-height:1.5;
width:22%;
padding:15px 0 13px 0;
background:#05381B;
border:1px solid #22664A;}
table.p-tbl td {
text-align:left;
line-height:1.5;
padding:18px 12px 17px 12px;
border:1px solid #22664A;}
table.p-tbl table {
margin:5px 0;}

/*  youtube  ==========================*/

.youtube {
height:0;
width:100%;
max-width:1000px;
margin:5% auto;
overflow:hidden;
padding-top:56.25%;
position:relative;
box-shadow:0 0 0 3px #002511;}
.youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;}

/* THANKS-ERROR =====================*/

#thanks-error {
text-align:center;
padding:90px 50px 70px 50px;}

/*  btn  ==========================*/

.btn {
transition:all .3s;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;}
.btn:hover {
filter:alpha(opacity=60)!important;
-moz-opacity:0.6!important;
opacity:0.6!important;}

.btn-link {
margin:45px 0 0 0;}
.btn-link a {
display:inline-block;
font-size:110%;
line-height:1.2;
padding:1em 2em 0.9em 2em;
border:2px solid #c9af64;
color:#c9af64;
font-weight:bold;
text-align:center;
outline:none;
transition:0.3s;
border-radius:8px;}
.btn-link a:hover {
background:#c9af64;
color:#002511;
text-decoration:none;}

a.link-button {
display:inline-block;
font-size:110%;
background:#6C341A;
color:#FFF;
padding:1em 2em 0.9em 2em;
line-height:1.1;
margin:0 10px 0 0;
transition:all 0.3s;
border-radius:8px;}
a.link-button:hover{
background:#793E1C;
color:#FFEECC;}

.btn-res-plan {
width:100%;
padding:0 0 24px 0;}
.btn-res-plan li {
float:left;
width:25%;
padding:0 3px 3px 0;
text-align:center;}
.btn-res-plan li a {
display:block;
color:#e7f3eb;
padding:10px 2px 9px 2px;
font-size:12px;
line-height:1.2;
background:#002511;
border:2px solid #225536;
border-radius:15px;
transition:all .3s;}
.btn-res-plan li a:hover {
border:2px solid #ee8800;
color:#fff;}

@media only screen and (max-width:640px) {

.btn-link {
margin:5% 0 0 0;}
.btn-res-plan li {
width:50%;}

}