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



/* -------------------- top -------------------- */

.top_policy{
	margin-top:20px;
}

.top_policy_txt{
	width:450px;
	float:left;
}

.top_policy_name{
	font-size:16px;
	font-weight:bold;
	line-height:1.8em;
}

.top_policy_img{
	width:250px;
	float:right;
}

.top_cnt{
	margin-top:40px;
}

.pickup{
	margin-top:20px;
}

.pickup_item_top{
	width:226px;
	float:left;
}

.pickup_item{
	width:226px;
	margin-left:21px;
	float:left;
}

.detail{
	margin-top:20px;
	text-align:center;
}

.news{
	width:720px;
	height:160px;
	margin-top:20px;
	padding:10px 20px;
	border:solid 1px #d5d5d5;
	box-sizing:border-box;
}

@media screen and (max-width: 640px){
	
	.top_cnt_top h1{
		width:80%;
	}
	
	.top_policy_txt{
		width:100%;
		float:none;
	}
	
	.top_policy_img{
		display:none;
	}
	
	.top_cnt h1{
		overflow:hidden;
	}
	
	.top_cnt h1 img{
		width:200%;
	}
	
	.pickup_item_top{
		width:70%;
		margin:0 auto;
		float:none;
	}
	
	.pickup_item{
		width:70%;
		margin:20px auto 0;
		float:none;
	}
	
	.detail{
		margin:15px auto 0;
		text-align:center;
	}
	
	.detail img{
		width:80%;
	}
	
	.news{
		width:100%;
		padding:5px 10px;
	}
	
}




/* -------------------- page -------------------- */

.main_img{
	width:980px;
	margin:20px auto 0;
}

@media screen and (max-width: 640px){
	
	.main_img{
		width:100%;
		margin:20px 0 0;
	}
	
}




/* -------------------- policy -------------------- */

.policy_detail{
	width:720px;
	margin-top:20px;
	padding:15px 20px 40px;
	border:double 4px #dbd78d;
	background:url(../images/ivy.png) no-repeat;
	background-position:240px 190px;
	box-sizing:border-box;
}

.policy_detail h1{
	text-align:center;
}

.policy_detail_txt{
	margin-top:20px;
}

.policy_detail_name{
	font-size:16px;
	font-weight:bold;
	line-height:1.8em
}

.policy_kahou{
	margin-top:40px;
}

.policy_kahou_img{
	width:300px;
	float:left;
}

.policy_kahou_txt{
	width:400px;
	float:right;
}

.policy_kahou_ttl{
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}

.policy_kahou_sub_ttl{
	font-size:14px !important;
}

@media screen and (max-width: 640px){
	
	.policy_cnt_top h1,
	.policy_cnt h1{
		overflow:hidden;
	}
	
	.policy_cnt_top h1 img,
	.policy_cnt h1 img{
		width:200%;
	}
	
	.policy_detail{
		width:100%;
		background:none;
	}
	
	.policy_detail h1{
		width:70% !important;
		margin:0 auto;
		overflow:visible !important;
	}
	
	.policy_detail h1 img{
		width:100% !important;
	}
	
	.policy_kahou_img{
		width:80%;
		margin:0 auto;
		float:none;
	}
	
	.policy_kahou_ttl{
		margin:10px 0;
	}
	
	.policy_kahou_txt{
		width:100%;
		float:none;
	}
	
}




/* -------------------- item -------------------- */

.item_top{
	margin-top:20px;
	padding-bottom:30px;
	border-bottom:dotted 1px #29b769;
}

.item{
	padding:30px 0;
	border-bottom:dotted 1px #29b769;
}

.item_img_l{
	width:250px;
	float:left;
}

.item_img_r{
	width:250px;
	float:right;
}

.item_detail_r{
	width:450px;
	float:right;
}

.item_detail_l{
	width:450px;
	float:left;
}

.item_detail_r h2,
.item_detail_l h2{
	font-size:16px;
	font-weight:bold;
}

.price{
	font-size:16px !important;
	color:#f00;
}

.item_txt{
	margin-top:10px;
}

@media screen and (max-width: 640px){
	
	.item_cnt h1{
		overflow:hidden;
	}
	
	.item_cnt h1 img{
		width:200%;
	}
	
	.item{
		position:relative;
	}
	
	.item_img_l{
		width:200px;
		margin:0 auto;
		float:none;
	}
	
	.item_img_r{
		width:200px;
		margin-left:-100px;
		float:none;
		position:absolute;
		top:30px;
		left:50%;
	}
	
	.item_detail_r{
		width:100%;
		margin-top:20px;
		float:none;
	}
	
	.item_detail_l{
		width:100%;
		padding-top:220px;
		float:none;
	}
	
	.item_detail_r h2,
	.item_detail_l h2{
		font-size:14px;
	}
	
	.price{
		font-size:14px !important;
	}
	
}




/* -------------------- company -------------------- */

.company_tbl{
	width:720px;
	margin-top:15px;
	font-size:14px;
	border-collapse:collapse;
	box-sizing:border-box;
}

.company_tbl th{
	width:30%;
	padding:10px 0;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border-top:solid 5px #fff;
	background-color:#29b769;
}

.company_tbl td{
	width:70%;
	padding:10px 0 10px 20px;
	color:#333;
	border-top:solid 5px #fff;
	border-left:solid 5px #fff;
	background-color:#f2f2f2;
}

@media screen and (max-width: 640px){
	
	.company_cnt h1{
		overflow:hidden;
	}
	
	.company_cnt h1 img{
		width:200%;
	}
	
	.company_tbl{
		width:100%;
	}
	
	.company_tbl tr{
		width:100%;
		
		display:block;
		list-style:none;
	}
	
	.company_tbl th{
		width:auto;
		display:list-item;
	}
	
	.company_tbl td{
		width:auto;
		padding:10px;
		border-left:none;
		display:list-item;
		
	}
	
}




/* -------------------- contact -------------------- */

.contact_txt{
	margin-top:20px;
}

.attention{
	margin-top:15px;
	color:#f00;
}

.contact_tbl{
	width:720px;
	margin-top:5px;
	border-top:dotted 1px #b3b3b3;
	border-spacing:0;
	box-sizing:border-box;
}

.contact_tbl th{
	width:30%;
	padding:20px 0 20px 20px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:left;
	border-bottom:dotted 1px #b3b3b3;
}

.required{
	color:#f00;
}

.contact_tbl td{
	width:70%;
	padding:20px 0;
	border-bottom:dotted 1px #b3b3b3;
}

input[type="text"],
input[type="email"],
input[type="tel"]{
	width:400px;
	height:30px;
}

textarea{
	width:400px;
	height:250px;
}

.check{
	margin-top:20px;
	text-align:center;
}

.submit{
	margin-top:20px;
	text-align:center;
}

input[type="submit"]{
	padding:10px 20px;
	font-size:16px;
	color:#fff;
	border:none;
	border-radius:5px;
	background-color:#29b769;
}

input[type="reset"]{
	margin-left:20px;
	padding:10px 20px;
	font-size:16px;
	color:#fff;
	border:none;
	border-radius:5px;
	background-color:#29b769;
}

.submit input:hover{
	background-color:#42d380;
	cursor:pointer;
}

@media screen and (max-width: 640px){
	
	.contact_cnt h1{
		overflow:hidden;
	}
	
	.contact_cnt h1 img{
		width:200%;
	}
	
	.contact_tbl{
		width:100%;
	}
	
	.contact_tbl tr{
		width:100%;
		display:block;
		list-style:none;
	}
	
	.contact_tbl th{
		width:auto;
		padding:20px 0 0;
		border-bottom:none;
		display:list-item;
	}
	
	.contact_tbl td{
		width:auto;
		padding:5px 0 20px;
		display:list-item;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"]{
		width:100%;
	}
	
	textarea{
		width:100%;
		height:150px;
	}
	
}




/* -------------------- privacy -------------------- */

.privacy{
	margin-top:20px;
}

.privacy_list{
	font-size:16px;
	font-weight:bold;
}

.privacy a:hover{
	text-decoration:underline;
}

@media screen and (max-width: 640px){
	
	.privacy_cnt h1{
		overflow:hidden;
	}
	
	.privacy_cnt h1 img{
		width:200%;
	}
	
}