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

/* -------------------------------------------------------------- 
  reset
 -------------------------------------------------------------- */
/*-------------------------
	General Styles
--------------------------*/
*{ box-sizing: border-box;}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body{
	margin:auto;
	width: 100%;
	color: #000;
  font-family: 'Noto Sans JP', sans-serif;
}

a{
	color :#36f;
}
h1,h2,h3,h4,p{
	margin:0 auto;
}

input[type=radio], input[type=checkbox]{
	margin-right: 3px;
}

img{
	max-width: 100%;
	height: auto;
  vertical-align: bottom;
}


#debug{
	position: relative;
	top:0;
	left: 0;
	right: 10px;
	padding: 0 20px;
	margin: 0;
	width: 100%;
	background: #444;
	z-index: 99;
}

#debug section{
	width: 100%;
	height: 40px;
	overflow: hidden;
}

#debug section pre{
	color: #f1f1f1;
	background-color: #444;
}

#debug .btn{
	position: absolute;
	right: 5%;
	top: 5px;
	font-size: 12px;
}

#debug .open + section.output{
	height: auto;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

ul{ padding-left:0; margin:0;}
li{ list-style: none; display:inline-block;}

dl{margin:0;}
dd{margin-left:0}

/**/
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/**/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type="text"],
input[type="email"],
textarea,
input[type="submit"]{-webkit-appearance:none; border-radius:0; }
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

* {
font-feature-settings: "palt";
min-height:0;
min-width : 0;
	box-sizing: border-box;
}
html { font-size:62.5% }
body {
  font-size:1.8rem;
 line-height:1.5;
  background:#fff;
}
body,html {
 color:#231815;
font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  height:auto;
}
@media screen and (max-width:767px) {
  body { overflow-x:hidden;}
}

a {
 text-decoration:none;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out;
}
li{ display: block;}
figure{ margin:0;}

@media screen and (min-width:768px) {
  .sp{ display: none;}
}
@media screen and (max-width:767px) {
  .pc{ display: none;}
}


/*--------------------------
 #wrap
--------------------------*/
#wrap{ position: relative;}
img{ width:100%;}
main{ background:#fff;}
.container{ width:84vw; margin:auto;}
@media screen and (min-width:768px) {
  #wrap{ width:1024px; margin:0 auto;}
  .container{ width:900px;}
}


/*--------------------------
 a
--------------------------*/
.lnk-box *{ line-height:1;}
.lnk-box{ text-align: center; margin-top:12vw;}
.lnk-box a{
  display: inline-block;
  background:#ff0; color:#006934; line-height:1;
  padding:1.0em 1.5em;
  border-bottom: solid 3px #dada00;
  min-width:70vw; border-radius: 10vw;
}
.lnk-box a span{
  display: flex; justify-content: center; align-items: center;
  padding:0;font-weight: 900;
  font-size:6.5vw;
}
.lnk-box a span::after{
  content:"";
  background: url(img_cont/btn-arw-g.svg) center top / contain no-repeat;
  display: block;
  width:6vw;height:6vw; margin-left:1.5vw;
}
@media screen and (min-width:768px) {
  .lnk-box{ margin-top:100px;}
  .lnk-box a{ min-width:400px; border-radius:; }
  .lnk-box a span{ font-size:30px;}
  .lnk-box a span::after{ width:28px;height:28px; margin-left:8px; }
  .lnk-box a:hover{ background:#006934; color:#ff0;}
  .lnk-box a:hover span:after{background: url(img_cont/btn-arw-y.svg) center top / contain no-repeat;}
  
}

/*--------------------------
 hd
--------------------------*/
.sitename{
  line-height:1.0;
  position: absolute;z-index: 1;
  width:152px;top:4vw;right:4vw;
}
@media screen and (min-width:768px) {
  .sitename{ width:190px; top:20px; left:30px; right:auto;}
}

/*--------------------------
 #MENU
--------------------------*/

#MENU{
  width:12vw; max-width: 65px; height:12vw; max-height: 65px; background:#231815;
  border-radius: 50%; cursor: pointer;
  display:flex; justify-content:center; align-items:center;
  position: fixed; left:3vw; top:3vw;
  z-index:5;
  display: none;
}
#MENU div{ width:50%; height:40%; position: relative; }
#MENU span{
  display: block;
  width:100%; height:3px;
  background:#e7e2d2;
  position: absolute; left:0;
}
#MENU span:nth-child(1){ top:0; }
#MENU span:nth-child(2){ top:43%; }
#MENU span:nth-child(3){ bottom:0; }

/* CLOSE */
#MENU.CLOSE span:nth-child(1){ top:44%; transform: rotate(45deg)}
#MENU.CLOSE span:nth-child(2){ display: none }
#MENU.CLOSE span:nth-child(3){ bottom:40%; transform: rotate(-45deg) }

@media screen and (min-width: 768px){
  #MENU{ top:18px; left:50%; transform: translateX(420px)}
}
/*--------------------------
 nav
--------------------------*/
header{ width:100vw; position: fixed; top:0; z-index: 2;}
#GNAV-wrap{
  display: none;overflow-Y:scroll;
  position: absolute ; top:0; z-index:1 ;
  background:#231815;
  width:100vw; height:120vh;
}
#GNAV-wrap nav{ width:80%; margin:20vw auto;}
#GNAV-wrap li+li{ margin-top:4vw;}
#GNAV-wrap a{
  display: block;
  color:#fff; font-weight: 700; letter-spacing: 0.08em;
  text-align: center; font-size:4.5vw;
}
@media screen and (orientation:landscape),(min-resolution: 2dppx) {
  #GNAV-wrap nav{ margin:20vh auto 60vh;}
  #GNAV-wrap li+li{ margin-top:2vw;}
}
@media screen and (min-width: 768px){
  header,#GNAV-wrap{ width:1024px;}
  #GNAV-wrap nav{ margin:20vh auto 200px;}
  #GNAV-wrap li+li{ margin-top:25px;}
  #GNAV-wrap a{ font-size:20px;}
}


/*--------------------------
 ft
--------------------------*/
.ft-wrap{
  width:100%;
  position:fixed; z-index: 10;
  bottom:0;
}
.ft-inner{ position: relative;}
.ft-inner a{
  display:flex; justify-content: center; align-items: center;
  width:100vw;
  color:#fff; font-weight: 900; line-height:1.3;
}
.ft-inner a br{ display: none }
.ft-inner a.yoyaku{ background:#006934; letter-spacing: 0.4em; height:12vw; font-size:6vw; }
.ft-inner a.more{ background:#00873a; height:10vw; font-size:4vw; }

.ft-icon{
  position: absolute; top:0;
  z-index: 1;
  width:20vw; height:20vw; top:-3vw;
}
.ft-icon-taiken{ left:4vw;}
.ft-icon-present{ border-radius: 50%; background:#ff0; right:4vw;}

@media screen and (orientation:landscape) and (max-width:767px) {
  .ft-wrap{ max-width:100vw;}
  .ft-inner{ display: flex; height:60px;}
  .ft-icon{ width:100px;height:100px; top:-45px;}
  .ft-inner a{ width:50%; height:100% !important; min-width:50%;}
  .ft-inner a br{ display: block }
  .ft-inner a.yoyaku{ font-size:3vw; padding-left:8vw;}
  .ft-inner a.more{ font-size:2.5vw; padding-right:8vw; text-align:center; background:#ff0; color:#006934;}
  .ft-icon{ width:12vw; min-width:70px;height:12vw; min-height:70px; top:-20px;}
  .ft-icon-taiken{ left:2vw;}
  .ft-icon-present{ background:#006934; right:2vw; }
}

@media screen and (min-width:768px) {
  .ft-wrap{ max-width:1024px;}
  .ft-inner{ display: flex; height:60px;}
  .ft-icon{ width:100px;height:100px; top:-45px;}
  .ft-inner a{ width:50%; height:100% !important; min-width:50%;}
  .ft-inner a.yoyaku{ font-size:25px;}
  .ft-inner a.more{ font-size:18px; background:#ff0; color:#006934; }
  .ft-icon-taiken{ left:15px;}
  .ft-icon-present{ right:15px; background:#006934;}
}

/*
@media screen and (max-width:767px) {
  .ft-icon-taiken{ width:25vw;}
}


@media screen and (min-width:768px),(orientation:landscape) {
  .ft-inner{ display: flex; height:60px;}
  .ft-inner a{ width:50%; height:100% !important; min-width:50%;}
  .ft-inner a.more{ background:#ff0; color:#006934; }
  
}
@media screen and (orientation:landscape) {
  .ft-wrap{ width:100vw; max-width:1024px;}
  .ft-inner a br{ display: block }
}
@media screen and (orientation:landscape),(min-resolution: 2dppx) {
  .ft-inner a.yoyaku{ font-size:3vw; padding-left:8vw;}
  .ft-inner a.more{ font-size:2.5vw; padding-right:8vw; text-align:center;}
  .ft-icon{ width:12vw; min-width:70px;height:12vw; min-height:70px; top:-20px;}
  .ft-icon-taiken{ left:2vw;}
  .ft-icon-present{ background:#006934; right:2vw; }
}
@media screen and (min-width:1025px){
  .ft-inner a br{ display: none }
}
*/

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

  footer

-----------------------*/
footer{ padding:60px 0 120px;}
footer,
footer *{ text-align: center;}
footer div img{ width:167px;}
footer ul{ display: flex; justify-content: center; margin:20px auto 15px;}
footer ul li+li{ margin-left:40px;}
footer ul a{ font-size:1.2rem; line-height:1.0em; color:inherit; position: relative;}
footer ul a::after{
  content:""; display: block; width:11px;height:11px;
  background:url(./img_cont/icon-blank.png) center center/ cover no-repeat;
  position: absolute;top:50%; transform: translateY(-45%);right:-17px;
}
@media (max-width: 767px) {
  footer{padding:0; margin:10vw 0 35vw;}
  footer .logo{ margin:auto;}
  footer ul{ display: block;}
  footer ul li+li{ margin-left:auto;}
  footer small{ font-size:16px;}
}
  

/*--------------------------
 mv
--------------------------*/
.mv{
  background: url(img_cont/main-bg.png) center top / contain no-repeat #e7e2d2;
  padding-top:76vw;
}
.mv h1{ margin-bottom:8vw;}
@media screen and (orientation:landscape) {
  .mv{
    background: url(img_cont/main-bg-pc.png) center top 8vw / contain no-repeat #e7e2d2;
    padding-top:10vw;
  }
  .mv h1{ width:55%; margin:0 0 5vw auto;}
}
@media screen and (min-width:768px) {
  .mv{
    background: url(img_cont/main-bg-pc.png) center top / contain no-repeat #e7e2d2;
    padding-top:85px;
  }
  .mv h1{ width:430px; margin:0 35px 30px auto;}
}

/* page-nv */
.page-nv{ display: flex; justify-content: space-between; width:821px; margin:auto;}
.page-nv .page-nv01{ display: flex; justify-content: space-between;width:561px;}
.page-nv .page-nv02{ width:257px;}
.page-nv a{ display: block; background: center center / contain no-repeat;}
.page-nv a:hover img{ opacity: 0; transition: opacity 1s;}
.page-nv a.nv-ply{ background: url(img_cont/nv-ply-bg.png);}
.page-nv a.nv-wrk{ background: url(img_cont/nv-wrk-bg.png);}
.page-nv a.nv-lrn{ background: url(img_cont/nv-lrn-bg.png);}
.page-nv a.nv-about{ background: url(img_cont/nv-about2-bg.png);}
.page-nv a.nv-event{ background: url(img_cont/nv-event-bg.png);}
.page-nv a.nv-form{ background: url(img_cont/nv-form2-bg.png);}
.page-nv .page-nv02 a+a{ margin-top:5px;}
@media screen and (max-width:767px) {
  .mv .page-nv{ display: none}
}



/*--------------------------
 std
--------------------------*/
.std{
  background:url(img_cont/std-bg.png) center center / cover;
  padding:10vw 0 30vw;
}
.std h3{
  color:#006934; font-weight:700; line-height: 1.3;
  font-size:5.5vw; margin:4vw 0;}
.std p{  font-weight: 700;letter-spacing: 0; line-height:1.8;font-size:4vw;}
@media screen and (min-width:768px) {
  .std{
    background:url(img_cont/std-bg-pc.png) center center / cover;
    padding:145px 0;
  }
  .std .container{ width:755px;}
  .std h3{ font-size:30px; margin:40px 0 30px; }
  .std p{ font-size:20px; }
  .std h3,
  .std p{ text-align: center; }
  .std h3 br{ display: none}
}

/*--------------------------
 sec-box
--------------------------*/
.sec-box .sec-main{
  position: relative; 
}
.sec-box .sec-main h2 img{ width:auto; height:100%;}
.sec-box .sec-main h2{ width:100%; text-align:center; height:28vw; position: absolute; top:-12vw;}
.sec-box .sec-main h3{ width:84vw; }
@media screen and (orientation:landscape){
  .sec-box .sec-main{ display: flex; flex-direction: column; justify-content: center;}
  .sec-box .sec-main h2{ height:15vw; margin-bottom:8vw; position: static; top:auto;}
  .sec-box .sec-main h2 img{ box-sizing: content-box; border-bottom:10px solid #006934;}
}
@media screen and (min-width:768px) {
  .sec-box .sec-main{ display: flex; flex-direction: column; justify-content: center;}
  .sec-box .sec-main h2{ height:155px; margin-bottom:50px; position: static; top:auto;}
  .sec-box .sec-main h2 img{ box-sizing: content-box; border-bottom:15px solid #006934;}
}

.sec-box .inner-box{ margin-top:10vw;}
.sec-box .inner-box h4{
  color:#006934; font-weight:700; letter-spacing: 0.01em; line-height:1.3;
  font-size:7.2vw; margin-bottom:2vw;
}
.sec-box .inner-box h4 span{
  display: inline-block; width:auto; line-height: 1.0;
  background:#d1d2d2;color:#595757; font-weight: 700;
  padding:0.4em 1em; margin-bottom:2vw;
  font-size:4vw;
}
.sec-box .inner-box h4+p{ line-height:1.6; font-size:4vw;}
.sec-box .img-box figure{ margin-top:9vw;}
.sec-box .img-box figcaption{ margin-top:1.5vw; font-size:4vw;}
.sec-box .img-box figcaption p.lead{
  line-height:1; font-weight:700;
  margin-top:4vw; font-size:4.5vw;
}
.sec-box .img-box figcaption p.coution{ font-size:3.2vw; margin-top:1vw;}
.sec-box .img-box figcaption h5{
  font-weight:700; color:#006934;
  font-size:6vw;
}
@media screen and (min-width:768px) {
  .sec-box .inner-box{ margin-top:50px;}
  .sec-box .inner-box h4{ font-size:33px; margin-bottom:18px;}
  .sec-box .inner-box h4 span{ font-size:19px; margin-bottom:15px;}
  .sec-box .inner-box h4+p{ font-size:18px;}
  .sec-box .img-box figure{ margin-top:110px;}
  .sec-box .img-box figcaption{ margin-top:10px; font-size:16px;}
  .sec-box .img-box figcaption p.lead{ font-size:19px; margin-top:19px;}
  .sec-box .img-box figcaption p.coution{ font-size:16px; margin-top:0.5em;}
  .sec-box .img-box figcaption h5{ font-size:28px;}
}

/* sec-ply */
.sec-ply .sec-main{
  padding-top:100vw;
  background: url(img_cont/ply-bg.png) center 10vw / contain no-repeat;
}
.img-box-ply01 figcaption,
.img-box-ply02 figcaption{ text-align: right}
.img-box-ply01 .ply01-2{ width:78%;}
.img-box-ply01 .ply01-3{ width:55%; margin-left:auto;}
.img-box-ply01 .ply01-4{ width:85%;}
.img-box-ply02 .ply02-2{ width:88%; margin-left:auto;}
.img-box-ply02 .ply02-3,
.img-box-ply02 .ply02-4{ width:75%;}
.img-box-ply02 .ply02-4{ margin-left:auto;}
.img-box-ply03 .ply03-1 figcaption,
.img-box-ply03 .ply03-2 figcaption{ margin-left:3vw;}
.img-box-ply03 .ply03-2{ width:75%;}
.img-box-ply03 .ply03-3{ width:70%; margin-left:auto; }
@media screen and (orientation:landscape) {
  .sec-ply .sec-main{
    padding-top:0;
    background: url(img_cont/ply-bg.png) left -5% top 5vw / 60% no-repeat;
    height:65vw;
  }
  .sec-ply .sec-main h2,
  .sec-ply .sec-main h3{ width:40%; margin-right:6vw; }
  .ply01 .container{ margin-top:0;}
}
@media screen and (min-width:768px) {
  .sec-ply .sec-main{
    padding-top:0;
    background: url(img_cont/ply-bg.png) left 30px top 70px / 500px no-repeat;
    height:600px;
  }
  .sec-ply .sec-main h2,
  .sec-ply .sec-main h3{ width:475px; margin-right:60px; }
  .ply01{ position: relative;}
  .ply01 .container{
    width:calc(100% - 575px); height:440px; margin:0 0 0 auto;
    padding-left:40px; padding-top:150px;
  }
  .img-box-ply01 .ply01-1{ position: absolute; left:0; top:0; width:575px; margin-top:0 !important;}
  .img-box-ply01 div.flex{ display: flex; justify-content: space-between;}
  .img-box-ply01 .ply01-2{ width:515px; margin:auto;}
  .img-box-ply01 .ply01-2 figcaption{ text-align: left }
  .img-box-ply01 .ply01-3{ width:335px; margin:0;}
  .img-box-ply01 .ply01-4{ width:700px;}
  /**/
  .ply02 .inner-box,
  .ply03 .inner-box{ margin-top:130px;}
  .img-box-ply02 .ply02-1,
  .img-box-ply03 .ply03-1{ margin-top:25px !important;}
  .img-box-ply02 div.flex{ display: flex; flex-direction: row-reverse; justify-content: space-between;}
  .img-box-ply02 .ply02-2{ width:615px; margin:0; }
  .img-box-ply02 .ply02-3{ width:315px; margin:0 auto 0; }
  .img-box-ply02 .ply02-3 img{ margin-top:160px;}
  .img-box-ply02 .ply02-3 figcaption{ text-align: left;}
  .img-box-ply02 .ply02-4{ width:700px; margin:0; }
  /**/
  .img-box-ply03 div.flex{ display: flex; justify-content: space-around;}
  .img-box-ply03 .ply03-2{ width:480px; margin:0; }
  .img-box-ply03 .ply03-3{ width:415px; margin:0; }
  .img-box-ply03 .ply03-3 img{ margin-top:-80px;}
  .img-box-ply03 .ply03-2 figcaption{ margin-left:0}
}

/* sec-wrk */
.sec-wrk{ background:#e7e2d2; margin-top:30vw;}
.sec-wrk .sec-main{
  padding-top:90vw;
  background: url(img_cont/wrk-bg.png) center 10vw / contain no-repeat;
}
@media screen and (orientation:landscape) {
  .sec-wrk .sec-main{
    padding-top:0;
    background: url(img_cont/wrk-bg.png) left -5% top 5vw / 60% no-repeat;
    height:65vw;
  }
  .sec-wrk .sec-main h2,
  .sec-wrk .sec-main h3{ width:35%; margin-right:6vw; }
  .wrk01 .container{ margin-top:0; }
}
@media screen and (min-width:768px) {
  .sec-wrk{ margin-top:120px;}
  .sec-wrk .sec-main{
    padding-top:0;
    background: url(img_cont/wrk-bg.png) left 30px top 80px / 480px no-repeat;
    height:550px;
  }
  .sec-wrk .sec-main h2,
  .sec-wrk .sec-main h3{ width:450px; margin-right:60px; }
  .wrk01{ margin-top:-70px;}
}
.img-box-wrk01 .wrk01-1{ width:78%;}
.img-box-wrk01 .wrk01-2{ width:55%; margin-left:auto;}
.img-box-wrk01 .wrk01-3{ width:70%;}
@media screen and (min-width:768px) {
  .img-box-wrk01 .wrk01-1{ margin-top:25px !important;}
  .img-box-wrk01 .flex{ display: flex; flex-direction: row-reverse; justify-content: space-around}
  .img-box-wrk01 .wrk01-2{ width:516px; margin-left:0;}
  .img-box-wrk01 .wrk01-3{ width:350px; margin:auto;}
}

.sec-box .wrk02 .inner-box h4{ letter-spacing: -0.01em}
.img-box-wrk02 .wrk02-1 figcaption{ margin-left:3vw;}
.img-box-wrk02 .wrk02-2{ width:75%; margin-left:auto;}
@media screen and (min-width:768px) {
  .img-box-wrk02 .wrk02-1{ margin-top:25px !important;}
  .img-box-wrk02 .wrk02-2{ width:715px;}
}
  
.sec-wrk{ padding-bottom:20vw;}
@media screen and (min-width:768px) {
  .sec-wrk{ padding-bottom:150px;}
}

/* sec-lrn */
.sec-lrn .sec-main{
  padding-top:95vw;
  background: url(img_cont/lrn-bg.png) center 10vw / contain no-repeat;
}
.sec-lrn .sec-main h3{ width:75vw; margin-left:5vw;}
@media screen and (orientation:landscape) {
  .sec-lrn .sec-main{
    padding-top:0;
    background: url(img_cont/lrn-bg.png) left -5vw top 5vw / 70% no-repeat;
    height:70vw;
  }
  .sec-lrn .sec-main h2,
  .sec-lrn .sec-main h3{ width:33%; margin-left:auto; margin-right:6vw; }
  .lrn01 .container{ margin-top:0; }
}
@media screen and (min-width:768px) {
  .sec-lrn{ margin-top:0;}
  .sec-lrn .sec-main{
    padding-top:0;
    background: url(img_cont/lrn-bg.png) left 30px top 80px / 480px no-repeat;
    height:550px;
  }
  .sec-lrn .sec-main h2,
  .sec-lrn .sec-main h3{ width:450px; margin-left:auto;  margin-right:60px; }
  .lrn01{ margin-top:-70px;}
}
.img-box-lrn01 .lrn01-2{ width:58%; margin-left:auto;}
.img-box-lrn01 .lrn01-3{ width:55%;}
.img-box-lrn01 .lrn01-3 figcaption{ white-space: nowrap; margin-left:3vw;}
.img-box-lrn01 .lrn01-4{ width:68%; margin-left:auto;}
.img-box-lrn02 .lrn02-1 figcaption{ margin-left:3vw; }
.img-box-lrn02 .lrn02-2{ width:70%; margin-left:auto;}
@media screen and (min-width:768px) {
  .img-box-lrn01 .lrn01-1{ margin-top:25px !important;}
  .img-box-lrn01 .lrn01-2{ display: none}
  .img-box-lrn01 .lrn01-3{ width:45%;}
  .img-box-lrn01 .lrn01-3 figcaption{ margin-left:0;}
  .img-box-lrn01 .lrn01-4{ width:40%; margin-right:30px;}
  .img-box-lrn01 .lrn01-4 img{ margin-top:280px;}
  .lrn02{ margin-top:120px;}
  .img-box-lrn02 .lrn02-1{ margin-top:25px !important;}
}

/*--------------------------
 sec-krs
--------------------------*/
.sec-krs{
  padding-top:25vw; padding-bottom:20vw;
  background: url(img_cont/krs-top.svg) center top / 100% no-repeat #e6eed3;
}
.sec-krs .lnk-box{ margin-top:8vw;}
.sec-krs .lnk-box a+a{ margin-top:5vw;}
@media screen and (min-width:768px) {
  .sec-krs{
    padding:150px 0 200px;
    background: url(img-gw21/krs-top-pc.png) center top / 100% no-repeat #e6eed3;
  }
  .sec-krs h2{ width:700px; }
  .sec-krs .lnk-box{ margin-top:0px;}
  .sec-krs .lnk-box a:nth-child(2){ margin-left:30px; margin-top:50px; }
}


/*--------------------------
 sec-event
--------------------------*/
.sec-event h2{ width:85vw; margin-top:-5.5vw; margin-bottom:5vw;}
@media screen and (min-width:768px) {
  .sec-event h2{width:800px; margin-top:-55px; margin-bottom:30px;}
}


/*--------------------------
 sec-taikan
--------------------------*/
.sec-taikan h2{ width:93vw; margin-top:5vw;}
.sec-taikan p.lead{
  text-align: center; line-height:1.8;
  font-size:4vw; margin:6vw 0;
}
.sec-taikan .taikan-day{ width:95%; margin:auto;}
.sec-taikan .taikan-day p{
  text-align: center;
  font-size:3.8vw; margin-top:2vw;
}
@media screen and (min-width:768px) {
  .sec-taikan h2{ width:800px; margin-top:80px;}
  .sec-taikan p.lead{ font-size:30px; margin:60px 0 60px;}
  .sec-taikan .taikan-day{ width:900px;}
  .sec-taikan .taikan-day p{ font-size:25px; font-weight:700; margin-top:20px;}
}

.taikan-inner{ padding-top:5vw;}
.taikan-inner h3{ position: relative; z-index: 1;}
.taikan01-1{ margin-top:-4.5vw;}
.taikan01-2{ margin-top:5vw; }
.taikan01-2 figcaption{
  text-align: right;
  margin-right:3vw; margin-top:2vw; font-size:2.5vw;
}
.taikan-inner .lnk-box{ margin-top:5vw;}
.taikan-inner .lnk-box a span{ font-size:5vw;}
.taikan-inner .lnk-box a span::after{ width:5vw;height:5vw;}

.taikan-inner{ padding-bottom:12vw;}

@media screen and (min-width:768px) {
  .taikan-inner{ padding-top:50px; padding-bottom:150px; }
  .taikan-inner h3{ width:700px; }
  .taikan01-1{ margin-top:-30px;}
  .taikan01-2{ margin-top:50px; }
  .taikan01-2 figcaption{ font-size:18px; margin-top:10px; margin-right:0;}
  .taikan-inner .lnk-box{width:; margin-top:100px;}
  .taikan-inner .lnk-box a{ width:700px;}
  .taikan-inner .lnk-box a span{ font-size:30px;}
  .taikan-inner .lnk-box a span::after{ width:30px;height:30px;}
}

/*--------------------------
 sec-setsumei
--------------------------*/
.sec-setsumei{ background:#e7e2d2;}
.sec-setsumei .setsumei-img{ background:#fff;}
.sec-setsumei .setsumei-img p{ width:40%; position:relative; z-index:1;}
.sec-setsumei .setsumei-img figure{ margin-top:-4.5vw;}

.sec-setsumei h2+p{
  text-align: center;
  font-size:4vw;
  margin:3vw 0;
}
.sec-setsumei ul,
.sec-setsumei li{
  display: flex; align-items: center;
}
.sec-setsumei ul{
  justify-content: space-between; 
  width:94%; height:11vw; margin:auto;
}
.sec-setsumei li{
  justify-content: center; 
  width:32.3%; height:100%;
  text-align: center; line-height:1;
  font-weight: 900; color:#fff;
  background:#2aa439; border-radius: 4px;
  font-size:4vw;
}
.sec-setsumei .lnk-box{ margin-top:10vw; }
.sec-setsumei{ padding-bottom:15vw;}
@media screen and (min-width:768px) {
  .sec-setsumei .setsumei-img p{ width:300px;}
  .sec-setsumei .setsumei-img figure{ margin-top:-35px;}
  .sec-setsumei h2+p{ font-size:35px; font-weight: 700; margin:50px 0;}
  .sec-setsumei ul{ width:850px; height:70px;}
  .sec-setsumei li{ font-size:25px;}
  .sec-setsumei li br{ display:none; }
  .sec-setsumei .lnk-box{ margin-top:80px; }
  .sec-setsumei{ padding-bottom:80px;}
  
}

/*--------------------------
 form-wrap
--------------------------*/
.form-wrap{
  background:#dcdcdc;
  padding-bottom:15vw;
}
form >dl{ width:90vw; margin:auto;}
.inqSend { width:70%;}


@media screen and (min-width:768px) {
  form dl{ width:90%;}
  form dt{ width:40% !important;}
  form dd{ width:50% !important;}
}

/**/
.widthMax{ width:100vw;}
@media screen and (min-width:768px) {
  .widthMax{ width:1024px;}
}

/* contact-otoiawase */
.contact-otoiawase{
  text-align:center;
  border-bottom:1px solid #eee;
  margin:12vw 0 0; padding-bottom:12vw;
}
.contact-otoiawase h3,
.contact-otoiawase p{ margin-bottom:0.5em; }
.contact-otoiawase p a[href^="tel:"] {
  font-weight: 700;
  margin-left:0.3em;
}
  .contact-otoiawase h3,
  .contact-otoiawase p:nth-child(2){ font-size:3.8vw; }
  .contact-otoiawase p{ font-size:3.5vw;}
.contact-otoiawase p a[href^="tel:"] { font-size:4vw;}

@media screen and (min-width:768px) {
  .contact-otoiawase{
    margin:80px 0 0; padding-bottom:60px;
  }
  .contact-otoiawase h3,
  .contact-otoiawase p:nth-child(2){ font-size:18px; }
  .contact-otoiawase p:nth-child(2) br,
  .contact-otoiawase p:nth-child(3) br{ display: none}
  .contact-otoiawase p{ font-size:16px;}
  .contact-otoiawase p a[href^="tel:"] {
    pointer-events: none;
     font-size:20px;
  }
}


/*--------------------------
 other
--------------------------*/
/* pageTop */
#pageTop{
  display: flex; justify-content: center; align-items: center;
  width:12vw; max-width:50px;height:12vw; max-height:50px; background:#231815;
  position:fixed; bottom:30vw; right:5vw; border-radius:3px;
}
#pageTop span{
  display: block; width:40%; height:40%;
  background:url(img_cont/btn-arw-w.svg) center center / contain;
}
@media screen and (orientation:landscape),(min-resolution: 2dppx) {
  #pageTop{ bottom:130px;}
}
@media screen and (min-width:768px) {
  #pageTop{ right:50%; margin-right:-480px; bottom:150px;}
  #pageTop:hover{ background:#006934; transition: background 1s;}
}

/* scrollin */
#pageTop,.fadein,figure{ opacity: 0;transform: translateY(10vw);}
.scrollin{ animation: scrollin-animation-sp 1.2s forwards ease;}
@media screen and (min-width:768px) {
  #pageTop,.fadein,figure{ opacity: 0;transform: translateY(50px);}
  .scrollin{ animation: scrollin-animation 1.2s forwards ease;}
}
@keyframes scrollin-animation-sp{
    0% { opacity: 0 ;transform: translateY(10vw); }
    100% { opacity: 1;transform: translateY(0); }
}
@keyframes scrollin-animation{
    0% { opacity: 0 ;transform: translateY(50px); }
    100% { opacity: 1;transform: translateY(0); }
}


/* 20210506 */
.ev20210506sp{
display: block;
}
.ev20210506pc{
display: none;
}
@media screen and (min-width:768px) {
.ev20210506sp{
display: none;
}
.ev20210506pc{
display: block;
}
}



.ft_home {
display: block;
margin-bottom: 40px;
}
.ft_home a {
padding: 0;
width: 90%;
max-width: 300px;
background-color: #000;
color: #FFF;
border-radius: 16px;
height: 32px;
line-height: 32px;
display: block;
margin-left: auto;
margin-right: auto;
font-size: 13px;
background-image: url(img_cont/ft_home_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}