@charset "utf-8";
body {
	font: normal 18px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}

body .sp-item {
    display: none !important; }
  body .pc-item {
    display: block !important; }

  @media screen and (max-width: 640px) {
    body {
      min-width: inherit;
	  height:100%;
	  }
      body .sp-item {
        display: block !important; }
      body .pc-item {
        display: none !important; }
	  body .sp-item img {
		width:100%;}
}

@media screen and (max-width: 640px) {
	.sp img{
		max-width:90%;
}
	.sp02 img{
		max-width:100%;
}
.sp03 img{
		max-width:70%;
}
}

.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.ov_hd {
	overflow: hidden;
}
.bg_none {
	background-image: none!important;
}
a.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.center {
	text-align: center;
}
.right {
	text-align:right;
}
.line_0 {
	line-height: 0;
}
.zindex {
	z-index: 200;
}
input[type=radio] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
input[type=image]:hover{
		opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}


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

    text

---------------------------------------------------- */
em {
	text-decoration: underline;
  font-style: normal;
}
.bd_red {
	border-bottom: 1px solid #FF0004;
	padding-bottom: 2px;
}
.bd_red02 {
	border-bottom: 3px solid #FF0004;
	padding-bottom: 0px;
}
.red {
	color: #ff0000;
}
.yellow {
	background-color: #ffff00;
}
.gray {
	color:#666666;
}
.bold {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
.strike {
	text-decoration: line-through;
}
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.al {
	text-align: left !important;
}
.bold {
	font-weight: bold !important;
}
.font10 {
	font-size: 10px !important;
}
.font11 {
	font-size: 11px !important;
}
.font12 {
	font-size: 12px !important;
}
.font13 {
	font-size: 13px !important;
}
.font14 {
	font-size: 14px !important;
}
.font15 {
	font-size: 15px !important;
}
.font16 {
	font-size: 16px !important;
}
.font17 {
	font-size: 17px !important;
	line-height:150%;
}
.font18 {
	font-size: 18px !important;
}
.font19 {
	font-size: 19px !important;
}
.font20 {
	font-size: 20px !important;
}
.font21 {
	font-size: 21px !important;
}
.font22 {
	font-size: 22px !important;
}
.font23 {
	font-size: 23px !important;
}
.font24 {
	font-size: 24px !important;
}
.font25 {
	font-size: 25px !important;
}
.font26 {
	font-size: 26px !important;
}
.font27 {
	font-size: 27px !important;
}
.font28 {
	font-size: 28px !important;
}
.font29 {
	font-size: 29px !important;
}
.font30 {
	font-size: 30px !important;
}
.font32 {
	font-size: 32px !important;
}
/* ----------------------------------------------------

    float

---------------------------------------------------- */
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.clear {
	clear: both;
}
img {
	line-height: 0;
	padding: 0;
	margin: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
/* ----------------------------------------------------
    clearfix の代用
    <div class="hr"><hr /></div>
---------------------------------------------------- */

/* ここから書いていきましょう */
/* header */
header {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6f9353+0,46802b+100 */
background: #6f9353; /* Old browsers */
background: -moz-linear-gradient(top,  #6f9353 0%, #46802b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6f9353 0%,#46802b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6f9353 0%,#46802b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9353', endColorstr='#46802b',GradientType=0 ); /* IE6-9 */
text-align: center;
border-bottom: solid 5px;
 border-image:linear-gradient(45deg, #c5c6c7 0%, #ffd8c4 27%, #bab4a9 59%, #cecece 80%, #bbb8a0 100%);
 border-image-slice: 1; 
}

.p_head1 {
	color:#fff;
	font-size: 28px;
	font-weight: bold;
	padding-top: 10px;
	letter-spacing: 0.1rem;
}

@media screen and (max-width: 640px) {
	.p_head1 {
	font-size: 22px;
	padding: 7px 0 0 0;
	line-height: 1.3;
	}
}

.p_head2 {
	color:#ffff00;
	font-size: 31px;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin-top: -9px;
	padding-bottom: 3px;
}

@media screen and (max-width: 640px) {
	.p_head2 {
		color:#ffff00;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 0.1rem;
		padding: 5px 0 5px;
		margin-top: ;
	}
}

.main {
	background: url(../images/main_bg.jpg)repeat-x;
	text-align: center;
}

/* btn_area */
.btn_area {
	text-align: center;
	padding: 10px 0 21px 0;
}

.LINE {
	margin-bottom: 10px;
}

.tell {
	margin-bottom: 8px;
}

.btn_area p {
	width: 730px;
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	font-weight:lighter;
	line-height: 1.5;
}

@media screen and (max-width: 640px) {
	.btn_area {
		padding: 20px 0 0 0;
		width: 98%;
		margin: 0 auto 10px;
	}
	
	.LINE {
		margin-bottom: 10px;
	}
		
	.btn_area p {
		width: 98%;
    font-size: 16px;
    line-height: 1.4;
		text-align: justify;
	}
}

.tearai_area {
	text-align: center;
	padding-bottom: 45px;
}

@media screen and (max-width: 640px) {
	.tearai_area {
		padding-bottom: 19px;
	}
}

.kaizen_area {
	background-color: #d7d4c8;
	padding: 18px 0 70px 0;
	text-align: center;
}

.kaizen_area h3 {
	margin-bottom: 8px;
}

.kaizen_area p {
	width: 738px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	margin: 0 auto 17px;
	line-height: 1.4;
}

@media screen and (max-width: 640px) {
	.kaizen_area {
		padding: 14px 0;
	}
	
	.kaizen_area h2 {
		width: 98%;
	}

	.kaizen_area h3 {
		margin-bottom: 8px;
		width: 98%;
	}
	
	.kaizen_area p {
		width: 94%;
		font-size: 18px;
		font-weight: bold;
		text-align: justify;
		margin: 0 auto 13px;
		line-height: 1.2;
	}

	.tsuyomi {
		width: 98%;
    margin: 0 auto;
	}
}

/* area01 */
.area01 {
	text-align: center;
	padding: 70px 0 26px 0;
}

.area01 h2 {
	margin-bottom: 17px;
}

.area01 h3 {
	margin-bottom: 10px;
}

.erabare01 {
	background-color: #d6dcd0;
	padding: 22px 0;
}

.erabare01 p {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 20px;
}

.under {
	background: linear-gradient(transparent 50%, yellow 50%);
}

.erabare02 {
	padding: 22px 0;
}

.erabare02 p {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 20px;
}

.erabare03 {
	background-color: #d6dcd0;
	padding: 22px 0;
}

.erabare03 p {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 20px;
}

.erabare04 {
	padding: 22px 0;
}

.erabare04 p {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 20px;
}

.erabare05 {
	background-color: #d6dcd0;
	padding: 22px 0;
}

.erabare05 p {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 20px;
}

.erabare06 {
	padding: 22px 0;
}

.erabare06 p {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 20px;
}

@media screen and (max-width: 640px) {
	.area01 {
		text-align: center;
		padding: 25px 0 30px;
	}
	
	.area01 h2 {
		margin: 0 auto 13px;
		width: 98%;
	}
	
	.area01 h3 {
		margin-bottom: 10px;
		width: 98%;
	}
	
	.erabare01 {
		background-color: #d6dcd0;
		padding: 12px 0;
	}
	
	.erabare01 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		line-height: 1.5;
		font-size: 18px;
	}
		
	.erabare02 {
		padding: 12px 0;
	}
	
	.erabare02 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		line-height: 1.5;
		font-size: 18px;
	}
	
	.erabare03 {
		background-color: #d6dcd0;
		padding: 12px 0;
	}
	
	.erabare03 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		line-height: 1.5;
		font-size: 18px;
	}
	
	.erabare04 {
		padding: 12px 0;
	}
	
	.erabare04 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		line-height: 1.5;
		font-size: 18px;
	}
	
	.erabare05 {
		background-color: #d6dcd0;
		padding: 12px 0;
	}
	
	.erabare05 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		line-height: 1.5;
		font-size: 18px;
	}
	
	.erabare06 {
		padding: 12px 0;
	}
	
	.erabare06 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		line-height: 1.5;
		font-size: 18px;
	}
}

/* area02 */
.area02 {
	text-align: center;
	background: url(../images/onayami_bg.jpg)repeat-x;
	padding: 35px 0 48px 0;
}

.area02 h2 {
	margin-bottom: 13px;
}

@media screen and (max-width: 640px) {
	.area02 {
		text-align: center;
		background: url(../images/s-onayami_bg.jpg)repeat-x;
		padding: 14px 0 30px;
	}
	
	.area02 h2 {
		margin: 0 auto 13px;
		width: 98%;
	}
	
	.area02 p {
		width: 98%;
		margin: 0 auto;
	}
}

/* area03 */
.area03 {
	text-align: center;
	padding: 11px 0 0 0;
}

.kumasan h3 {
	margin-bottom: 17px;
}

.kumasan p {
	width: 697px;
	text-align: left;
	font-size: 33px;
	font-weight: bold;
	margin: 0 auto;
	line-height: 1.3;
}

.oitachi_h {
	margin:11px 0 13px 0;
}

.oitachi_gazou {
	margin-bottom: 16px;
}

.oitachi p {
	width: 697px;
	text-align: left;
	font-size: 18px;
	margin: 0 auto 23px;
	line-height: 1.5;
}

.W_yajirushi {
	padding: 10px 0 22px;
}

@media screen and (max-width: 640px) {
	.area03 {
		width: 98%;
    padding: 11px 0 10px 0;
    margin: 0 auto;
	}
	
	.kumasan h3 {
		margin: 0 auto 17px;
		width: 60%;
	}
	
	.kumasan p {
		width: 98%;
		text-align: justify;
		font-size: 22px;
		font-weight: bold;
		margin: 0 auto;
		line-height: 1.3;
	}
	
	.oitachi_h {
		margin:11px 0 9px;
	}
	
	.oitachi_gazou {
		margin-bottom: 16px;
	}
	
	.oitachi p {
		width: 98%;
		text-align: left;
		font-size: 18px;
		margin: 0 auto 12px;
		line-height: 1.5;
	}
	
	.W_yajirushi {
		padding: 10px 0 5px;
		width: 40%;
		margin: 0 auto;
	}
}

/* RDBエリア */
.RDB_area {
	text-align: center;
}

.RDB_area h2 {
	padding-bottom: 15px;
}

.RDB_area p {
	text-align: left;
	margin: 0 auto 25px;
	width: 720px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.kumasan_LINE {
	margin-bottom: 13px;
}

@media screen and (max-width: 640px) {
	.RDB_area {
		width: 98%;
		margin: 0 auto;
	}
	
	.RDB_area h2 {
		padding-bottom: 10px;
	}
	
	.RDB_area p {
		text-align: justify;
		margin: 0 auto 15px;
		width: 98%;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
	}
	
	.kumasan_LINE {
		margin-bottom: 1px;
	}
}

/* area04 */
.area04 {
	text-align: center;
}

.area04_h {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6f9353+0,46802b+100 */
background: #6f9353; /* Old browsers */
background: -moz-linear-gradient(top,  #6f9353 0%, #46802b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6f9353 0%,#46802b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6f9353 0%,#46802b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9353', endColorstr='#46802b',GradientType=0 ); /* IE6-9 */
padding: 30px 0;
}

.area04_text {
	background: #ffffa6;
	padding: 21px 0 37px; 
}

@media screen and (max-width: 640px) {
	.area04_h {
		padding: 15px 0;
	}

	.pa {
		width: 98%;
		margin: 0 auto;
	}

	.area04_text {
		padding: 17px 0 37px; 
	}

	.pa2 {
		width: 98%;
		margin: 0 auto;
	}
}

/* area05 */
.area05 {
	text-align: center;
}

.area05_h {
  position: relative;
  background: #000000;
  padding: 30px 0 17px;
}

.area05_h::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 52px 52px 0 52px;
  border-color: #000000 transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

.area05_youtube {
	padding-bottom: 66px;
}

.area05 .hokou {
	padding:80px 0 4px;
}

.area05 .ashikubi {
	padding:80px 0 4px;
}

.area05 .kata {
	padding:80px 0 4px;
}

.kata_douga1 {
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.area05_h {
		position: relative;
		padding: 21px 0 12px;
	}
	
	.area05_h::before {
		content: '';
		position: absolute;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px;
		border-color: #000000 transparent transparent transparent;
		left: 50%;
		transform: translateX(-50%) translateY(100%);
	}
	
	.area05_youtube {
		padding-bottom: 50px;
	}
	
	.area05 .hokou {
		padding:60px 0 4px;
		width: 68%;
		margin: 0 auto;
	}
	
	.area05 .ashikubi {
		padding:25px 0 4px;
		width: 68%;
		margin: 0 auto;
	}
	
	.area05 .kata {
		padding:25px 0 4px;
		width: 68%;
		margin: 0 auto;
	}
	
	.kata_douga1 {
		margin-bottom: 20px;
	}
}

/* area06 */
.area06 {
	text-align: center;
	padding-bottom: 25px;
}

.area06_h {
	padding: 0 0 29px;
}

.taidan {
	padding-bottom: 19px;
}

@media screen and (max-width: 640px) {
	.area06 {
		text-align: center;
		padding-bottom: 19px;
	}
	
	.area06_h {
		padding: 0 0 1px;
	}
	
	.taidan {
		padding-bottom: 5px;
	}
	
	.area06 p {
		width: 98%;
		margin: 0 auto;
	}
}

/* area07 */
.area07 {
	background: url(../images/area07_bg.jpg) repeat;
	text-align: center;
	padding: 38px 0 52px;
	margin-bottom: 32px;
}

.area07 h2 {
	margin-bottom: 27px;
}

.area07_h {
	margin-bottom: 13px;
}

.area07_g {
	margin-bottom: 12px;
}

.area07 p {
	width: 700px;
	text-align: left;
	margin: 0 auto 28px;
	font-weight: bold;
	line-height: 1.5;
}

@media screen and (max-width: 640px) {
	.area07 {
		padding: 14px 0 25px;
		margin-bottom: 29px;
	}
	
	.area07 h2 {
		margin-bottom: 14px;
	}
	
	.area07_h {
		width: 98%;
    margin: 0 auto 6px;
	}
	
	.area07_g {
		margin: 0 auto 12px;
		width: 88%;
	}
	
	.area07 p {
		width: 96%;
		text-align: justify;
		margin: 0 auto 17px;
		font-weight: bold;
		line-height: 1.2;
	}

	.mukanai {
		width: 98%;
		margin: 0 auto;
	}

	.muku {
		width: 98%;
		margin: 0 auto;
	}
}

/* area08 */
.area08 {
	text-align: center;
	padding-bottom: 19px;
}

.area08_h {
	background-color: #45802b;
	font-size: 61px;
	font-weight: bold;
	color: #fff;
	padding: 30px 0;
	letter-spacing: 0.3rem;
	margin-bottom: 24px;
}

.area08_h2 {
	margin-bottom: 8px;
}

@media screen and (max-width: 640px) {
	.area08 {
		padding-bottom: 19px;
	}
	
	.area08_h {
		background-color: #45802b;
		font-size: 51px;
		font-weight: bold;
		color: #fff;
		padding: 20px 0;
		letter-spacing: 0.3rem;
		margin-bottom: 22px;
	}
	
	.area08_h2 {
		margin-bottom: 8px;
	}
}

/* area09 */
.area09 {
	text-align: center;
	padding-bottom: 44px;
}

.area09_h {
	background-color: #45802b;
	border-bottom: solid 10px;
 	border-image:linear-gradient(45deg, #c5c6c7 0%, #ffd8c4 27%, #bab4a9 59%, #cecece 80%, #bbb8a0 100%);
 	border-image-slice: 1; 
	font-size: 61px;
	font-weight: bold;
	color: #fff;
	padding: 30px 0;
	letter-spacing: 0.3rem;
	margin-bottom: 24px;
}

.ryoukin {
	margin-bottom: 19px;
}

@media screen and (max-width: 640px) {
	.area09 {
		text-align: center;
		padding-bottom: 30px;
	}
	
	.area09_h {
		font-size: 51px;
		font-weight: bold;
		padding: 20px 0;
		letter-spacing: 0.3rem;
		margin-bottom: 13px;
	}
	
	.ryoukin {
		width: 68%;
		margin: 0 auto 10px;
	}

	.area09 p {
		width: 98%;
		margin: 0 auto;
	}
}

/* area10 */
.area10 {
	text-align: center;
}

.area10_h {
	background-color: #45802b;
	font-size: 61px;
	font-weight: bold;
	color: #fff;
	padding: 30px 0;
	letter-spacing: 0.3rem;
}

.yokuaru_q {
	background-color: #c2ccba;
	padding: 15px 0 28px;
}

@media screen and (max-width: 640px) {
	
	.area10_h {
		background-color: #45802b;
		font-size: 51px;
		font-weight: bold;
		color: #fff;
		padding: 20px 0;
		letter-spacing: 0.3rem;
	}
	
	.yokuaru_q {
		background-color: #c2ccba;
		padding: 14px 0 20px;
	}
}

/* area11 */
.area11 {
	text-align: center;
	padding: 24px 0 54px;
}

.area11 h2 {
	color: #45802b;
	font-size: 61px;
	font-weight: bold;
	margin-bottom: 30px;
}

.mitijun2 {
	margin-bottom: 31px;
}

.eigyo {
	position: relative;
	width: 768px;
	margin: 0 auto;
}

.chizu {
	position: absolute;
	top: 59%;
  left: 7%;
}

@media screen and (max-width: 640px) {
	
	.area11 {
		text-align: center;
		padding: 24px 0 25px;
	}
	
	.area11 h2 {
		color: #45802b;
		font-size: 40px;
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	.wrap {
		width: 98%;
		margin: 0 auto;
	}
	
	.mitijun3 {
		margin-bottom: 20px;
	}

	.eigyo {
		position: relative;
		width: 99%;
		margin: 0 auto;
	}
	
	.chizu {
		position: absolute;
		top: 62%;
		left: 5%;
	}
}

/* area12 */
.area12 {
	text-align: center;
}

.area12 h2 {
	position: relative;
  background: #45802b;
  padding: 30px 0;
	color: #fff;
	font-size: 54px;
	font-weight: bold;
	letter-spacing: 0.3rem;
	line-height: 1.2;
	margin-bottom: 80px;
}

.area12 span {
	color: #ffff00;
}

.area12 h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 59px 59px 0 59px;
  border-color: #45802b transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

@media screen and (max-width: 640px) {
	.area12 h2 {
		position: relative;
		background: #45802b;
		padding: 20px 0;
		color: #fff;
		font-size: 34px;
		letter-spacing: -0.03rem;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 30px;
	}
	
	.area12 span {
		color: #ffff00;
	}
	
	.area12 h2::before {
		content: '';
		position: absolute;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 40px;
		border-color: #45802b transparent transparent transparent;
		left: 50%;
		transform: translateX(-50%) translateY(100%);
	}
}