@charset "utf-8";
	/* CSS Document */
	/* PC
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (min-width:980px) {
		
		#main_banner_trouble {
			height:915px;
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			/*background-image: url(../images/title.png);*/
			background-repeat: no-repeat;
			width: 100%;
		}
		
		.slides ul{
			
		}
		
		.slides p{
			bottom: 50%;
			position: absolute;
			width: 400px;
			text-align: justify;
			padding-left: 290px;
		}
		
		.flexslider_inner{
			width: 800px;
			margin: 0 auto;
			height:530px;
		}
		
		.ditail_bar{
			height: 40px;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.2em;
			text-align: center;
			padding-left: 30px;
			line-height: 160%;
			width: 980px;
			border-radius: 10px;        /* CSS3草案 */  
		    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		    -moz-border-radius: 10px;   /* Firefox用 */
		    padding-top: 10px;
		    padding-bottom: 10px;
		    background-image:url(../../../item/shared/images/back.png);
			
		}
		
		.ditail_bar_center{
			height: 40px;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.2em;
			text-align: center;
			line-height: 160%;
			width: 980px;
			border-radius: 10px;        /* CSS3草案 */  
		    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		    -moz-border-radius: 10px;   /* Firefox用 */
		    padding-top: 10px;
		    padding-bottom: 10px;
		    background-image: url(../../../item/shared/images/back.png);
		
		}
		
		.nikibi_genin{
			margin-top: 48px;
			margin-bottom: 10px;
		}
		
		.nikibi_genin p{
			line-height: 180%;
			padding-bottom: 50px;
		}
		
		/*box 左テキスト 右画像*/
		.box_2column_txtleft{
			margin-top: 50px;
			height:450px;
		}
		
		.box_2column_txtleft p{
			float:left;
		    width: 550px;
		    padding-right: 10px;
		    line-height: 180%;
		    text-align: justify;
		}
		.box_2column_txtleft img{
			float:right;
		}
		
		/*box 左テキスト 右画像 変形型
		*/
		.box_2column_txtleft_2{
			margin-top: 50px;
			height:310px;
		}
		
		.box_2column_txtleft_2 p{
			float:left;
		    width: 480px;
		    padding-right: 10px;
		    line-height: 180%;
		    text-align: justify;
		    margin-top: 10px;
		}
		.box_2column_txtleft_2 img{
			float:right;
		}
		
		.voice{
			margin-bottom: 50px;
		}
		
		.voice_title{
			margin-top: 50px;
			background-color: #e7f2e0;
			padding: 20px;
			color: #5fb42b;
			font-size: 1.8em;
			line-height: 180%;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
		}
		
		.voice_name{
			font-size: 12pt;
			color: #777;
		}
		
		.voice_ditai_title{
			text-align: center;
			padding-left: 180px;
			font-size: 1.2em;
			padding-bottom: 10px;
			margin-bottom: 10px;
			color: #5fb42b;
		}

		.ditail_bar_greeen_square{
			background-color: #5fb42b;
			color:#fff;
			height: 40px;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.2em;
			text-align: center;
			line-height: 160%;
			width: 980px;
		    padding-top: 10px;
		    padding-bottom: 10px;
		}
		
		.oteire{
			float: left;
			width: 460px;
			margin-top: 30px;
			padding: 10px;
			padding-right: 20px;
			height: 300px;
		}
		
		.oteire img{
			float: right;
		}
		
		.oteire p{
			float: left;
			width: 230px;
			font-size: 0.9em;
		}
		
		.oteire_name{
			text-align: center;
			font-size: 1.2em;
			padding-bottom: 20px;
		}
		
		.voice_box{
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			height: 340px;
			float: none;
			/* background-color: red; */
		}
		
		.voice_box_left{
			background-color: #E7F2D9;
			width: 620px;
			float: left;
			padding: 20px;
			height: 260px;
		}
		
		.voice_box_left p{
			/* padding: 20px; */
			padding-top: 20px;
			font-size: 0.9em;
			height: 100px;
		}

		.voice_box_title{
			font-size: 1.6em;
			line-height: 180%;
			color: #5fb42b;
		}
		
		.voice_box_button{
			width: 302px;
			height: 50px;
			background-color: #fff;
			position: relative;
			vertical-align: middle;
			display: table-cell;
			text-align: center;
			margin-top: 30px;
			border: 1px solid #5fb42b;
			color: #5fb42b;
		}
		
		.voice_box_button:hover{
			background-color: #5fb42b;
			color: #fff;
			}

		
		.voice_box img{
			float:right;
		}
		
		.main_banner2div_area{
			width: 290px;
			float: left;
			padding: 15px;
			background-color: rgba(255, 255, 255, 0.82);
			height: 250px;
			text-align: justify;
		}
		
		.main_banner2div_area_title{
			font-size: 1.2em;
			padding-bottom: 10px;
			text-align: center;
						min-height: 42px;
		}
		
		.main_banner2div_area_ditail{
			

		}
		
		.main_banner2div_area_bottom{
			text-align: center;
			font-size: 1.6em;
			color: #fcfdff;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			/*! text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff; */
			padding-top: 50px;
		}
		
		.yobo_area{
			width: 326px;
			float: left;	
			margin-top: 30px;
			text-align: center;
		}
		
		.yobo_title{
					
			text-align: center;
			height: 50px;
			padding: 5px;
		}
		
		.yobo_ditail{
			
			padding: 10px;
			line-height: 160%;
			text-align: justify;
			min-height: 200px;
		}
		
		.yobo_area img{
			
		}
		.seihin{
					
			margin-top: 30px;
			float: left;
		}
		
		.seihin img{
		
			float: left;
			/*! padding: 10px; */
		}
		
		.seihin_title{
			
			float: left;
			margin-top: 10px;
			width: 580px;
			text-align: left;
			font-size: 1.4em;
			border-bottom: 2px solid #a78f60;
			padding-bottom: 5px;
			padding-left: 10px;
			color: #a78f60;
		}
		
		.seihin_ditail{
			
			float: left;
			width: 580px;
			line-height: 160%;
			text-align: justify;
			padding-left: 10px;
			padding-top: 30px;
		}
		
		.seihin_kakaku{
			
			float: left;
			margin-top: 30px;
			line-height: 160%;
			padding-left: 10px;
			color: #a78f60;
		}
		
		.more{
			
			/*! float: right; */
			width: 500px;
			padding-left: 10px;
			padding-top: 30px;
			text-align: right;
			color: #6eb642;
			margin-top: 30px;
			margin-left: 10px;
		}
		
		.main_banner2div_sp{
			display: none;
		}
		.main_banner2div{
			display: block;
		}
		
		
	}
	/* SmartPhone
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (max-width:979px) {
	
		#main_banner_trouble {
			height: 750px;
			margin-top: 50px;
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			background-image: url(../images/title.png);
			background-repeat: no-repeat;
			width: 100%;
			/*! margin-top: 10px; */
		}
	
	
		.slides ul{
			
		}
		
		.slides p{
			text-align: justify;
		}
		
		.flexslider_inner{
			width: 100%;
			margin: 0 auto;
			height:530px;
		}
		
		.ditail_bar{
			height: 40px;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.2em;
			text-align: center;
			padding-left: 30px;
			line-height: 160%;
			width: 640px;
			border-radius: 10px;        /* CSS3草案 */
			-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
			-moz-border-radius: 10px;   /* Firefox用 */
			padding-top: 10px;
			padding-bottom: 10px;
			background-image:url(../../../item/shared/images/back.png);
			margin: 0 auto;
		}
		
		.ditail_bar_center{
			height: 40px;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.2em;
			text-align: center;
			line-height: 160%;
			width: 980px;
			border-radius: 10px;        /* CSS3草案 */  
		    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		    -moz-border-radius: 10px;   /* Firefox用 */
		    padding-top: 10px;
		    padding-bottom: 10px;
		    background-image: url(../../../item/shared/images/back.png);
		
		}
		
		.ditail_bar br {
		    display: none;
		  }
		  
		.ditail_bar_center br {
		    display: none;
		  }
		
		.nikibi_genin{
			margin-top: 48px;
			margin-bottom: 10px;
		}
		
		.nikibi_genin p{
			line-height: 180%;
			padding-bottom: 10px;
		}
		
		.nikibi_genin img{
			width: 32%;
		}
		
		/*box 左テキスト 右画像*/
		.box_2column_txtleft{
			margin-top: 50px;
			/* height: 550px; */
			margin-bottom: 50px;
			text-align: center;
		}
		
		.box_2column_txtleft p{
			/* float:left; */
			/* width: 550px; */
			/* padding-right: 10px; */
			line-height: 180%;
			text-align: justify;
			margin-bottom: 20px;
		}
		.box_2column_txtleft img{
			/* float:right; */
			width: 200px;
		}
		
		/*box 左テキスト 右画像 変形型
		*/
		.box_2column_txtleft_2{
			margin-top: 50px;
			/* height:310px; */
		}
		
		.box_2column_txtleft_2 p{
			float:left;
			/* width: 480px; */
			padding-right: 10px;
			line-height: 180%;
			text-align: justify;
			margin-top: 10px;
		}
		.box_2column_txtleft_2 img{
			/* float:right; */
			margin-top: 30px;
			width: 100%;
			margin-bottom: 30px;
		}
		
		.voice{
			margin-bottom: 50px;
			/* height: 200px; */
		}
		
		.voice_title{
			margin-top: 50px;
			background-color: #e7f2e0;
			padding: 20px;
			color: #5fb42b;
			font-size: 1.2em;
			line-height: 180%;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
		}
		
		.voice_name{
			font-size: 10pt;
			color: #777;
		}
		
		.voice_ditai_title{
			text-align: center;
			/* padding-left: 180px; */
			font-size: 1.2em;
			padding-bottom: 10px;
			margin-bottom: 10px;
			color: #5fb42b;
		}

		.ditail_bar_greeen_square{
			background-color: #5fb42b;
			color:#fff;
			height: 40px;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.2em;
			text-align: center;
			line-height: 160%;
			width: 640px;
			padding-top: 10px;
			padding-bottom: 10px;
			/* margin-top: 100px; */
			/* margin: 0 auto; */
		}
		
		.oteire{
			/* float: left; */
			width: 100%;
			margin-top: 30px;
			padding: 10px;
			padding-right: 20px;
			height: 250pxpx;
		}
		
		.oteire img{
			float: right;
			width: 40%;
		}
		
		.oteire p{
			float: left;
			width: 45%;
			font-size: 0.9em;
		}
		
		.oteire p br{
			display: none;	
		}
		
			
		.oteire_name{
			text-align: center;
			font-size: 1.2em;
			padding-bottom: 20px;
		}
		
		.voice_box{
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			/* height: 340px; */
			float: none;
			/* background-color: red; */
			text-align: center;
		}
		
		.voice_box_left{
			background-color: #E7F2D9;
			/* width: 620px; */
			float: none;
			padding: 20px;
			/* height: 260px; */
			clear: both;
		}
		
		.voice_box_left p{
			/* padding: 20px; */
			padding-top: 20px;
			font-size: 0.9em;
			height: 100px;
			text-align: left;
		}

		.voice_box_title{
			font-size: 1.2em;
			line-height: 180%;
			color: #5fb42b;
			text-align: justify;
		}
		
		.voice_box_title br{
			display: none;	
		}
		
		.voice_box_button{
			width: 302px;
			height: 50px;
			background-color: #fff;
			position: relative;
			vertical-align: middle;
			display: table-cell;
			text-align: center;
			margin-top: 30px;
			border: 1px solid #5fb42b;
			color: #5fb42b;
		}
		
		.voice_box_button:hover{
			background-color: #5fb42b;
			color: #fff;
			}

		
		.voice_box img{
			/* float: none; */
			margin: 0 auto;
			text-align: center;
			width: 200px;
		}
		.flex-control-nav{
			display: none;
		}
		
		.main_banner2div_area{
			/*! width: 100%; */
			/*! float: left; */
			padding: 10px;
			background-color: rgba(255, 255, 255, 0.82);
			/*! height: 250px; */
			text-align: justify;
		

			margin-bottom: 10px;
		}
		
		.main_banner2div_area_title{
			font-size: 1.2em;
			padding-bottom: 10px;
			min-height: 42px;
			/*! width: 90%; */
			text-align: center;
		}
		
		.main_banner2div_area_ditail{
			width: 100%;
			line-height: 160%;
		}
		
		.main_banner2div_area_bottom{
			text-align: center;
			font-size: 1.2em;
			color: #fff;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			/*! text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff; */
			padding-top: 10px;
			line-height: 160%;
			width: 100%;
		}
		
		.yobo_area{
			/*! width: 326px; */
			/*! float: left; */	
			margin-top: 30px;
			text-align: center;
		}
		
		.yobo_title{
					
			text-align: center;
			/*! height: 50px; */
			padding: 5px;
			background-color: #a78f60;
			color: #fff;
			font-size: 1.2em;
		}
		
		.yobo_ditail{
			
			padding: 10px;
			line-height: 160%;
			text-align: justify;
			/*! min-height: 200px; */
		}
		
		.yobo_area img{
			
		}
		.seihin{
					
			margin-top: 30px;
			float: left;
			margin-bottom: 30px;
		}
		
		.seihin img{
		
			/*! float: left; */
			/*! padding: 10px; */
		}
		
		.seihin_title{
			
			float: left;
			margin-top: 10px;
			width: 100%;
			text-align: left;
			font-size: 1.4em;
			border-bottom: 2px solid #a78f60;
			padding-bottom: 5px;
			padding-left: 10px;
			color: #a78f60;
		}
		
		.seihin_ditail{
			
			float: left;
			width: 100%;
			line-height: 160%;
			text-align: justify;
			/*! padding-left: 10px; */
			padding-top: 30px;
		}
		
		.seihin_kakaku{
			
			float: left;
			margin-top: 30px;
			line-height: 160%;
			/*! padding-left: 10px; */
			color: #a78f60;
			width: 100%;
			margin-bottom: 30px;
		}
		
		.more{
			
			/*! float: right; */
			/*! width: 200px; */
			/*! padding-left: 10px; */
			/*! padding-top: 30px; */
			/*! text-align: right; */
			/*! color: #6eb642; */
			/*! margin-top: 30px; */
			/*! margin-left: 10px; */
			/*! margin-top: 10px; */
		}
		
		.main_banner2div_sp{
			display: block;
		}
		.main_banner2div{
			display: none;
		}

		.main_banner2divarea_sp{
			width: 100%;
			height:500px;
		}
		
		.main_banner2divarea_sp img{
			
		}
	}
	
	
	/**********************************************************/
	/*共通class*/
	/**********************************************************/