@charset "utf-8";
body{font-family: 'Noto Sans JP', sans-serif;color:#333;background-color: #71bb49;}
a{text-decoration:none;}
a:link,
a:visited{color:#538eae;}
a:hover{color:#F66;opacity:0.8;}

br.br-pc{display:block;}
br.br-sp{display:none;}



header{background:#000;min-width:1020px;}
footer{background-color:#71bb49;text-align:center;padding:20px 0;color:#fff;min-width:1020px;}


.header-inner{width:960px;margin:0 auto;}
.header-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0 10px 0;}
.header-top p{color:#538eae;font-weight:700;font-size:1.3rem;}
footer h1{font-size:1.2rem;}
footer p.copyright{margin-top:20px;}

footer a:link,
footer a:visited{color:#FFF;}
footer a:hover{color:#F66;}

.icon-sns-over{background-color:#fff;min-width:1020px;}
.icon-sns{width:960px;margin:0 auto;padding-top:10px;text-align:right;background-color:#fff;}

.container{background-color:#fff;min-width:1020px;background-color:#fff;}


.nav-main{text-align:center;padding:20px 0;}
.nav-main ul{padding:0;margin:0;font-size:0;}
.nav-main li{liststyle:none;display:inline-block;font-weight:700;padding:0 20px;font-size:1rem;}
.nav-main li a{display:inline-block;}
.nav-main li a:link,
.nav-main li a:visited{color:#fff;}
.nav-main li a:hover{color:#F66;}
.nav-main li a:link span,
.nav-main li a:visited span{
	display:block;
	color:#ccc;
	font-weight:400;
	font-size:0.9rem;
	font-family: 'Fjalla One', sans-serif;
}
.nav-main li i{font-size:0.7rem;padding-left:6px;}



.info-top{padding:0 0 50px 0;}
.info-top img.fukidashi{width:240px;}
.info-top img.fukidashi{animation: bound1 2.0s ease-in-out normal none running infinite;}

.info-top img.onpu{width:40px;}
.info-top img.onpu{animation: bound2 2.0s ease-in-out normal none running infinite;}


.ham-menu{display:none;}


@keyframes bound1{
  0%{
    transform: translate(0%,0%);
  }
  1%{
    transform: translate(0%,0%) scale(1.1);
  }
  5%{
    transform: translate(0%,0%);
  }
  100%{
    transform: translate(0%,0%);
  }
}
@keyframes bound2{
  0%{
    transform: translate(20%,-15%);
	opacity:0;
  }
  5%{
    transform: translate(20%,-15%) scale(1.1);
	opacity:1;
  }
  50%{
    transform: translate(30%,-20%);
	opacity:0;
  }
  100%{
    transform: translate(20%,-15%);
	opacity:0;
  }
}


.info-top{width:920px;margin:0 auto;}
.info-top h1,
.info-top p,
.info-top h2{text-align:center;}
.info-top p:first-child{text-align:left;}


.info-top h1{font-size:1.8rem;font-weight:700;margin-bottom:10px;}
.info-top p{margin-bottom:10px;}
.info-top h2{font-size:1.2rem;font-weight:700;}

.info-top ul{margin:20px 0 0 0;padding:0;font-size:0;text-align:center;}
.info-top li{font-size:0.8rem;display:inline-block;padding:2px 5px;margin:0 3px;background:#71bb49;color:#fff;}

.container{}
.contents{width:960px;margin:0 auto 0 auto;}

.main-visual{background:#000;border-bottom:30px solid #71bb49;}
.main-visual ul{width:1020px;margin:0 auto;padding:0;}
.main-visual ul,
.main-visual li{padding:0;}

ul.slider{position:absolute;left:0;right:0;}
.slick-dots{pointer-events: none;}
.slick-dots li button::before{font-size:0.8rem !important;}
.slick-dots li.slick-active button::before{color:#fff !important;}






.contents-news{width:800px;margin:0 auto;padding:50px 0;}
.contents-news h1{font-size:2rem;color:#71bb49;margin-bottom:10px;}
.contents-news dl{font-size:1.1rem;}
.contents-news dt{margin-bottom:5px;font-weight:700;float:left;width:8rem;}
.contents-news dd{margin-bottom:5px;font-weight:400;padding-left:8rem;}

.point-4{background:#000;padding:80px 0 50px 0;}
.point-4 .contents{display:flex;flex-wrap:wrap;justify-content:space-between;width:840px;margin:0 auto;}
.point-4 .contents figure{width:400px;color:#fff;text-align:center;font-size:0.8rem;margin-bottom:20px;font-weight:700;}
.point-4 .contents figure img{width:100%;border:1px solid #fff;}
.point-4 .contents figure p{font-weight:300;text-align:left;}
.point-4 .contents figcaption{margin:10px auto;}


.new{
	background: #F93;
	color: #fff;
	font-size: 0.6rem;
	font-weight: 700;
	display: inline-block;
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	transform: rotateX(10deg);
}


/* PAGE */
.contents-example,
.contents-list,
.contents-contact,
.contents-biz,
.contents-comp{padding-top:20px;}

.contents-example,
.contents-list,
.contents-biz,
.contents-comp{padding-bottom:50px;}


.contents-biz h1.page-h1,
.contents-contact h1.page-h1{
  margin-bottom:20px;
}

/* EXAMPLE,LIST*/

h1.page-h1 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  font-size:1.4rem;
  margin:0 auto 40px auto;
}

h1.page-h1:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}





.contents-example table{margin:0 auto;width:100%;}
.contents-list table{margin-bottom:20px;width:100%;}

.contents-example th,
.contents-example td{padding:5px 10px;}
.contents-list th,
.contents-list td{padding:5px 20px;}

.contents-example table caption,
.contents-list table caption{font-size:1.4rem;margin-bottom:10px;font-weight:700;}

.contents-example table tr:nth-child(odd),
.contents-list table tr:nth-child(odd){background-color:#f0f0f0;}

.contents-list table tr:nth-child(odd) td:first-child{background:#aaa;color:#fff;}
.contents-list table tr:nth-child(even) td:first-child{background:#ccc;color:#fff;}




/* CONTACT */

.contact-over{width:auto;margin:10px auto 50px auto;padding:2% 10%;background:#F0F0F0;}
.contents-contact{background:#fff;}
.contents-contact p{padding:0 10%;}

.form1{}

.form1 dt{float:left;width:6rem;margin-bottom:20px;}
.form1 dd{padding-left:6rem;margin-bottom:20px;}
.form1 input[type="text"],
.form1 input[type="email"]{font-size:1.1rem;padding:2px 5px;}
.form1 textarea{width:100%;height:300px;font-size:1.1rem;}
p.p_submit {text-align:center;}
p.p_submit input{font-size:1.1rem;padding:5px 20px;background:#fff;border:1px solid #CCC;color:#666;cursor:pointer;}
p.p_submit input:hover{
	color: #fff;
	background-color: #5EA23F;
}


.formTable{width:auto;margin:20px auto;}
.formTable td,
.formTable th{padding:5px 10px;}


/* biz */
.contents-biz h2{font-size:1.2rem;margin-bottom:20px;background:#f0f0f0;padding:5px 0 5px 20px;}
.contents-biz p{line-height:180%;}
.contents-biz i.fas,
.contents-biz i.fas{
	margin-right:10px;
	font-size:1.2rem;
	display:inline-block;
	color: #FFF;
	border-radius: 50%;
	line-height: 2rem;
	width: 2rem;
	text-align:center;
	background-color: #71bb49;
}

.biz-panel-wrap{display:flex;justify-content:space-between;margin-bottom:20px;}
.biz-panel{display:flex;width:48%;}
.biz-panel-text{width: 250px;margin-right:10px;}
.biz-panel-text h1{margin-bottom:10px;font-size:1.2rem;}

.biz-panel-img{width:200px;}
.biz-panel img{width:100%;}
.p-right{text-align:right;}

.concept{font-size:1.2rem;text-align:center;margin-bottom:20px;background-color:#f9f9f9;padding:20px 10px;}
.concept span{font-weight:700;}

/* COMP */
.contents-comp-inner h1{font-size:1.6rem;margin:20px auto;}
.contents-comp-inner p{line-height:180%;}
.contents-comp-inner li{margin-bottom:5px;font-weight:700;}
.contents-comp-inner table{margin:40px 0;}
.contents-comp-inner th,.contents-comp-inner td{padding:5px 20px;border-bottom:1px dotted #ccc;}
.contents-comp-inner table caption{font-weight:700;margin-bottom:10px;font-size:1.2rem;}

/* 404,THANKS */

.contents-404,
.contents-thanks{padding:50px 0;}
.contents-404 h1,
.contents-thanks h1{text-align:center;font-size:2rem;color:#aaa;padding-bottom:20px;}
.contents-404 p,
.contents-thanks p{text-align:center;}

.contents-404 h1{font-weight:200;}
.contents-404 i{margin-bottom:20px;}

@media screen and (max-width:959px) {
	
	br.br-pc{display:none;}
	br.br-sp{display:block;}
	
	body{background-color:#fff;}
	
	header,
	footer,
	.icon-sns-over,
	.container,
	.info-top,
	.point-4{min-width:auto;}
	.point-4 .contents figure{width:80%;margin:20px auto;}
	
	
	.header-inner,
	.icon-sns,
	.container,
	.info-top,
	.point-4{width:100%;}
	
	.ham-menu{display:block;}
	
	
	.icon-sns-over{width:94%;margin:0 auto;}
	.contents{width:92%;margin:0 auto;}
	
	.header-top{display:block;text-align:center;}
	
	.header-top a{width:60%;display: inline-block;}
	.header-top a img{width:100%;}

	
	.nav-main{display:none;}
	
	footer p.copyright{font-size:0.8rem;line-height:120%;}
	
	
	.drawer-menu li{border-bottom:1px dotted #ccc;padding:10px 0 0 10px;}
	
	.drawer-hamburger{background-color:#71bb49 !important;}
	
	.drawer-hamburger-icon,
	.drawer-hamburger-icon::before,
	.drawer-hamburger-icon::after{background-color:#FFF !important;}
	
	.drawer-open .drawer-hamburger-icon{background-color:#71bb49 !important;}
	
	
	
	/* INDEX */
	.info-top li{margin-bottom:3px;}
	.point-4 .contents{width:100%;display:block;}
	.main-visual ul{display:none;}

	/* COMP */
	.contents-comp-inner h1 {font-size: 1.2rem;text-align:center;color:#71bb49;}
	.contents-comp-inner table{width:100%;margin:20px auto;}
	.contents-comp-inner table caption{margin-bottom:0;padding:10px 0;background:#eee;text-align:center;color:#333;}
	.contents-comp-inner th,.contents-comp-inner td{display:block;text-align:center;}
	.contents-comp-inner th{background:#fafafa;}
	
	
	/* EXAMPLE */
	.contents-example td{display:block;text-align:center;background-color:#fff;}
	.contents-example td:first-child{background:#aaa;color:#fff;}
	.contents-example td:nth-child(2){font-weight:700;}
	
	/* LIST */
	/*
	.contents-list td{display:block;text-align:center;background-color:#fff;}
	.contents-list td:first-child{background:#aaa;color:#fff;}
	.contents-list td:nth-child(2){font-weight:700;}*/
	.contents-list table td{display:block;}
	/* BIZ */
	.contents-biz p.p-right{text-align:center;}
	.biz-panel-wrap,
	.biz-panel{display:block;}
	
	.biz-panel{
	width: 100%;
	margin-bottom: 20px;
	padding: 2%;
	
	box-sizing: border-box;
	background-color: #f9f9f9;
}
	
	.biz-panel-text,
	.biz-panel-img{width:100%;}
	.biz-panel-text{margin-right:0;margin-bottom:10px;}
	
	.concept{font-size:1.0rem;}
}