@charset "utf-8";
/* CSS Document */

body {
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 100%;
}

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

/*  Reset

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

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%; /* sets the base font to 10px for easier math */
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

p {
	word-break	: break-all;
}

sup {
	vertical-align:top;
	font-size:1rem;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
}

submit	{ -webkit-appearance		: none;}
body	{ -webkit-text-size-adjust	: 100%;}

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

/*  Basic Style

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

html{ font-size: 62.5%; /* sets the base font to 10px for easier math */}
p	{ word-break: break-all;}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
  	background	: #fefbdb;
	font-size	: 1.6rem;  /* =12px */
	font-size	: 16px;
	line-height	: 1.6;
	color		: #444;
}

p{
	font-family	: Meiryo,"Hiragino Kaku Gothic ProN",Sans-Serif;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}

.dis_pc { display:block;}
.dis_sp { display:none;}

@media screen and (max-width: 768px) {
	.dis_pc { display:none;}
	.dis_sp { display:block;}
}

@media screen and (max-width: 560px) {
body p{
	font-size:1.6rem !important;
}
}


/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity: 0.85;
}

a:link	{
	text-decoration	: none;
	color			: #00F;
}

a:visited	{
	text-decoration	: none;
	color			: #941D55;
}

a:hover	{
	text-decoration	: underline;
}


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

/* Hedaer

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

header {
    margin		: 0 auto;
    max-width	: 980px;
}

    header h1{
      	margin		: 10px 0 0 0;
        text-align	: left;
    }
	
	@media screen and (max-width: 768px) {
		header h1{
			margin		: 10px 0 0 40px;
			text-align	: center;
		}
	}



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

/* Contents

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

section h2 {
	text-align	: left;
}


#mainBlock {
    clear 		: both;
    margin		: 0 auto;
    max-width	: 1060px;
}

	#mainImg{
        margin	: 0 0 15px;
    }
    
	@media screen and (max-width: 1060px) {
		#mainBlock {
			margin		: 0 1.5%;
		}
	}

	

/* 動画 */

#movieBox{
	-js-display	: flex;
    display		: flex;
    margin		: 25px auto 30px;
   	max-width	: 980px;
}

	#movieBox h3 {
        font-size	: 2.4rem;
        color		: #00662b;
	}
        
    #movieBox div{
      margin	: 0 auto;
      padding	: 1%;
    }
	
		#taikyu{
			width	: 48%;
		}
		
		
		#bosai{
			width	: 48%;
		}
    
    #movieBox video{
		width		: 100%;
		background	: #000;
    }
    
        .lead {
          	margin		: 0 4.5% 3%;
	        text-align	: left;
        }
        
	@media screen and (max-width: 768px) {
		
		#movieBox{
			display	: inline;
		}
			#movieBox div{
				margin	: 0 auto;
				width	: 95%;
			}
			
	}


/* ヒミツ */

#himitsuBox {
	-js-display: flex;
    display		: flex;
	margin		: 80px auto 75px;
	max-width	: 980px;
}

	
	#himitsuBox div{
		margin		: 0 1.179245%;
		background	: #FFF;
	}
	
		#himitsuBox figure p{
			padding	: 0;
		}
			
			#himitsuBox p{
				padding		: 10px 6.451612% 15px;
				text-align	: left;
			}

	@media screen and (max-width: 666px) {
		#himitsuBox {
			display		: inline-block;
		}
		
			#himitsuBox div{
				margin		: 0 1.179245% 10px;
			}
			
			#himitsuBox p{
				padding		: 10px 3% 15px;
			}
	}

/* 背景ボックス1 */
	
#box1_left {
	padding	: 0 2% 0 0;
}

#box1_right {
	padding	: 0 0 0 2%;
}

	#box1_left,
	#box1_right{
		margin	: 20px auto 0;
		width	: auto;
	}
		
		#box1_left h4,
		#box1_right h4{
			text-align	: left;
		}
			
		
		#box1_left h5,
		#box1_right h5{
			margin		: 0 0 10px;
			font-size	: 3rem;
			color		: #00652c;
			text-align	: left;
		}

		.box2_l{
			float	: left;
			width	: 45.918367%;
		}


@media screen and (max-width: 768px) {

	.boxStyle01 .flexBox{
		display	: block;
	}
	
	#box1_right {
		padding	: 0;
	}

		#box1_left h5,
		#box1_right h5{
			font-size	: 2.2rem;
		}


	#tsuchibuki_txt {
		margin	: 20px 0;
	}

	.boxStyle02 .flt_r{
		float	: none;
		margin	: 0 auto 10px;
		width	: 95%;
	}
		.box2_l{
			float	: none;
			margin	: 0 auto;
			width	: 95%;
		}

}



/* PR */

section.pr {
	overflow	: hidden;
	margin		: 95px auto 50px;
	max-width	: 980px;
	width		: 100%;
}
	@media screen and (max-width: 1020px) {
		section.pr {
			margin		: 35px 3.9% 50px !important;
			width		: auto;
		}
	}


	@media screen and (max-width: 560px) {
		section.pr {
			margin		: 35px 3.9% !important;
			width		: auto;
		}
	}


	.pr h2{
		margin-bottom	: 30px;
		text-align		: center;
	}
	
		.lineupBox {
			-js-display	: flex;
			display		: flex;
			margin		: 30px 0 40px;
			max-width	: 980px;
			width		: 100%;
		}
		
			.lineupBox h3 {
				margin-bottom	: 20px;
				padding			: 5px;
				background		: #fee019;
				color			: #00652c;
			}
		
			.try110 {
				margin-right	: 1.020408%;
				width 			: 69.122448%;
			}
			
				.try110 ul{
					-js-display				: flex;
					display					: flex;
					-webkit-justify-content	: space-around;
					justify-content			: space-around;
				}
				
					.try110 ul li{
						margin	: 0 1%;
					}
					
			.bousaiJ{
				margin-left	: 1.020408%;
				width		: 27.836734%;
			}
		
				.bousaiJ ul{
					-js-display				: flex;
					display					: flex;
					-webkit-justify-content	: center;
					justify-content			: center;
				}
		
					.bousaiJ ul li{
						margin	: 0 1.5%;
					}
			

		.lineupBox2 {
			margin		: 0 0 40px;
		}
	
			.lineupBox2 ul{
				margin-top				: 90px;
				-js-display				: flex;
				display					: flex;
				-webkit-justify-content	: space-between;
				justify-content			: space-between;
			}


.multiple-items div{
	color	: #00662B;
}

	.multiple-items img{
		margin-bottom	: 5px;
	}
	
	.flex{
		display: flex;
		margin: 0 40px;
	}
	
	.flex .btn:first-of-type{
		margin-right: 10px;
	}
	
	.flex .btn a{
		min-width: 264px;
		width: 100%;
	}
	
	@media screen and (max-width: 1020px) {

		.multiple-items div{
			margin	: 0 0.2%;
		}
	}

	@media screen and (max-width: 768px) {
		.lineupBox {
			display		: inline;
			margin		: 30px 0 40px;
			max-width	: 980px;
			width		: 100%;
		}
		
			.lineupBox h3 {
				padding			: 10px 5px;
			}
		
			.try110 {
				margin-top	: 20px;
				margin-right: 0%;
				width 		: 100%;
			}
	
			.bousaiJ{
				margin		: 60px 0;
				width 		: 100%;
			}
	
		.flex{
			display: block;
			margin: 35px 6.4% !important;
		}
		
		.flex .btn:first-of-type{
			margin-right: 0;
			margin-bottom: 10px;
		}
		
		.flex .btn a{
			max-width: inherit;
		}
		
		.bousaiJ ul{
			justify-content: center;
		}
		
		.bousaiJ ul li{
			width: 33%;
		}
	}

	@media screen and (max-width: 768px) {
		.bousaiJ{
			margin		: 30px 0;
		}
		
		.multiple-items {
			margin-top	: 40px !important;
			margin-bottom:20px !important;
		}
	}


#kawaraPointBox{
	width	: 47.777777%;
}

	#kawaraPointBox ul{
		-js-display	: flex;
		display		: flex;
		flex-wrap	: wrap;
	}

		#kawaraPointBox ul li{
			margin	: 0 2.325581% 15px;
			width	: 45%;
		}
	
#kawaraDetailBox{
	margin-top		: 30px;
	margin-left		: 2%;
	width			: 50.666666%;
	padding-bottom	: 20px;
	text-align		: left;
}
	
	#kawaraDetailBox h3{
		margin	: 0 0 20px;
	}
	
	#kawaraDetailBox p{
		overflow	: hidden;
	}

	#kawaraDetailBox .flt_l{
		margin-right	: 4%;
	}


	@media screen and (max-width: 800px) {
		
		#pointBox .flexBox {
			display	: block;
		}
		
		
		#kawaraPointBox{
			padding	: 20px 0 0;
			width	: 100%;
		}
		
		#kawaraDetailBox{
			overflow	: hidden;
			margin-left	: 0;
			width		: 100%;
		}
			#kawaraDetailBox .flt_l{
				width	: 20.281690%;
			}
	}

	@media screen and (max-width: 560px) {
		
		#pointBox{
			margin-top:0 !important;
		}
	}


#point1,
#point2,
#point3,
#point4{
	margin		: 0 auto;
	max-width	: 980px;
}

	@media screen and (max-width: 768px) {
		
		#point1,
		#point2,
		#point3,
		#point4{
			margin		: 0 2.5%;
		}
		
	}


#point1 h2,
#point2 h2,
#point3 h2,
#point4 h2{
	margin-bottom	: 20px;
}

#point1 p,
#point2 p,
#point3 p,
#point4 p{
	font-size	: 1.4rem;
}


#point1 {
	margin-bottom	: 10px;
}
	
	
	#point1 .flexBox{
		border-bottom	: 2px solid #c9c599 !important;
		margin-bottom	: 20px;
		padding-bottom	: 20px;
	}
	
	#point1 .flexBox:last-child{
		border-bottom	: none !important;
	}
	
	
	.koremade{
		margin-right	: 2.040816%;
		width			: 40%;
		text-align		: left;
	}
	
		.koremade h3{
			margin-bottom	: 20px;
			padding			: 5px;
			background		: #00652c;
			color			: #FFF;
			text-align		: center;
			font-size		: 2.2rem;
		}
		
		.koremade h4{
			margin-bottom	: 15px;
			font-size		: 1.8rem;
			color			: #00652c;
			text-align		: left;
		}
		
		.koremade .flt_r{
			width	: 47.872340%;
		}
	
		
	.tsuruyaKawara{
		margin-left		: 2.040816%;
		width			: 60%;
		text-align		: left;
	}
	
		.tsuruyaKawara h3{
			margin-bottom	: 20px;
			padding			: 5px;
			background		: #fee019;
			color			: #00652c;
			text-align		: center;
			font-size		: 2.2rem;
		}
		
		.tsuruyaKawara h4{
			margin-bottom	: 15px;
			font-size		: 1.8rem;
			color			: #00652c;
			text-align		: left;
		}
	
			.tsuruyaKawara h4 span{
				font-size		: 2.6rem;
				color			: #099ddf;
			}
			
			.tsuruyaKawara .flt_r{
				width	: 49.645390%;
			}

	@media screen and (max-width: 768px) {

		#point1 p,
		#point2 p,
		#point3 p,
		#point4 p{
			font-size	: 2rem;
		}

		.koremade{
			margin-right	: 2.816901%;
			width			: 50%;
			text-align		: left;
		}
	
		.tsuruyaKawara{
			position		: relative;
			margin-left		: 2.816901%;
			width			: 50%;
			text-align		: left;
		}
		
		.flt_r {
			clear			: both;
			float 			: none !important;
			margin-bottom	: 10px;
		}
		
			.koremade h4,
			.tsuruyaKawara h4{
				font-size	: 3rem;
				line-height	: 1.3;
				text-align	: center;
			}
		
	}

	@media screen and (max-width: 560px) {
		.koremade h4,
		.tsuruyaKawara h4{
			font-size	: 2rem;
		}
		.koremade p,
		.tsuruyaKawara p{
			font-size	: 1.6rem !important;
		}

			.tsuruyaKawara h4 span{
				font-size		: 2.2rem;
			}
	}

#point2 {
	margin-bottom	: 75px;
}

	#point2 .flexBox{
		overflow	: hidden;
		display		: block;
	}
	
	#point2 .koremade{
		margin	: 0;
		width	: 40%;
		float	: left;
	}
	
	#point2 .tsuruyaKawara{
		width	: 57%;
		float	: right;
	}
	
	
		.tsuruyaKawara .point2_ul {
			display					: flex;
			-webkit-justify-content	: space-between;
			justify-content			: space-between;
		}
		
			.tsuruyaKawara .point2_ul li{
				margin	: 0 0 0 1.724137%;
			}

	@media screen and (max-width: 768px) {

	#point2 {
		margin-bottom	: 25px;
	}
	
		#point2 .koremade{
			margin	: 0 !important;
			width	: 100%;
			float	: none;
		}
		
			#point2 .koremade h4{
				margin		: 20px 0 !important;
				text-align	: left;
			}
			
		#point2 .tsuruyaKawara{
			margin	: 10px 0 0 !important;
			width	: 100%;
			float	: none;
		}
	
	}



#point3{
	margin-bottom	: 50px;
	text-align		: left;
}
	
	#point3 .flexBox{
		-webkit-justify-content	: space-between;
		justify-content			: space-between;
	}
		
		#point3 #point3_l{
			max-width	: 590px;
		}
		
			#point3 figure img{
				margin	: 10px 0;
			}
		
		#point3 #point3_r{
			max-width	: 370px;
		}
		
			#point3 #point3_r h4{
				margin-bottom	: 15px;
				font-size		: 1.8rem;
				color			: #00652c;
				text-align		: left;
			}

	@media screen and (max-width: 1000px) {
				#point3 #point3_l{
					max-width	: none;
					width		: 60.204081%;
				}
				
				#point3 #point3_r{
					margin-top	: 20px;
					max-width	: none;
					margin-left	: 2%;
					width		: 37.755102%;
				}
	}
	
	@media screen and (max-width: 768px) {

		#point3{
			margin-bottom	: 25px;
		}
	
			#point3 .flexBox{
				display	: block;
			}
	
				#point3 #point3_l{
					max-width	: none;
					width		: 100%;
				}
				
				#point3 #point3_r{
					margin-top	: 20px;
					max-width	: none;
					width		: 100%;
				}
	
					#point3 #point3_r h4{
						font-size		: 3rem;
					}
	
						#point3 #point3_r h4 br{
							display	: none;
						}

	}
	

	@media screen and (max-width: 560px) {
		#point3 #point3_r h4{
			font-size		: 2rem;
		}
	}
	
#point4{
	margin-bottom	: 100px;
	text-align		: left;
}

		#point4 #point4_l{
			max-width	: 380px;
		}

			#point4 #point4_l h4{
				margin-bottom	: 15px;
				font-size		: 1.8rem;
				color			: #00652c;
				text-align		: left;
			}
	
		#point4 #point4_r{
			margin		: 0 0 0 1.530612%;
			max-width	: 590px;
		}

			#point4 #point4_r .point4_ul {
				-js-display				: flex;
				display					: flex;
				-webkit-justify-content	: space-between;
				justify-content			: space-between;
			}
	
				#point4 #point4_r .point4_ul li{
					margin	: 0 2.542372%;
				}

	@media screen and (max-width: 768px) {
	
		#point4 .flexBox{
			display	: block;
		}
	
			#point4 #point4_l{
				max-width	: none;
			}
	
				#point4 #point4_l h4{
					font-size		: 3rem;
				}
		
					#point4 #point4_l h4 br{
						display	: none;
					}
			
			#point4 #point4_r{
				margin		: 15px 0 0;
				max-width	: none;
			}
	
	}

	@media screen and (max-width: 560px) {
		#point4 #point4_l h4{
			font-size		: 2rem;
		}
	}

#hukkouKawaraBox{
	max-width		: 680px;
	margin-bottom	: 35px;
	text-align		: left;
	width			: 73.304540%;
}

	#hukkouKawaraBox ul{
		margin-bottom			: 15px;
		-js-display				: flex;
		display					: flex;
		-webkit-justify-content	: space-between;
		justify-content			: space-between;
	}
	
		#hukkouKawaraBox ul li{
			padding : 1%;
		}
	
	#imgCha {
		position	: absolute;
		right		: 0;
		bottom		: -3.5px;
		width		: 25.353266%;
	}
	
	
	
	@media screen and (max-width: 768px) {

	#hukkouKawaraBox{
		max-width		: none;
		width			: 100%;
	}

		#hukkouKawaraBox p{
			margin	: 0 1%;
		}
	
		#hukkouKawaraBox ul li{
			margin	: 0 1%;
		}
		
			#imgCha {
				position	: absolute;
				right		: 0;
				top			: -14.5%;
				width		: 22.774647%;
			}
	}




#pr2 {
	position	: relative;
	overflow	: hidden;
	margin		: 25px auto 0;
	max-width	: 980px;
	text-align	: left;
	/*-js-display	: flex;
	display		: flex;*/
}

	.prBox_l {
		float		: left;
		width	: 56.632653%;
	}
	
		#pr2 .ttl04{
			margin-top		: 40px;
			margin-bottom	: 25px;
		}
	

	.prBox_r {
		float	: left;
		width	: 43.367346%;
	}
	
		.pr2_btn {
			position	: absolute;
			bottom		: 0;
			left		: 0;
		}
	
	
	@media screen and (max-width: 768px) {

		#pr2 {
			margin	: 0 3.9%;
		}
		
			.prBox_l {
				max-width	: none;
				width		: 59.066666%;
			}
		
			.prBox_r {
				max-width		: none;
				margin-bottom	: 20px;
				width			: 40.933333%;
			}

				.pr2_btn {
					position	: static;
				}
				

	}
	
	@media screen and (max-width: 560px) {
			
		.prBox_l{
			width	: 49.154929%;
		}
		
		
		.prBox_r{
			width	: 37.746478%;
		}
	
	}


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

/* Footer

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

footer {
	clear 		: both;
	margin-top	: 45px;
	padding		: 15px 0;
	background	: #00652c;
	color		: #FFF;
}

	#pageTop {
		display	: none;
	}
	
		@media screen and (max-width: 750px) {

		footer {
			margin-top	: 80px;
		}
	
				#pageTop{
					display	: block;
					margin	: -56px auto 10px;
					width	: 101px;
					height	: 71px;
				}
				
					#pageTop a{
						display		: block;
						width		: 100%;
						height		: 100%;
						background	: transparent url(../img/pageTop.png) no-repeat 0 0;
						text-indent	: -9999px;
					}
		}