@charset "utf-8";
/* CSS Document */

/* ===================================================================
 Reset
=================================================================== */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
 margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, header, footer, aside, figure, figcaption, nav, section { display:block; }
figure {padding: 0; margin: 0 0 1em 0;}
html { scroll-behavior:smooth; }
body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
table { border-collapse: collapse; border-spacing: 0;}


/* Layout
=================================================================== */
html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*, :before, :after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium");}
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold;}

body { background:#FFF; padding:0; margin:0 auto; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif; color: #000; font-size:16px; line-height:1.5; letter-spacing: 0.12em;}
#wrap {overflow: hidden;}

/* Chrome でのみフォントを太めに表示する */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  * { text-shadow: transparent 0 0 0, rgba(0, 0, 0, .7) 0 0 0 !important;}
}

@media only screen and (min-width: 960px) { 
    .tel { pointer-events:none}
}

p { margin:0; padding:0; }
img { max-width:100%; height: auto; margin:0; padding:0; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}

ul,ol { list-style-type:none;}

.alignleft { display:inline; float:left; margin-right:1.5em;}
.alignright { display:inline; float:right; margin-left:1.5em;}
.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; text-align: center;}

.clear { clear: both;}
.clear:after { content:" "; display:block; clear:both;}

a,
a:visited { color: #36609C; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}
a:focus { }
a:hover,
a:active { opacity:0.7; filter: alpha(opacity=70);}

a.btn { margin: 30px auto; }

/* ===================================================================
 Header
=================================================================== */
#head { position: relative; clear: both; text-align: center; }
#head h1{ position: absolute; top: 20px; left: 0; right: 0; width: 100%; margin: 0 auto; font-size: 32px; color:#FFF; text-align: center; letter-spacing: 0.1em; font-family: "M PLUS 1p", sans-serif; font-weight:500; font-style: normal; }
#head h2 img { width: 100%;}
#head h2 img.sp {display: none;}

@media only screen and (max-width:959px) {
    #head h1 { top:5px; font-size:22px;}
}

@media only screen and (max-width:640px) {
    #head h1 { font-size:16px;}
    #head h2 img.sp {display: block;}
    #head h2 img.pc {display: none;}
}
/* ===================================================================
 main
=================================================================== */
#main { clear: both; width:100%; margin:0 auto; padding: 0; text-align: center;}
#main section {width: 90%; max-width: 1400px; margin: 0 auto;}

#main ul {}
#main ul li {}

/*--------------------------------------------------------------
 
--------------------------------------------------------------*/
#catch { margin: 0 auto; padding: 90px 0;}
#catch p { margin-bottom:0; font-size: 21px; font-weight: bold; line-height: 1.75; text-align: center;}
#catch img.btn {max-width: 90%;}

@media only screen and (max-width:959px) {
    #catch { margin: 0 auto; padding: 40px 0;}
    #catch p { font-size: 18px; }
}

@media only screen and (max-width:640px) {
    #catch p { text-align: left; font-size:16px;}
    #catch p br {display: none;}
}

#tour {background: #F2F5F1; padding: 90px 0; }
#tour h3 { width:160px; float: left; margin-right: 40px; padding:7px 10px; background: #8D7243; color: #fff; font-size: 18px; font-weight: bold; text-align: left; display: block;}
#tour p { font-size: 18px; text-align: left; padding-top: 7px;}
#tour .sch { width:100%; padding:15px 0; border-bottom:1px dashed #C1A67B; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;}
#tour .sch a { width: 16%; border: 1px solid #8D7243; border-radius: 10px; text-align: center; padding: 20px 5px 15px 5px;}
#tour .sch a img { max-width: 100%;}
#tour ul.list{ width:100%; }
#tour ul.list li{ padding:15px 0; border-bottom:1px dashed #C1A67B;}
#tour ul.list li:after { content:" "; display:block; clear:both;}
#tour ul.list li a { color:#E03030; text-decoration: underline;}
#tour ul.list li a i.fa-file-pdf { margin-left:5px; color:#E03030;}

@media only screen and (max-width:959px) {
    #tour { padding:40px 0; }
    #tour h3 { font-size:16px; float: none; }
    #tour p { font-size:16px;}
    #tour .sch a { width: 32%; margin-bottom:12px;}
}

@media only screen and (max-width:640px) {
    #tour .sch a { width: 49%;}
}

#detail { margin: 0 auto; padding: 90px 0; }
#detail section { width:90%; max-width: 1200px; margin: 0 auto;}
#detail h3 { margin: 0 auto 80px auto;}
#detail .line01 { border: none; border-top:2px solid #C1A67B;}
#detail .data { width:100%; margin: 0 auto; padding:30px 0 40px 0; text-align:left; border-bottom:2px solid #C1A67B; line-height: 1.2; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

#detail .day { clear:left; float:left; width: 200px; height: 200px; padding: 30px 0 0 28px; font-size: 24px; font-family: "M PLUS 1p", sans-serif; font-weight:700; font-style: normal; color: #fff; background:#96B039; border-radius: 10px; white-space:nowrap; letter-spacing: 0.1em; line-height: 1.4;}
#detail .day strong { font-size:137.5%; font-weight: bold; letter-spacing:0; }
#detail .day span { font-size:21px; font-weight: bold; letter-spacing:0; margin-left: 0.3em;}
#detail .day span.small { font-size:20px; font-weight: bold; }
#detail .txt { width:calc(100% - 280px); font-size: 18px;}

@media only screen and (max-width:959px) {
    #detail { padding: 40px 0; }
    #detail h3 { margin: 0 auto 40px auto;}
    #detail .day { float:none; width: 180px; height: 140px; margin: 0 auto 10px auto; padding: 20px 0 0 20px; font-size: 20px;}
    #detail .txt { width:100%; font-size: 16px;}
}

#detail .time { clear:both; width:100%; margin-bottom: 30px; text-align:left; border-bottom:1px dashed #C1A67B; line-height: 1.2;}
#detail .time dt { padding:16px 0 7px 10px; clear:left; float:left; width:5em; border-top:1px dashed #C1A67B; color:#8D7243; font-size: 18px; font-weight: bold;}
#detail .time dd { padding:16px 0 7px 10px; margin-left:5em; border-top:1px dashed #C1A67B;}
#detail .time dt:first-child,
#detail .time dd:nth-child(2){ border-top: none;}
#detail .time dd ul { list-style: none;}
#detail .time dd ul li { position: relative; padding-left: 20px; font-size: 18px; font-weight: bold; margin:0 0 0.7em 0; line-height: 1.2;}
#detail .time dd ul li::before { content: ''; display: inline-block; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; border: 1px solid #000; border-radius: 6px;}
#detail .time:after,#detail .time dt:after,#detail .time dd:after { content:" "; display:block; clear:both;}
#detail .time dd ul li i { margin-right: 2px; color: #CFB897;}
#detail .time dd a {font-weight: bold; color:#E03030; text-decoration: underline;}
#detail .time dd a i.fa-file-pdf { margin-left:5px; color:#E03030;}

@media only screen and (max-width: 959px) {
    #detail .time dd ul li { font-size: 16px;}
}

@media only screen and (max-width:640px) {
	#detail .time dt { clear: both; float: none; width: 100%; padding-bottom: 5px;}
	#detail .time dd { margin-left:0; padding-top: 5px; border-top:none;}
}

#detail .farm { padding:30px 20px 30px 50px; border-radius: 15px; background: #F6F2EB; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; align-items: center;}
#detail .farm ul { width:calc(100% - 250px);}
#detail .farm ul li{ list-style: none; margin:0.5em 0; padding: 0;}
#detail .farm ul li:before { content:""; width:10px; height:10px; display:inline-block; background-color:#CFB897; border-radius: 50%; position: relative; top: -1px; margin-right: 5px;}
#detail .farm img.farmer {width: 200px;}

@media only screen and (max-width: 959px) {
    #detail .farm { padding:20px;}
	#detail .farm img.farmer { width: 140px;}
    #detail .farm ul { width:calc(100% - 160px);}
}

@media only screen and (max-width:640px) {
    #detail .farm img.farmer { margin-bottom:10px;}
	#detail .farm ul { width:100%;}
}

#form { padding: 90px 0; background:#F3EDE5;}
#form section { margin: 0 auto; padding:0; border-radius: 20px; position:relative; width:90%; max-width: 1200px; height:970px; }
#form section::-webkit-scrollbar { display: none;}
#form section { -ms-overflow-style: none;  scrollbar-width: none; }
#form section p { color:#FF0000; font-size: 18px; font-weight: bold; text-align: center;}
#form section iframe { position:absolute; top:0; left:0; width:100%; height: 100%;}

@media only screen and (max-width:959px) {
    #form { padding:40px 0;}
    #form section { height:1000px; }
}

@media only screen and (max-width:750px) {
    #form section { height:1200px; }
}

@media only screen and (max-width:500px) {
    #form section { height:1400px; }
}

@media only screen and (max-width:400px) {
    #form section { height:1500px; }
}

/*--------------------------------------------------------------
 List
--------------------------------------------------------------*/
#main ul { list-style-type:none; margin:0; padding:0;}
#main ul li { padding:0; background:;}

#main ol { list-style-type:decimal; margin:0; padding:0;}


/* ===================================================================
 FOOTER
=================================================================== */
#foot { clear: both; width: 90%; margin: 0 auto; padding:70px 0 20px 0; text-align: center; background: #fff;} 
#foot:after { content:" "; display:block; clear:both;}
#foot img { max-width: 100%; margin:50px auto;}
#foot p {}

@media only screen and (max-width:959px) {
    #foot { padding-top:40px;}
}

/* copyright */
.copyright { clear: both; width:100%; text-align:center; font-size:12px; padding: 0; color: #000;}
.copyright a { color:#333; text-decoration:none;}
.copyright a:hover { color:#555; text-decoration:underline;}

/* ページ先頭へ -----------------*/
#pagetop { position:fixed; bottom:6px; right:6px;}
#pagetop a { border:1px solid #25B6C0; background-color:rgba(255,255,255,0.7); border-radius: 50%; width:50px; height:50px; line-height: 45px; text-align:center; display:block; font-size:25px; color:#25B6C0; text-decoration:none;}
#pagetop a:hover { text-decoration:none; color:#25B6C0; border:1px solid #25B6C0;}