/* CSS Document */


body {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",GenJyuuGothic, sans-serif;
	color: #333;
  	font-size: 62.5%;/*10px*/
	line-height: 1.6;
	letter-spacing: 0.5px;
	text-align:justify;
    margin: 0;        
    padding: 0;       
	min-width:1024px;
    height:100%;
	background:#fff;
}

a {
	text-decoration: none;
}
a:hover {
	opacity: 0.9;
}

p{ 
	margin:0 0 1em 0;}
	


 ul,
 li{
	padding:0;
	margin:0;
}

#wrapper{
	position:relative;
	width: 100%;
	height: auto;
	vertical-align:top;
	overflow:hidden;

	}


#wrapper2{
	position:relative;
	width: 100%;
	height: auto;
	vertical-align:top;
	overflow:hidden;
	background: url(../images/bg_green.jpg) repeat;
	}






@media screen and (max-width:767px){
	body {
	min-width:100%;
	line-height: 1.4;
	letter-spacing: 0.5px;	

	}
	
	.sp{display:none;}

	
	}
	


	
	
	
/*============================================================================

	*　フッター　*

============================================================================*/

#footer{
    background-color: #52b767;
    height: 30px;
    color: #fff;
    width: 100%;
    font-size: 1em;
    border-bottom: 0;
    padding: 1.2em 0;
    text-align: center;
}





#footer span{
	margin-top:1em;
	display:block;
}

.footer_wark{
	margin:10px 20px 10px 0;
	float: right;
}



/*============================================================================

	*　共通　*　

============================================================================*/
.sec {
    padding: 80px 0;
}


.container {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

.container {
    max-width: 1024px;
}

@media (min-width: 1200px){
.container {
    max-width: 1140px;
}
}

@media (min-width: 992px){
.container {
    max-width: 960px;
}
}

@media (min-width: 768px){
.container {
    max-width: 750px;
}
}

/*@media (min-width: 576px){
.container {
    max-width: 540px;
}
}*/
.container {
    width: 100%;
}

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

.mt5{margin-top:0.5em;}
.mt10{margin-top:1em;}
.mt15{margin-top:1.5em;}
.mt20{margin-top:2em;}
.mt25{margin-top:2.5em;}
.mt30{margin-top:3em;}
.mt40{margin-top:4em;}
.mt50{margin-top:5em;}
.mt60{margin-top:6em;}
.mt70{margin-top:7em;}
.mt80{margin-top:8em;}
.mt90{margin-top:9em;}
.mt100{margin-top:10em;}
.mt110{margin-top:11em;}
.mt120{margin-top:12em;}
.mt130{margin-top:13em;}
.mt140{margin-top:14em;}
.mt150{margin-top:15em;}
.mt160{margin-top:16em;}
.mb05{margin-bottom:-5px;}
.mb0{margin-bottom:0em;}
.mb5{margin-bottom:0.5em;}
.mb10{margin-bottom:1em;}
.mb20{margin-bottom:2em;}
.mb30{margin-bottom:3em;}
.mb40{margin-bottom:4em;}
.mb50{margin-bottom:5em;}
.ml10{margin-left:1em;}
.ml20{margin-left:2em;}
.ml30{margin-left:3em;}
.mlr10{margin:0 1em;}
.pt5{padding-top:0.5em;}
.pt8{padding-top:0.8em;}
.pt10{padding-top:1em;}
.pt15{padding-top:1.5em;}
.pt20{padding-top:2em;}
.pt30{padding-top:3em;}
.pt40{padding-top:4em;}
.pt50{padding-top:5em;}
.pt60{padding-top:6em;}
.pt70{padding-top:7em;}
.pt80{padding-top:8em;}
.pt90{padding-top:9em;}
.pb0{padding-bottom:0em;}
.pb02{padding-bottom:0.2em;}
.pb10{padding-bottom:1em;}
.pb12{padding-bottom:1.2em;}
.pb20{padding-bottom:2em;}
.pb30{padding-bottom:3em;}
.pb40{padding-bottom:4em;}
.pb50{padding-bottom:5em;}
.ptb10{padding:1em 0;}
.ptb20{padding:2em 0;}
.ptb30{padding:3em 0;}
.pt5{padding-top:0.5em;}
.pr10{padding-right:1em;}
.pr20{padding-right:2em;}
.pr30{padding-right:3em;}
.pr40{padding-right:4em;}
.pr50{padding-right:5em;}
.pr60{padding-right:6em;}

.prl10{padding-right:1em;padding-left:1em;}
.pl07{padding-left:0.7em;}
@media (max-width: 480px) {
	.pl07{padding-left:0em;}
}

.pr06{padding-right:0.6em;}
.pl01{padding-left:0.1em;}
.pl10{padding-left:1em;}
.pl20{padding-left:2em;}
.pl30{padding-left:3em;}
.pl40{padding-left:4em;}
.pl50{padding-left:5em;}
.pl60{padding-left:6em;}
.pl70{padding-left:7em;}
.mrl10{margin-left:1em;margin-right: 1em;}


.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.f31{font-size:31px;}
.f32{font-size:32px;}
.f33{font-size:33px;}
.f34{font-size:34px;}
.f35{font-size:35px;}
.f36{font-size:36px;}
.f37{font-size:37px;}
.f38{font-size:38px;}
.f39{font-size:39px;}
.f40{font-size:40px;}
.f41{font-size:41px;}
.f42{font-size:42px;}
.f43{font-size:43px;}
.f44{font-size:44px;}
.f45{font-size:45px;}

.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

.margin_05em {
    margin: 0.5em 1em -0.5em 1em;
}

.margin_1em {
    margin: 0.5em 1em;
}

.hm2{min-height:8em;}

.fRed{color:#ff0000;}

.w80{
	width:80%;
}
.center{
	text-align:center;
}
.text_right{
	text-align: right;
}

.text_left{
	text-align: left;
}

.float_right{
	float: right;
}

.tleft{
	text-align:left;
}

.bold{
	font-weight: bold;
}

.brown{color:#4d3629;}
.blue{color:#1fc5ef;}
.orange{color:#f2a80a;}
.orange2{color:#fa9a02;}
.orange3{color:#f69e14;}
.white{color:#fff;}
.green{color:#33ad4f;}
.pink{color:#f87489;}
.brw1 {
    background: #f4ede8;
}
.yellow{
	color: #ffc601;
}

.yellow2{
	color: #fffeda;
}

.yellow3{
color: #d4eb13;
}

.yellow4{
color:#f5f345;
}

.green2{color:#02b768;}

.dark_orange{
	color:#614d04;
}

.dark_pink{color:#ef18b0;}

.bg_line{
	background: url("../images/bg_orange.jpg") repeat;
}

.bg_green2{
	background-color: #33ad4f;
}

.bg_white{
	background-color: #fff;
}
.bg_right_yellow{
	background-color: #fefdf7;
}

.bg_white_opacity{
	background-color: #fff;
	background: rgba(255,255,255,0.5);
}

.font-or {
    color: #F09716;
}

.bg_orange_stripe {
  background-image: linear-gradient(
    45deg,
    #fff 25%,
    #f9f570 25%, #f9f570 50%,
    #fff 50%, #fff 75%,
    #f9f570 75%, #f9f570
  );
  background-size: 5px 5px;
}
.sawarabi{
	font-family:  "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kyoukasyo{font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";}

.kosugi{
	font-family: 'Kosugi Maru', sans-serif;
}

.under {
  border-bottom: solid 1px;
}

.under_orange {
  border-bottom: solid 2px #f8934f;
}

.under_orange2 {
  border-bottom: solid 2px #fb9d41;
}

.under_orange3 {
  border-bottom: solid 4px #f69e14;
}


.under_green {
  border-bottom: solid 2px #66c97d;
}

.under_green2 {
  border-bottom:solid 2px #73d6ab;
}

.under_pink {
  border-bottom:solid 2px #f8bfb2;
}

.hr_dot{
	border: 2px dotted #f4ede8;
	 border-bottom: none;
	
	width:80%;
}

.lh15{line-height: 1.5;}
.ls05{letter-spacing: 0.01em}
.ls005{letter-spacing: 0.05em}
.ls01{letter-spacing: 0.1em}
.ls02{letter-spacing: 0.2em}

.product_u {
   margin-top:-140px;
  padding-top:140px;
}

.relative {
    position: relative;
	width: 100%;
}
/*--------------------------------------------------
　　　　　　　　　　　　　レイアウト
--------------------------------------------------*/

.parent {
   display: -webkit-inline-flex;
   display: inline-flex;
}

.parent .w10{width: 10%;}
.parent .w20{width: 20%;}
.parent .w30{width: 30%;}
.parent .w40{width: 40%;}
.parent .w50{width: 50%;}
.parent .w60{width: 60%;}
.parent .w70{width: 70%;}
.parent .w80{width: 80%;}
.parent .w90{width: 90%;}

/*.parent div {width: 50%;}*/

@media screen and (max-width: 767px) {	
.parent{
    display: flex;
    flex-direction: column;

}	
.parent div {width: 90%;
	margin: 0 auto;}
	
.parent .w10,.parent .w20,.parent .w30,.parent .w40,.parent .w50,
.parent .w60,.parent .w70,.parent .w80,.parent .w90{
	width: 100%;	
}
	
}

.clear-element {
  clear: both;
}

.wf-mplus1p { font-family: 'M PLUS 1p', sans-serif; }

@media screen and (max-width: 481px) {
	.sp_pt10{padding-top: 10px;}
}