@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500&display=swap');



* {margin: 0;padding: 0;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, object, iframe,
p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}




/*-------------google font----------------------------------------------------------------------------------------*/

.Roboto-r{font-family: 'Roboto', sans-serif;font-weight: 400;}
.Roboto-b{font-family: 'Roboto', sans-serif;font-weight: 700;}
.mplus-r{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 400;}
.mplus-b{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500;}



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




body {
	line-height:1;
	letter-spacing: 1px;
	font-family: 'Roboto',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	font-size:14px;
}





img{max-width:100%;}


#btn-wps{position:fixed;top:170px;right:0px;z-index:5;}
@media screen and (max-width:766px){#btn-wps{display:none;}
}



/*-------------基本----------------------------------------------------------------------------------------*/

.c-w{color:#fff;}
.c-bl{color:#000;}
.c-ark{color:#149244;}
.c-yel{color:#FFF100;}
.c-gray{color:#888888;}
.c-red{color:#ff0000;}

.f-str{font-weight:Bold;}
.copy-l{text-align:left;}
.copy-r{text-align:right;}
.copy-c{text-align:center;}

.copy-8{font-size:8px;}
.copy-10{font-size:10px;}
.copy-12{font-size:12px;}
.copy-14{font-size:14px;}
.copy-16{font-size:16px;}
.copy-18{font-size:18px;}
.copy-20{font-size:20px;}
.copy-25{font-size:25px;}
.copy-30{font-size:30px;}
.copy-35{font-size:35px;}
.copy-40{font-size:40px;}
.copy-50{font-size:50px;}
.copy-60{font-size:60px;}
.copy-70{font-size:60px;}

.line200{line-height:200%;}
.line150{line-height:150%;}
.line130{line-height:130%;}


.mojikan2{letter-spacing: 2px;}
.mojikan5{letter-spacing: 5px;}
.mojikan10{letter-spacing: 10px;}


.mincho{font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}

p.indent-1 {padding-left:1em;text-indent:-1em;}
p.indent-2 {padding-left:0.5em;text-indent:-0.5em;}
p.indent-3 {padding-left:0.5em;text-indent:-0.5em;}



/*-------------改行など-------------------*/
.br-pc{display:block;}
.br-sp{display:none;}
.br-pc560{display:block;}
.br-sp560{display:none;}
.br-pc768{display:block;}
.br-sp768{display:none;}

@media screen and (max-width:959px){
	.br-pc{display:none;}
	.br-sp{display:block;}
}

@media screen and (max-width:559px){
	.br-pc560{display:none;}
	.br-sp560{display:block;}
}

@media screen and (max-width:766px){
	.br-pc768{display:none;}
	.br-sp768{display:block;}
}





/*------------h1.h2----------------------------------------------------------------------------------------*/

h1.title{
font-size:25px;
line-height:150%;
font-weight:Bold;
color:#149244;
margin-top:40px;
}

h1.title-seisyun{
font-size:50px;
line-height:150%;
letter-spacing: 10px;
font-weight:Bold;
color:#149244;
margin-top:40px;
font-style:italic;
}

h1.title-cont{
font-size:16px;
line-height:150%;
font-weight:Bold;
color:#ffffff;
}

h2.title{
font-size:35px;
padding-bottom:20px;
margin-bottom:40px;
margin-top:100px;
display: inline-block;
border-bottom: 3px solid #149244;
}

h2.title-e{
font-size:55px;
padding-bottom:20px;
margin-bottom:40px;
margin-top:100px;
display: inline-block;
border-bottom: 3px solid #149244;
}

h2.title-e-w{
font-size:55px;
padding-bottom:20px;
margin-bottom:40px;
margin-top:100px;
display: inline-block;
border-bottom: 3px solid #ffffff;
}

h2.title-w{
font-size:35px;
padding-bottom:20px;
margin-bottom:40px;
margin-top:100px;
display: inline-block;
border-bottom: 3px solid #fff;
}

h2.title-no{
font-size:35px;
padding-bottom:20px;
margin-bottom:40px;
margin-top:100px;
display: inline-block;
}

h2.title-no-s{
font-size:25px;
padding-bottom:20px;
margin-top:100px;
display: inline-block;
}

h2.title-no2{
font-size:35px;
padding-bottom:20px;
margin-top:100px;
display: inline-block;
}

h2.title-cont2{
font-size:20px;
padding-bottom:20px;
font-weight:Bold;
}


.rl-line {
	color: #FFF100;
	font-size: 25px;
	display: flex;
	align-items: center;
}
.rl-line:before, .rl-line:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #FFF100;
	display: block;
}
.rl-line:before {
	margin-right: .4em;
}
.rl-line:after {
	margin-left: .4em;
}

.green-line {
	color: #149244;
	font-size: 20px;
	display: flex;
	align-items: center;
}
.green-line:before, .green-line:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #149244;
	display: block;
}
.green-line:before {
	margin-right: .4em;
}
.green-line:after {
	margin-left: .4em;
}



@media screen and (max-width:559px){
h1.title{font-size:20px;text-align:left;}
h1.title-seisyun{font-size:33px;margin-top:30px;}
h2.title{font-size:25px;}
h2.title-e{font-size:40px;}
h2.title-e-w{font-size:40px;}
h2.title-w{font-size:25px;}
h2.title-no{font-size:25px;}
h2.title-no2{font-size:25px;}
h2.title-no-s{font-size:18px;}
.rl-line {font-size:20px;}
}




/*------------line----------------------------------------------------------------------------------------*/
.tate-line-bl{width:1px;background-color:#000;margin-left:auto;margin-right:auto;}
.yoko-line-bl{height:1px;background-color:#000;margin-left:auto;margin-right:auto;}

.tate-line-w{width:1px;background-color:#fff;margin-left:auto;margin-right:auto;}
.yoko-line-w{height:1px;background-color:#fff;margin-left:auto;margin-right:auto;}

.tate-line{width:1px;margin-left:auto;margin-right:auto;}
.yoko-line{height:1px;margin-left:auto;margin-right:auto;}

.tate-line-w3{width:3px;background-color:#fff;margin-left:auto;margin-right:auto;}
.yoko-line-w3{height:3px;background-color:#fff;margin-left:auto;margin-right:auto;}





/*------------button----------------------------------------------------------------------------------------*/
.btn-tel a{
display:block;
text-align:center;
margin-left:auto;margin-right:auto;
padding:15px;
border-bottom:solid 2px #149244;
color:#149244;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:100%;
}


.btn-tel a:hover{
color:#fff;
background-color:#149244;
border-bottom:solid 2px #149244;
}


.btn-mail a{
display:block;
margin-left:auto;
margin-right:auto;
padding:15px;
border:solid 2px #149244;
background-color:#149244;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:100%;
height:120px;
position:relative;
}


.btn-mail a:hover{
color:#149244;
background-color:#fff;
border:solid 2px #149244;
}

.btn-mail-bun{
position:absolute;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}


@media screen and (max-width:599px){
.btn-mail a{
display:block;
margin-left:auto;
margin-right:auto;
padding:15px;
border:solid 2px #149244;
background-color:#149244;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:100%;
height:60px;
position:relative;
}
}



.btn-blog a{
display:block;
text-align:center;
margin: 0 0 0 auto;
padding:15px;
border:solid 2px #149244;
background-color:#149244;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:200px;
}


.btn-blog a:hover{
color:#149244;
background-color:#fff;
border-bottom:solid 2px #149244;
}


.btn-mail2 a{
display:block;
margin-left:auto;
margin-right:auto;
padding:15px;
border:solid 2px #fff;
background-color:#fff;
color:#149244;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:300px;
position:relative;
}


.btn-mail2 a:hover{
color:#fff;
background-color:#149244;
border:solid 2px #fff;
}


.btn-media{
display:block;
margin-left:auto;
margin-right:auto;
padding:5px;
border:solid 1px #149244;
background-color:#149244;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
position:relative;
}


.btn-media:hover{
color:#149244;
background-color:#fff;
border:solid 1px #149244;
}


.btn-about a{
display:block;
text-align:center;
margin: 0 0 0 auto;
padding:10px;
border:solid 2px #ffffff;
background-color:#ffffff;
color:#149244;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:200px;
}


.btn-about a:hover{
color:#ffffff;
background-color:#149244;
border-bottom:solid 2px #ffffff;
}


.btn-100w-g a{
display:block;
text-align:center;
margin: 0 0 0 auto;
padding:15px;
border:solid 2px #149244;
background-color:#149244;
color:#fff;
font-weight:Bold;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration:none;
width:100%;
}


.btn-100w-g a:hover{
color:#149244;
background-color:#ffffff;
border-bottom:solid 2px #149244;
}

@media screen and (max-width:599px){
.btn-about a{margin: 0 auto 0 auto;}
}


/*-------------content----------------------------------------------------------------------------------------*/
.cont85{width:85%;margin-left:auto;margin-right:auto;max-width:1440px;}
.cont90{width:90%;margin-left:auto;margin-right:auto;max-width:1440px;}
.cont100{width:100%;margin-left:auto;margin-right:auto;}




/*-------------ループ画像----------------------------------------------------------------------------------------*/
.g-slide1 img {
height: 15vw;
}


/*-------------swiper----------------------------------------------------------------------------------------*/
.swiper-container {
  width: 100%;
  margin:0;
}

.swiper-slide {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

#swiper01 .swiper-button-prev, 
#swiper01 .swiper-button-next {
  opacity: 0;
  transition: opacity 1s;
}
#swiper01 .swiper-button-prev.hover, 
#swiper01 .swiper-button-next.hover {
  opacity: 1;
}
#swiper01 .swiper-button-prev.swiper-button-disabled.hover, 
#swiper01 .swiper-button-next.swiper-button-disabled.hover {
  opacity: 0.35;
}

.swiper-pagination{
    display: inline-block;
margin-top:15px;
margin-left:-30px;  
text-align: center;
}

.swiper-pagination-bullet {
    display: inline-block;
    margin-right:10px;
    width:12px !important;
    height:12px !important;
}


.swiper-button-prev.swiper-button-green,
.swiper-button-next.swiper-button-green {
  --swiper-navigation-color: #149244;
}


/*-------------youtube----------------------------------------------------------------------------------------*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.movie-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.movie-inner .movie-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("../img/youtube_thumb.jpg") no-repeat;
  background-size: cover;
}

.movie-inner .movie-thumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("../img/youtube_thumb_play.png") center center no-repeat;
  background-size: 90px 90px;
  transition: 0.5s;
}

.movie-inner .movie-thumb:hover:after {
  transform: scale(1.1);
  background: url("../img/youtube_thumb_play.png") center center no-repeat;
  background-size: 90px 90px;
}

.movie-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*-------------header----------------------------------------------------------------------------------------*/

.header{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}




#btn-btm-nav{display:none;}
@media screen and (max-width:767px){
#btn-btm-nav{display:block;position:fixed;bottom:0px;left:0px;z-index:10;width:100%;}
}



/*-------------ナビ-------------------*/
.head-menu{
    display:flex;
    align-items: center;
    justify-content: center;
    }
    
    
#global-h-nav {
  background-color:rgba(255,255,255,0.9);
  width: 100%;
  position: static;
  left:0;
  top: -30px;
  transition: all 0.3s ease 0s;
  padding-left:30px;
  z-index:100;
}

#global-h-nav.m_fixed {
  position: fixed;
  left:0;
  top: 0;
  border-bottom: 1px solid #eee;
}


.head-menu-logo{width:200px;text-align:left;}


.head-nav1 {
	display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    -webkit-align-items: flex-end;
    align-items: flex-end; /* 縦方向中央揃え（Safari用） */
    justify-content: flex-end;
    width:100%;
}



.head-nav1 ul {
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.head-nav1 li {
	display: inline;
}


.head-btn1 a {
	color:#149244;
	display: block;
	padding-bottom: 18px;
	padding-right:15px;
	text-decoration: none;
	text-align:center;
	font-size:20px;
	line-height:150%;
}

.head-btn2 a {
    background-color: #149244;
    color:#fff;
    display: block;
    padding: 20px;
    text-decoration: none;
    text-align:center;
    font-size:25px;
}

.head-btn3 a {
    background-color: #000000;
    color:#fff;
    display: block;
    padding: 20px;
    text-decoration: none;
    text-align:center;
    font-size:25px;
}

.head-btn1 a:hover {
    color:#E56C22;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.head-btn2 a:hover {
    background-color: #E56C22;
    color:#fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.head-btn3 a:hover {
    background-color: #E56C22;
    color:#fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



.bottom-nav {
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
}


.bottom-nav-box{
    width:25%;
    text-align: center;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    line-height:100%;
}

.btmnav-btn a {
    background-color: #1A1A1A;
    color:#fff;
    display: block;
    padding-top: 15px;
    padding-bottom:20px;
    text-decoration: none;
    text-align:center;
    font-size:20px;
}

.btmnav-btn a:hover {
    background-color: #E56C22;
    color:#fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



/*-------------main----------------------------------------------------------------------------------------*/
main {
	width:100%;
	text-align:center;
}



.sec-content{width:100%;margin-left:auto;margin-right:auto;vertical-align: middle;}







/*-------------top bg--------------------------------------------------*/

    .top_bg{
	background-image:url(../img/top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 60vh;
	overflow: hidden;
    }


@media (orientation: portrait){
    .top_bg{
	background-image:url(../img/top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 60vh;
	overflow: hidden;
    }
}

@media (orientation: landscape){
    .top_bg{
	background-image:url(../img/top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 85vh;
	overflow: hidden;
    }
}




@media (orientation: landscape) and (max-width: 896px){
    .top_bg{
	background-image:url(../img/top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height:550px;
	overflow: hidden;
    }
}




.top_bg_title1{
font-size:25px;
letter-spacing: 5px;
font-size:16px;
line-height:150%;
font-weight:Bold;
margin-top:60px;
}

.top_bg_title2{
font-size:50px;
line-height:150%;
letter-spacing: 10px;
font-weight:Bold;
color:#149244;
margin-top:40px;
font-style:italic;
}

.top_bg_title3{
font-size:16px;
letter-spacing: 2px;
font-weight:Bold;
margin-top:30px;
line-height:150%;
}

.top_bg_kyosan{
	position:absolute;
	top:15px;
	left:20px;
	z-index:5;
	font-size:12px;
	border:solid 1px #149244;
	padding:8px;
	text-align:center;
	line-height:150%;
	color:#149244;
}


.flex-point{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.flex-point-box{
    position:relative;
    width:23.5%;
}
.flex-point-box img{display:block;width:100%;height:auto;}

.point{height:170px;}
.head-mark{position:absolute;z-index:5;right:30px;top:30px;}
.head-mark2{position:absolute;z-index:5;right:200px;top:30px;}
.head-mark3{display:none;}


@media screen and  (max-width: 1240px){
.head-mark2{position:absolute;z-index:5;right:80px;top:230px;}
}



.kira_l {
width:260px;
height:260px;
display:block;
background:url(../img/kirakira_l.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: kiraL 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:0;
background-size: 260px;
position:absolute;
left:20px;
top:60%;transform:translateY(-60%);-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);
}

@keyframes kiraL {
  to {
    background-position: center -520px;
  }
}

.kira_r {
width:260px;
height:260px;
display:block;
background:url(../img/kirakira_r.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: kiraR 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:0;
background-size: 260px;
position:absolute;
right:20px;
top:60%;transform:translateY(-60%);-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);
}

@keyframes kiraR {
  to {
    background-position: center -520px;
  }
}



@media screen and (max-width:959px){
.top_bg{
    background-image:url(../img/top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
}



.point{height:130px;}
.kira_l{top:30%;transform:translateY(-30%);-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);}
.kira_r{top:30%;transform:translateY(-30%);-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);}
.head-mark{right:15px;top:350px;}
.head-mark2{display:none;}
.head-mark3{display:block;}


.kira_l {
width:150px;
height:150px;
display:block;
background:url(../img/kirakira_l.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: kiraL 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:0;
background-size: 150px;
position:absolute;
left:20px;
top:60%;transform:translateY(-60%);-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);
}

@keyframes kiraL {
  to {
    background-position: center -300px;
  }
}

.kira_r {
width:150px;
height:150px;
display:block;
background:url(../img/kirakira_r.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: kiraR 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:0;
background-size: 150px;
position:absolute;
right:20px;
top:60%;transform:translateY(-60%);-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);
}

@keyframes kiraR {
  to {
    background-position: center -300px;
  }
}


}




@media screen and (max-width:796px){
.top_bg_kyosan{
	position:absolute;
	top:15px;
	left:50%;
	transform:translatex(-50%);
	z-index:5;
	font-size:12px;
	border:solid 1px #149244;
	padding:8px;
	text-align:center;
	line-height:150%;
	color:#149244;
	width:90%;
}

.top_bg_title1{
font-size:20px;
margin-top:80px;
}


}



@media screen and (max-width:559px){
.top_bg{
    background-image:url(../img/top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 90vh;
}

.top_bg_title1{
font-size:20px;
margin-top:90px;
}

.top_bg_title2{
font-size:33px;
margin-top:25px;
}

.top_bg_title3{
font-size:14px;
margin-top:20px;
}


.flex-point-box{
    position:relative;
    width:48%;
    margin-bottom:25px;
}

.point{height:430px;}

.kira_l {
width:150px;
height:150px;
display:block;
background:url(../img/kirakira_l.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: kiraL 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:0;
background-size: 150px;
position:absolute;
left:10px;
top:45%;transform:translateY(-45%);-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%);
}

@keyframes kiraL {
  to {
    background-position: center -300px;
  }
}

.kira_r {
width:150px;
height:150px;
display:block;
background:url(../img/kirakira_r.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: kiraR 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:0;
background-size: 150px;
position:absolute;
right:10px;
top:45%;transform:translateY(-45%);-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%);
}

@keyframes kiraR {
  to {
    background-position: center -300px;
  }
}

}



/*------------content head背景-------------------------------------------------------------------------------*/


.cont_bg{
    background-image:url(../img/content_head_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 350px;
    position:relative;
}

.cont_bg_remote{
    background-image:url(../img/content_head_back_remote.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 350px;
    position:relative;
}


.cont-bg-title{
position:absolute;
top:55%;transform:translateY(-55%);-webkit-transform:translateY(-55%);-ms-transform:translateY(-55%);
left:0;right:0;
}


.cont-title-e{
font-size:50px;
font-weight:Bold;
color:#ffffff;
}


@media screen and (max-width:599px){
.cont_bg{height: 230px;}
.cont_bg_remote{height: 230px;}
.cont-title-e{font-size:40px;}
}




/*-------------コンテンツ　キャンプ-------------------------------------------------------------------------------*/

.camp-bg{
	background-image:url(../camp/img/camp_top_img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 60vh;
	overflow: hidden;
    }


@media (orientation: portrait){
    .camp-bg{
	background-image:url(../camp/img/camp_top_img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 60vh;
	overflow: hidden;
    }
}

@media (orientation: landscape){
    .camp-bg{
	background-image:url(../camp/img/camp_top_img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 80vh;
	overflow: hidden;
    }
}




@media (orientation: landscape) and (max-width: 896px){
    .camp-bg{
	background-image:url(../camp/img/camp_top_img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height:550px;
	overflow: hidden;
    }
}


.camp_bg_title{
font-size:40px;
margin-top:80px;
letter-spacing: 5px;
}

@media screen and (max-width:959px){
.camp_bg_title{margin-top:60px;}
}

@media screen and (max-width:559px){
.camp_bg_title{font-size:25px;margin-top:40px;}
}


.flex-camp-kibo{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.flex-camp-kibo-box{
    width:23.5%;
    margin-bottom:15px;
    padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    font-size:14px;
}

.kibo1{color:#149244;background-color: #fff;border: 2px solid #149244;}
.kibo2{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo3{color:#149244;background-color: #fff;border: 2px solid #149244;}
.kibo4{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo5{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo6{color:#149244;background-color: #fff;border: 2px solid #149244;}
.kibo7{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo8{color:#149244;background-color: #fff;border: 2px solid #149244;}


@media screen and (max-width:959px){
.flex-camp-kibo-box{width:48.5%;}
.kibo1{color:#149244;background-color: #fff;border: 2px solid #149244;}
.kibo2{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo3{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo4{color:#149244;background-color: #fff;border: 2px solid #149244;background-image:none;}
.kibo5{color:#149244;background-color: #fff;border: 2px solid #149244;background-image:none;}
.kibo6{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo7{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo8{color:#149244;background-color: #fff;border: 2px solid #149244;}
}

@media screen and (max-width:559px){
.flex-camp-kibo{flex-direction:column;}
.flex-camp-kibo-box{width:100%;padding-top:5px;padding-bottom:5px;}
.kibo1{color:#149244;background-color: #fff;border: 2px solid #149244;}
.kibo2{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo3{color:#149244;background-color: #fff;border: 2px solid #149244;background-image:none;}
.kibo4{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo5{color:#149244;background-color: #fff;border: 2px solid #149244;}
.kibo6{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
.kibo7{color:#149244;background-color: #fff;border: 2px solid #149244;background-image:none;}
.kibo8{color:#fff;background-image: url(../camp/img/title_back1.jpg);background-repeat: repeat;border: 2px solid #149244;}
}


.flex-camp{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.flex-camp-box{
    position:relative;
    width:47%;
    background-color:#ffffff;
    margin-bottom:40px;
}
.flex-camp-box img{display:block;width:100%;height:auto;}



@media screen and (max-width:768px){
.flex-camp{flex-direction:column;}
.flex-camp-box{width:100%;}
}


table.camp-plofile {
  border-collapse: collapse;
  width: 100%;
}
table.camp-plofile th,
table.camp-plofile td {
  vertical-align:top;
}
table.camp-plofile th {
  width: 50%;
  text-align: left;
}
table.camp-plofile td {
  text-align: left;
  padding-left:30px;
}

table.camp-plofile img{display:block;width:100%;height:auto;}



table.camp-price {
  border-collapse: collapse;
  width: 100%;
}
table.camp-price th,
table.camp-price td {
  vertical-align:middle;
  border: 1px solid #43A151;
  padding:15px;
  
}
table.camp-price th {
  width: 50%;
  text-align: center;
  background-color:#EFEA3C;
  font-weight:normal;
}
table.camp-price td {
  text-align: left;
  padding-left:30px;
}


@media screen and (max-width:599px){
table.camp-plofile td {
    display: block;
    padding-left:0px;
}
table.camp-plofile th {
    display: block;
    width: 100%;
    padding-bottom:15px;
}

table.camp-price td {
    display: block;
    padding-left:0px;
    text-align: center;
    border-top: 0px solid #43A151;
}
table.camp-price th {
    display: block;
    width: 100%;
    padding-bottom:15px;
}
}

h2.camp-catch {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px;
  width: 100%;
  color: #fff;
  font-size: 18px;
  background-image: url(../camp/img/title_back1.jpg);
  background-repeat: repeat;
}

h2.camp-catch:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #31b26f;
}

h2.camp-catch p {
  margin: 0;
  padding: 0;
}



#acMenu-camp {
    width:100%; 
}

#acMenu-camp dt {
text-indent: -2.3em; 
    font-size:16px;
    line-height:150%;
    text-align:left;
    padding: 15px 20px 15px 50px;
    margin-bottom:30px;
    color:#fff;
    font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500;
    background-image: url(../camp/img/title_back2.jpg);
    background-repeat: repeat;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
#acMenu-camp dt:hover {color:#FFF100;}
#acMenu-camp dd {
text-indent: -2.3em; 
    font-size:16px;
    text-align:left;
    line-height:150%;
    color:#149244;
    font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 400;
    padding: 15px 20px 15px 50px;
    margin-left: 20px;
    margin-bottom:30px;
}

#acMenu-camp dt:first-letter,
#acMenu-camp dd:first-letter {
 font-size: 20px;
 font-weight: bold;
 margin-right: 10px;
 padding: 5px;
}

#acMenu-camp dt:first-letter {
 color: #fff;
}
 
#acMenu-camp dd:first-letter {
 color: #149244;
}

#acMenu-camp span {
position: relative;
padding-top: 0.3em;
}

#acMenu-camp span::before {
position: absolute;
content: "";
width: 0.2em;
height: 0.2em;
border-radius: 50%;
background-color: #ffffff;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}




table.camp-nagare {
  border-collapse: collapse;
  width: 100%;
}
table.camp-nagare th,
table.camp-nagare td {
  padding: 15px;
  vertical-align:middle;
  border: 1px dotted #43A151;
  font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 400;
}
table.camp-nagare th {
  width: 80px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #43A151;
}
table.camp-nagare td {
  text-align: left;
  background-color: #fff;
  font-size:16px;
  line-height:150%;
  color:#43A151;
}


table.camp-daynagare {
  border-collapse: collapse;
  width: 100%;
}
table.camp-daynagare th,
table.camp-daynagare td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #43A151;
  font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 400;
  font-size:16px;
}
table.camp-daynagare th {
  width: 200px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #43A151;
}
table.camp-daynagare td {
  text-align: left;
  background-color: #fff;
  line-height:150%;
  color:#43A151;
}


@media screen and (max-width:559px){
table.camp-nagare td {
    display: block;
    text-align: left;
  }
table.camp-nagare th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
table.camp-daynagare td {
    display: block;
    text-align: center;
  }
table.camp-daynagare th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}



/*-------------コンテンツ　野外研修-------------------------------------------------------------------------------*/

table.yagai-cont {
  border-collapse: collapse;
  width: 100%;
  margin-bottom:20px;
}
table.yagai-cont th,
table.yagai-cont td {
  vertical-align:middle;
}
table.yagai-cont th {
  width: 40%;
  color:#fff;
  text-align: left;
  line-height:200%;
  font-weight:normal;
}
table.yagai-cont td {
  text-align: center;
  padding-left:30px;
}



table.y-nagare {
  border-collapse: collapse;
  width: 100%;
}
table.y-nagare th,
table.y-nagare td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #149244;
}
table.y-nagare th {
  width: 100px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #149244;
}
table.y-nagare td {
  text-align: left;
  background-color: #fff;
  font-weight:Bold;
  font-size:16px;
  line-height:150%;
}



table.y-nagare2 {
  border-collapse: collapse;
  width: 100%;
}
table.y-nagare2 th,
table.y-nagare2 td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #149244;
}
table.y-nagare2 th {
  width: 70px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #149244;
  font-size:16px;
}
table.y-nagare2 td {
width: 50%;
  text-align: left;
  color:#149244;
  font-weight:Bold;
  font-size:16px;
  line-height:150%;
}


table.y2-t {
  border-collapse: collapse;
  width: 100%;
  margin-bottom:20px;
}
table.y2-t th,
table.y2-t td {
  vertical-align:middle;
  border: 1px dotted #149244;
}
table.y2-t th {
  width: 50px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #149244;
  font-size:20px;
}
table.y2-t td {
  text-align: left;
  background-color: #FFF100;
  line-height:150%;
  padding: 10px;
  color: #149244;
  font-weight:Bold;
  font-size:16px;
}



.flex-yagai-p{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.flex-yagai-p-box{
    width:32%;
    text-align: left;
    background-color: #149244;
}

.flex-yagai-p-box img{display:block;width:100%;height:auto;}


.y2-process1{
background-color: #149244;
border: 2px solid #149244;
padding:10px;
text-align: left;
color:#ffffff;
font-weight:Bold;
}

.y2-process2{
background-color: #ffffff;
border: 2px solid #149244;
padding:15px;
text-align: center;
}

.y2-pcess-mark{
background-color: #149244;
color:#ffffff;
padding:5px;
text-align: center;
font-size:12px;
font-weight:Bold;
}

table.y2-pcess {
  border-collapse: collapse;
  width: 100%;
}
table.y2-pcess th,
table.y2-pcess td {
  vertical-align:top;
}
table.y2-pcess th {
  width: 150px;
  text-align: center;
}
table.y2-pcess td {
  text-align: left;
  line-height:150%;
  padding-left:20px;
}

.yagai-furi ul {
  display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;
  list-style: none;
}

.yagai-furi li {
width:49%;
text-align: left;
background-color:#FFF100;
padding:10px;
border:1px dotted #149244;
margin-bottom:15px;
}


@media screen and (max-width:959px){
table.yagai-cont td {
    display: block;
    padding-left:0px;
    padding-top:50px;
  }
table.yagai-cont th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
.flex-yagai-p{flex-direction:column;}
.flex-yagai-p-box{width:100%;margin-bottom:25px;}
}


@media screen and (max-width:599px){
table.y-nagare td {
    display: block;
}
table.y-nagare th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
}

table.y-nagare2 th,
table.y-nagare2 td {
  padding: 10px;
}  
table.y-nagare2 td {
    display: block;
    border-top: 0px;
    width: 100%;
}
table.y-nagare2 th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
}


.y2-process1{text-align: center;}

table.y2-pcess td {
    display: block;
    padding-left:0px;
    padding-top:10px;
}
table.y2-pcess th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
}

.yagai-furi ul{flex-direction:column;}
.yagai-furi li {width: 100%;}
}


/*-------------コンテンツ　企業研修-------------------------------------------------------------------------------*/


table.kigyo-t {
  border-collapse: collapse;
  width: 100%;
  margin-bottom:20px;
}
table.kigyo-t th,
table.kigyo-t td {
  vertical-align:middle;
  border: 1px dotted #149244;
}
table.kigyo-t th {
  width: 50px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #149244;
  font-size:20px;
}
table.kigyo-t td {
  text-align: left;
  background-color: #FFF100;
  line-height:150%;
  padding: 10px;
  color: #149244;
  font-weight:Bold;
  font-size:16px;
}


table.kigyo-cont {
  border-collapse: collapse;
  width: 100%;
}
table.kigyo-cont th,
table.kigyo-cont td {
  vertical-align:top;
}
table.kigyo-cont th {
  width: 50%;
}
table.kigyo-cont td {
  text-align: left;
  line-height:150%;
  padding-left: 40px;
  font-size:14px;
}

@media screen and (max-width:599px){
table.kigyo-cont td {
    display: block;
    padding-left:20px;
    padding-top:20px;
  }
table.kigyo-cont th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}


/*-------------コンテンツ　メデイア掲載-------------------------------------------------------------------------------*/

.media-box-c{
border: 1px dotted #149244;
background-color: #FFF100;
padding:10px;
position:relative;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


table.media-cont {
  border-collapse: collapse;
  width: 100%;
}
table.media-cont th,
table.media-cont td {
  vertical-align:middle;
}
table.media-cont th {
  text-align: left;
  line-height:150%;
  padding: 15px;
  color:#149244;
}
table.media-cont td {
  text-align: center;
  line-height:150%;
  width: 100px;
  color:#149244;
  font-size:40px;
}


.media-box-c a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    opacity:0;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.media-box-c a:hover{
    background-color:#70B538;
    filter:alpha(opacity=30);
    -ms-filter:"alpha(opacity=30)";
    -moz-opacity:0.3;
    -khtml-opacity:0.3;
    opacity:0.3;
    zoom:1;
}





/*-------------スクールプロセス　チャート-------------------------------------------------------------------------------*/

table.sc-chart {
  border-collapse: collapse;
  width: 100%;
}
table.sc-chart th,
table.sc-chart td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #000;
}
table.sc-chart th {
  width: 40%;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #000;
}
table.sc-chart td {
  text-align: left;
  background-color: #fff;
  font-weight:Bold;
  font-size:16px;
  line-height:150%;
}


@media screen and (max-width:559px){
table.sc-chart td {
    display: block;
    text-align: left;
  }
table.sc-chart th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}



.flex-chart{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.fl-chart-box{
    width:32%;
    margin-bottom:15px;
    padding-top:8px;
    padding-bottom:8px;
    text-align: center;
    font-size:16px;
}

@media screen and (max-width:959px){
.fl-chart-box{width:48.5%;}
}

@media screen and (max-width:559px){
.flex-chart{flex-direction:column;}
.fl-chart-box{width:100%;}
}



/*------------content school-------------------------------------------------------------------------------*/

.sc-title{
font-size:20px;
line-height:150%;
font-weight:Bold;
color:#149244;
border: 3px solid #149244;
padding:10px;
text-align:left;
}

@media screen and (max-width:559px){
.cont_bg{height: 230px;}
.sc-title{font-size:18px;}
}


/*------------index service-------------------------------------------------------------------------------*/

.fl-serv{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.fl-serv-box{
    position:relative;
    width:50%;
    border: 1px solid #ffffff;
}

.fl-serv-box img{display:block;width:100%;height:auto;}

.fl-serv-box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    opacity:0;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.fl-serv-box a:hover{
    background-color:#000;
    filter:alpha(opacity=30);
    -ms-filter:"alpha(opacity=30)";
    -moz-opacity:0.3;
    -khtml-opacity:0.3;
    opacity:0.3;
    zoom:1;
}


@media screen and (max-width:559px){
.fl-serv{flex-direction:column;}
.fl-serv-box{width:100%;}
}


.fl-serv-box p.se-title{
    position:absolute;
    background-color: #ffffff;
    color:#149244;
    font-weight:Bold;
    padding:10px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    bottom:0px;
    width:90%;
}





/*------------index about-------------------------------------------------------------------------------*/


.title-about{
padding-bottom:15px;
margin-bottom:15px;
border-bottom: 3px solid #ffffff;
text-align:left;
}

.title-about-s{
text-align:left;
}



table.about {
  border-collapse: collapse;
  width: 100%;
}
table.about th,
table.about td {
  padding: 5px;
  vertical-align:top;
}
table.about th {
  text-align: left;
  line-height:150%;
  width: 180px;
}
table.about td {
  color:#149244;
  text-align: left;
  padding-left:40px;
}



@media screen and (max-width:599px){
.title-about{text-align:center;}
.title-about-s{text-align:center;}

table.about td {
    display: block;
    text-align: left;
    padding-left:0;
    padding-top:20px;
  }
table.about th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}


/*------------悩み-------------------------------------------------------------------------------*/


.nayami-line {
	color: #149244;
	display: flex;
	align-items: center;
}
.nayami-line:before, .nayami-line:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #149244;
	display: block;
}
.nayami-line:before {
	margin-right: .4em;
}
.nayami-line:after {
	margin-left: .4em;
}


.flex-nayami{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.fl-nayami-box{
    width:23.5%;
    margin-bottom:15px;
    padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    font-size:14px;
}

.nayami1{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami2{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami3{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami4{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami5{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami6{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami7{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami8{color:#149244;background-color: #fff;border: 2px solid #149244;}


@media screen and (max-width:959px){
.fl-nayami-box{width:48.5%;}
.nayami1{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami2{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami3{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami4{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami5{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami6{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami7{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami8{color:#149244;background-color: #fff;border: 2px solid #149244;}
}

@media screen and (max-width:559px){
.flex-nayami{flex-direction:column;}
.fl-nayami-box{width:100%;padding-top:5px;padding-bottom:5px;}
.nayami1{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami2{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami3{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami4{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami5{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami6{color:#fff;background-color: #149244;border: 2px solid #149244;}
.nayami7{color:#149244;background-color: #fff;border: 2px solid #149244;}
.nayami8{color:#fff;background-color: #149244;border: 2px solid #149244;}
}


/*------------満足感×達成感-------------------------------------------------------------------------------*/

.gakko_bg{
background-image:url(../img/gakko_back.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
position: relative;
overflow: hidden;
}






.gakko_man {
width:375px;
height:182px;
display:block;
background:url(../img/gakko_img3.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: gakkoMan 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:-2;
background-size: 375px;
}

@keyframes gakkoMan {
  to {
    background-position: center -364px;
  }
}


@media screen and (max-width:559px){
.gakko_man {
width:247px;
height:120px;
display:block;
background:url(../img/gakko_img3.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: gakkoMan 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:-2;
background-size: 247px;
}

@keyframes gakkoMan {
  to {
    background-position: center -240px;
  }
}
}


/*------------学校とは？-------------------------------------------------------------------------------*/

.kakko {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

.kakko:before, .kakko:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.kakko:before {
  border-left: solid 3px #FFF100;
  border-top: solid 3px #FFF100;
  border-bottom: solid 3px #FFF100;
  left: 0;
}
.kakko:after {
  content: '';
  border-top: solid 3px #FFF100;
  border-right: solid 3px #FFF100;
  border-bottom: solid 3px #FFF100;
  right: 0;
}




/*------------11の理由-------------------------------------------------------------------------------*/

.outline{
text-shadow:1px 1px 0 #149244,-1px 1px 0 #149244,1px -1px 0 #149244,-1px -1px 0 #149244;
}


.wake-line {
	color: #149244;
	display: flex;
	align-items: center;
}
.wake-line:before, .wake-line:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #149244;
	display: block;
}
.wake-line:before {
	margin-right: .4em;
}
.wake-line:after {
	margin-left: .4em;
}




.flex-riyu{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.fl-riyu-box{
    width:32%;
    margin-bottom:15px;
    padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    font-size:16px;
}

table.wake {
  border-collapse: collapse;
  width: 100%;
}
table.wake th,
table.wake td {
  padding: 5px;
  vertical-align:middle;
}
table.wake th {
display: block;
  text-align: center;
  line-height:150%;
  width: 100%;
  font-size:35px;
}
table.wake td {
display: block;
  color:#149244;
  text-align: center;
  font-weight:Bold;
  line-height:150%;
}


@media screen and (max-width:959px){
.fl-riyu-box{width:48.5%;}
}

@media screen and (max-width:559px){
.flex-riyu{flex-direction:column;}
.fl-riyu-box{width:100%;padding-top:5px;padding-bottom:5px;}

table.wake {
  border-collapse: collapse;
  width: 100%;
}
table.wake th,
table.wake td {
  padding: 5px;
  vertical-align:middle;
}
table.wake th {
display:table-cell;
  text-align: center;
  line-height:150%;
  width: 80px;
  font-size:35px;
}
table.wake td {
display:table-cell;
  color:#149244;
  text-align: left;
  font-weight:Bold;
  line-height:150%;
  padding-right:20px;
}


}



/*------------ミッション-------------------------------------------------------------------------------*/

table.mission {
  border-collapse: collapse;
  width: 100%;
}
table.mission th,
table.mission td {
  padding: 5px;
  vertical-align:middle;
}
table.mission th {
  text-align: left;
  line-height:150%;
  width: 280px;
}
table.mission td {
  color:#149244;
  text-align: left;
  font-weight:Bold;
  font-size:26px;
  line-height:150%;
  padding-left:20px;
}

@media screen and (max-width:959px){
table.mission th,
table.mission td {
  padding: 5px;
  vertical-align:top;
}
table.mission th {
  text-align: left;
  line-height:150%;
  width: 250px;
}
table.mission td {
  color:#149244;
  text-align: left;
  font-weight:Bold;
  font-size:25px;
  line-height:150%;
  padding-left:20px;
}
}


@media screen and (max-width:599px){
table.mission td {
    display: block;
    text-align: center;
    font-size:23px;
    padding-left:0;
    padding-top:20px;
  }
table.mission th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}


/*------------メディア-------------------------------------------------------------------------------*/


.media_t{
font-size:24px;
text-align:left;
color:#fff100;
padding-left:260px;
}


.media-box{
border: 3px solid #149244; background-color: #FFFDE5;padding:20px;
}


.media-box-cont{
	padding-left:250px;
	line-height:200%;
}


.media_pdf {
display:block;
z-index:5;
position: absolute;
top:-30px;
left:40px;
transform: rotate( -8deg );
}

.media_pdf img{
	border:solid 1px #cccccc;
	width:180px;
	filter: drop-shadow(0px 5px 5px rgba(160, 160, 160, 0.7));
}






@media screen and (max-width:768px){
.media_t{padding-left:0;text-align:center;}
.media-box-cont{padding-left:0px;}
.media_pdf {position: static;transform: rotate( 0 );margin-bottom:20px;}
.media_pdf img{width:100%;filter: drop-shadow(0px 5px 5px rgba(160, 160, 160, 0));}
}


/*-------------声-------------------------------------------------------------------------------*/


.catch-v {
	display: flex;
	align-items: center;
	justify-content: center;
}

.catch-v:before, .catch-v:after {
	content: "";
	height: 1px;
	display: inline-block;
}

.catch-v:before {
  width: 70px;
  height: 63px;
  background-size: 70px;
  background-image: url(../img/midashi_v_l.png);
  background-size: contain;
  vertical-align: middle;
}
.catch-v:after {
  width: 70px;
  height: 63px;
  background-size: 70px;
  background-image: url(../img/midashi_v_r.png);
  background-size: contain;
  vertical-align: middle;
}


.flex-voice{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.fl-voice-box{
    width:32%;
    margin-bottom:15px;
    padding:15px;
    text-align: left;
    border: 3px solid #149244;
}



.voice_posi{position:relative;}


.voice_man1 {
width:115px;
height:115px;
display:block;
background:url(../img/a_man1.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: voiceMan1 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:-2;
background-size: 115px;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

@keyframes voiceMan1 {
  to {
    background-position: center -230px;
  }
}


.voice_man2 {
width:115px;
height:115px;
display:block;
background:url(../img/a_man2.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: voiceMan2 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:-2;
background-size: 115px;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

@keyframes voiceMan2 {
  to {
    background-position: center -230px;
  }
}

.voice_man3 {
width:115px;
height:115px;
display:block;
background:url(../img/a_man3.png) no-repeat top center;
text-indent:-9999px;
overflow:hidden;
animation: voiceMan3 2s steps(2) infinite;
margin-left:auto;margin-right:auto;
z-index:-2;
background-size: 115px;
}

@keyframes voiceMan3 {
  to {
    background-position: center -230px;
  }
}



@media screen and (max-width:959px){
.flex-voice{flex-direction:column;}
.fl-voice-box{width:100%;}
.voice_posi{position:static;}
.voice_man1 {position:static;left: 0;transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
.voice_man2 {position:static;left: 0;transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
}



/*-------------流れ-------------------------------------------------------------------------------*/

table.nagare {
  border-collapse: collapse;
  width: 100%;
}
table.nagare th,
table.nagare td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #000;
}
table.nagare th {
  width: 100px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #000;
}
table.nagare td {
  text-align: left;
  background-color: #fff;
  font-weight:Bold;
  font-size:16px;
  line-height:150%;
}


@media screen and (max-width:559px){
table.nagare td {
    display: block;
    text-align: center;
  }
table.nagare th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}



.flex-nagare{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;  
}

.fl-nagare-box{
    width:32%;
    margin-bottom:15px;
    padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    font-size:16px;
}

@media screen and (max-width:959px){
.fl-nagare-box{width:48.5%;}
}

@media screen and (max-width:559px){
.flex-nagare{flex-direction:column;}
.fl-nagare-box{width:100%;}
}




/*-------------講座内容-------------------------------------------------------------------------------*/

.catch-t {
	display: flex;
	align-items: center;
	justify-content: center;
}

.catch-t:before, .catch-t:after {
	content: "";
	height: 1px;
	display: inline-block;
}

.catch-t:before {
  width: 70px;
  height: 63px;
  background-size: 70px;
  background-image: url(../img/midashi_l.png);
  background-size: contain;
  vertical-align: middle;
}
.catch-t:after {
  width: 70px;
  height: 63px;
  background-size: 70px;
  background-image: url(../img/midashi_r.png);
  background-size: contain;
  vertical-align: middle;
}






.naiyo-box-1{
	position:relative;
	padding-left:450px;
	min-height:300px;
	background-color: #fff;
	border-top: 2px solid #149244;
}

.naiyo-box-2{
	position:relative;
	padding-left:80px;
	min-height:300px;
	background-color: #EFEA3C;
	border-top: 2px solid #149244;
}

.img-l{
	position:absolute;
	left:0px;
	top:0px;
}
.img-r{
	position:absolute;
	right:0px;
	top:0px;
}



.naiyo-txt-r{
padding-right:80px;
padding-top:30px;
}

.naiyo-txt-l{
padding-right:450px;
padding-top:30px;
}

.naiyo-box-1 img{height:300px;}
.naiyo-box-2 img{height:300px;}




@media screen and (max-width:959px){
.naiyo-box-1{
	position:relative;
	padding-left:300px;
	min-height:300px;
	background-color: #fff;
}
.naiyo-txt-r{
padding-right:50px;
padding-top:30px;
}
.naiyo-txt-l{
padding-right:300px;
padding-top:30px;
}
.naiyo-box-1 img{height:300px;width:250px;object-fit: cover;}
.naiyo-box-2 img{height:300px;width:250px;object-fit: cover;}
}




@media screen and (max-width:599px){
.naiyo-box-1{
	position:relative;
	padding-left:50px;
	background-color: #fff;
	min-height:600px;
}
.naiyo-box-2{
	position:relative;
	padding-left:50px;
	background-color: #EFEA3C;
	min-height:600px;
}
.naiyo-txt-r{
padding-right:50px;
padding-top:220px;
}
.naiyo-txt-l{
padding-right:50px;
padding-top:220px;
}
.naiyo-box-1 img{height:200px;width:100%;object-fit: cover;object-position: 0px -50px;}
.naiyo-box-2 img{height:200px;width:100%;object-fit: cover;object-position: 0px -50px;}
}





/*-------------講座料-------------------------------------------------------------------------------*/


table.kouzaryo {
  border-collapse: collapse;
  width: 100%;
}
table.kouzaryo th,
table.kouzaryo td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #fff;
}
table.kouzaryo th {
  width: 35%;
  color:#fff;
  text-align: center;
  line-height:150%;
}
table.kouzaryo td {
  color:#149244;
  text-align: center;
  background-color: #fff;
  font-weight:Bold;
  font-size:16px;
}

@media screen and (max-width:559px){
table.kouzaryo td {
    display: block;
    text-align: center;
  }
table.kouzaryo th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    border-top: 2px solid #fff;
  }
}
  


del {
 text-decoration: line-through;
 text-decoration-style: double;
 color: #ff0000;
 margin: 0 4px;
}
del span {
  color: #888; /* 文字色 */
}


.mark-price{
position: absolute;
right:30px;
top:30px;
}

@media screen and (max-width:559px){
.mark-price{
position: absolute;
right:20px;
top:100px;
}
}





/*-------------QA-------------------------------------------------------------------------------*/
#acMenu {
    width:100%; 
}

#acMenu dt {
text-indent: -2.3em; 
    font-size:16px;
    line-height:150%;
    text-align:left;
    padding: 15px 20px 15px 50px;
    margin-bottom:30px;
    color:#fff;
    font-weight:Bold;
    background-color: #149244;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
#acMenu dt:hover {color:#fff;font-weight: bold;}
#acMenu dd {
text-indent: -2.3em; 
    font-size:16px;
    text-align:left;
    line-height:150%;
    color:#149244;
    padding: 15px 20px 15px 50px;
    margin-left: 20px;
    margin-bottom:30px;
}

#acMenu dt:first-letter,
#acMenu dd:first-letter {
 font-size: 20px;
 font-weight: bold;
 margin-right: 10px;
 padding: 5px;
}

#acMenu dt:first-letter {
 color: #fff;
}
 
#acMenu dd:first-letter {
 color: #149244;
}

#acMenu span {
position: relative;
padding-top: 0.3em;
}

#acMenu span::before {
position: absolute;
content: "";
width: 0.2em;
height: 0.2em;
border-radius: 50%;
background-color: #ffffff;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}





/*-------------リモート企業研修　チャート-------------------------------------------------------------------------------*/

table.remote-chart {
  border-collapse: collapse;
  width: 100%;
}
table.remote-chart th,
table.remote-chart td {
  padding: 15px;
  vertical-align:middle;
  border: 2px solid #000;
}
table.remote-chart th {
  width: 150px;
  color:#fff;
  text-align: center;
  line-height:150%;
  background-color: #000;
}
table.remote-chart td {
  text-align: left;
  background-color: #fff;
  font-weight:Bold;
  font-size:16px;
  line-height:150%;
}





/*-------------ブログ情報----------------------------------------------------------------------------------*/

 .flex-blog{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
}


 .flex-blog::after{
  content:"";
  display: block;
  width:31%;
}


.fl-blog-box{
    position:relative;
    margin-bottom:30px;
    width:31%;
}

.fl-blog-box img{display:block;width:100%;height:190px;object-fit: cover;}

@media screen and (max-width:599px){
.fl-blog-box{width: 100%;}
}



/*-------------新着情報----------------------------------------------------------------------------------*/

dl.news{
    padding:0;
    line-height:150%;
    width:100%;
}
dl.news dt{
     width:6em;
    float:left;
    margin:0;
    padding:0 0 0 5px;
}
dl.news dd{
    margin:0 0 15px;
    padding:0 5px 15px 140px;
    border-bottom:1px dotted #ccc;
}

@media screen and (max-width:599px){
dl.news dd{
    position:relative;
    margin:0 0 15px;
    padding:10px 5px 15px 0px;
    border-bottom:1px dotted #ccc;
}
}




/*-------------form----------------------------------------------------------------------------------------*/
.contact{width: 100%;}

table.contact {
  border-collapse: collapse;
  width: 100%;
}
table.contact th,
table.contact td {
  padding: 10px;
  border: 1px solid #999999;
  line-height:200%;
}
table.contact th {
  background-color: #E0EFEC;
  text-align: center;
  vertical-align:middle;
  width: 30%;
}

table.contact td {
  background-color: #ffffff;
  text-align: left;
}

@media screen and (max-width:599px){
table.contact {
   border-top: 1px solid #999;
  }
table.contact td {
    display: block;
  }
table.contact th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}


.input{
	border:#eee 1px solid;
	color:000000;
	font-Size:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.form_btn {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #009481;
    background-color: #009481;
    width: 150px;
    border-radius: 3px;
    transition: .4s;
}

.form_btn:hover {
    background: #009481;
    border: solid 2px #009481;
    color: white;
}




/*------------footer----------------------------------------------------------------------------------------*/


footer{width: 100%;text-align:center;}

footer a{color: #fff;text-decoration:none;}
footer a:hover{color: #fff;text-decoration:underline;}

.foot-contact{background-color: #FFF100;padding-bottom:40px;}
.foot-main{background-color: #149244;;padding-top:40px;padding-bottom:40px;}
.foot-contact-camp{background-color: #ffffff;padding-bottom:40px;}

.foot-contact table {
  border-collapse: collapse;
  width: 100%;
}
.foot-contact table th,
.foot-contact table td {
  padding: 10px;
  text-align: left;
}
.foot-contact table th {
  text-align: center;
  vertical-align:middle;
  width: 50%;
}

.foot-contact-camp table {
  border-collapse: collapse;
  width: 100%;
}
.foot-contact-camp table th,
.foot-contact-camp table td {
  padding: 10px;
  text-align: left;
}
.foot-contact-camp table th {
  text-align: center;
  vertical-align:middle;
  width: 50%;
}

@media screen and (max-width:599px){
.foot-contact table td {
    display: block;
    text-align: center;
  }
.foot-contact table th {
    display: block;
    width: 100%;
  }
.foot-contact-camp table td {
    display: block;
    text-align: center;
  }
.foot-contact-camp table th {
    display: block;
    width: 100%;
  }
}


/*------------バナー---------------------*/
.footer-bana{
    text-align:center;
    color:#fff;
    width:100%;
    background-color: #006933;
    padding-bottom:15px;
    padding-top:30px;
    padding-bottom:80px;
}
.bana-wrap{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-wrap:wrap;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.bana-box{
    position:relative;
    margin-right:8px;
    margin-left:8px;
    margin-bottom:15px;
    width:12%;
}
.bana-box img{display:block;width:100%;height:auto;border:1px solid #eee;}
.bana-box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.bana-box a:hover{
    background-color:#000;
    filter:alpha(opacity=30);
    -ms-filter:"alpha(opacity=30)";
    -moz-opacity:0.3;
    -khtml-opacity:0.3;
    opacity:0.3;
    zoom:1;
}

@media screen and (max-width:959px){
    .bana-box{
	position:relative;
	width:17.2%;
    }
}

@media screen and (max-width:599px){
    .bana-box{
	position:relative;
	width:28.5%;
    }
}




/*------------画像リサイズ----------------------------------------------------------------------------------------*/


@media screen and (max-width:959px){
p.resize-gakko1{max-width:400px;margin:0 auto 0 auto;}
p.resize-camplogo{max-width:400px;margin:0 auto 0 auto;}
}

@media screen and (max-width:599px){
p.resize-gakko1{max-width:280px;margin:0 auto 0 auto;}
p.resize-gakko2{max-width:100px;margin:0 auto 0 auto;}
p.resize-mark-kouza{max-width:100px;margin:0 auto 0 auto;}
p.resize-mark-head{max-width:120px;margin:0 auto 0 auto;}
p.resize-mark-head2{max-width:100%;margin:0 auto 0 auto;}
p.resize-camplogo{max-width:280px;margin:0 auto 0 auto;}
}