@charset 'UTF-8';

#detail #middle_cont_left{
	color:#333;
	font-size:13px;
	line-height:21px;
	padding:20px;
	margin-bottom:20px;
	box-sizing:border-box;
	font-family:'Hiragino Sans','Hiragino Kaku Gothic Pro','Meiryo','MS PGothic',sans-serif;
	letter-spacing:-0.06em;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
	-webkit-font-kerning:normal;
	font-kerning:normal;
	background:	repeating-linear-gradient(90deg,rgba(243,236,222,1),rgba(243,236,222,1) 6px,transparent 6px,transparent 10px),
				linear-gradient(0deg, rgba(239, 226, 200, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(239, 226, 200, 1) 100%);
}

/* ----------------------------------------------------------------------------------------------------------- */
/* 共通 */
/* ----------------------------------------------------------------------------------------------------------- */
.caption,.spec{font-size:9px;line-height:13px;letter-spacing:-0.05em;text-align:justify;}
.sp{display:none;}
.alignRight{text-align:right!important;}
ul{list-style:none;padding:0;}
em{font-style:normal;color:#e60012;}
sup{line-height:100%;font-weight:normal;top:-.4em;}

/*
<colors>
dark brown:#865429;
light brown:#d9b17a;
grayish green:#ebeddf;
*/

/* ----------------------------------------------------------------------------------------------------------- */
/* contents */
/* ----------------------------------------------------------------------------------------------------------- */
#slider{position:relative;overflow:visible;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c00 */
/* ----------------------------------------------------------------------------------------------------------- */
#c00{position:relative;padding:42px 0 24px;margin:-20px -20px 0;}
#c00:before{content:'';position:absolute;right:0;top:0;width:220px;height:186px;background:transparent url('images/c00_bg@2x.png') no-repeat;background-size:220px auto;z-index:2;}
#c00 p{text-align:center;font-weight:bold;font-weight:400;font-size:16px;line-height:23px;margin:0;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c01 */
/* ----------------------------------------------------------------------------------------------------------- */
#c01{margin:0 -10px 42px;}
#c01 div{background:#fff;margin:0 0 10px;box-shadow:1px 1px 2px rgba(0,0,0,.1);position:relative;}
#c01 div h4{color:#865429;font-size:24px;line-height:30px;font-family:serif;font-weight:bold;margin:0 0 14px;padding:20px 0 10px 100px;border-bottom:1px solid #d9b17a;letter-spacing:-0.06em;}
#c01 #c01a h4{background:transparent url('images/c01a_bullet@2x.png') 30px 30px no-repeat;background-size:54px 36px;}
#c01 #c01b h4{background:transparent url('images/c01b_bullet@2x.png') 440px 30px no-repeat;padding-left:512px;background-size:54px 36px;}
#c01 #c01c h4{background:transparent url('images/c01c_bullet@2x.png') 30px 30px no-repeat;background-size:54px 36px;}
#c01 div p{padding:0 190px 24px 30px;margin:0;text-align:justify;}
#c01 div figure img{position:absolute;}
#c01 #c01a figure img{right:14px;top:18px;}
#c01 #c01b p{padding: 0 30px 20px 145px;}
#c01 #c01b figure img{left:24px;top:48px;}
#c01 #c01c figure img{right:44px;top:54px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c02 */
/* ----------------------------------------------------------------------------------------------------------- */
#c02{margin:0 -10px 42px;}
#c02 h3{color:#865429;font-family:serif;font-size:30px;line-height:100%;font-weight:bold;text-align:center;margin:0 -10px 24px;letter-spacing:-0.06em;}
#c02 h3 span{display:block;font-size:20px;border-top:2px solid #865429;margin:12px 0 0;padding:12px 0 0;}
#c02 div{margin-bottom:28px;box-shadow:1px 1px 2px rgba(0,0,0,.1);}
#c02 div:first-of-type{background:#fff url('images/c02_logo@2x.png') 36px center no-repeat;background-size:161px 55px;padding:14px 30px 14px 270px;;}
#c02 div:first-of-type a{display:block;transition:opacity .2s linear;margin:12px 0 0 -4px;}
#c02 div:first-of-type a:hover{opacity:.8;}
#c02 div:not(:first-of-type){position:relative;background:#ebeddf url('images/c02_bg@2x.png') 28px top no-repeat;background-size:141px 25px;padding:40px 254px 24px 24px;}
#c02 div h4{color:#865429;font-family:serif;font-size:24px;line-height:30px;font-weight:bold;letter-spacing:-0.06em;margin:0 0 14px;}
#c02 div p{text-align:justify;margin:0;line-height:20px;}
#c02 div figure img{position:absolute;right:10px;top:15px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c03 */
/* ----------------------------------------------------------------------------------------------------------- */
#c03{display:flex;justify-content:space-between;align-items:top;flex-wrap:wrap;}
#c03 div{font-size:11px;line-height:16px;text-align:justify;width:200px;background:#fff;border-radius:6px;border:1px solid #aaa;padding:12px;margin-bottom:24px;}
#c03 div h4{font-size:13px;line-height:16px;color:#008f6b;margin:0 0 0.5em;}
#c03 div p{margin:0 0 1em;}
#c03 div figure{position:relative;display:flex;justify-content:space-between;align-items:flex-end;min-height:166px;margin:0;}
#c03 div figure img:first-of-type{position:absolute;left:0;top:0;}
#c03 div:nth-of-type(1) figure{padding-top:22px;}
#c03 div:nth-of-type(2) figure{padding-top:100px;}
#c03 div:nth-of-type(3) figure{padding-top:30px;}
#c03 div:nth-of-type(4) figure{padding-top:101px;}
#c03 div:nth-of-type(5) figure{padding-top:78px;}
#c03 div:nth-of-type(6) figure{padding-top:54px;}
#c03 div:last-of-type h4{font-size:11px;}
#c03>p:last-of-type{width:100%;margin-top:-10px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* retina */
/* ----------------------------------------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){
}

/* ----------------------------------------------------------------------------------------------------------- */
/* iPad */
/* ----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1024px){
}

/* ----------------------------------------------------------------------------------------------------------- */
/* iPhone */
/* ----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:640px){
	#detail #middle_cont_left{padding:0 10px;}
	/*#middle_cont_left h3{margin:10px -10px;padding:0 20px;}*/

	#c00,#c01,#c02,#c03{margin:0 -10px;padding:10px;}
	#c00{padding:15px 20px 0;}
	#c00:before{display:none;}
	#c00 p{font-size:14px;line-height:160%;text-align:justify;}

	#c01 div h4{font-size:5vw;line-height:130%;background-position:15px center!important;background-size:12vw auto!important;padding:10px 0 5px 20vw!important;margin:0 0 10px!important;}
	#c01 div p{padding:0 15px!important;margin-bottom:10px!important;}
	#c01 div figure{padding-bottom:15px!important;}
	#c01 div figure img{position:static;display:block;margin:0 auto!important;}

	#c02{padding-bottom:0;}
	#c02 h3{font-size:6vw;line-height:130%;}
	#c02 h3 span{font-size:4vw;line-height:130%;margin-top:2vw;padding-top:3vw;}
	#c02 div:first-of-type{background-position:center 15px;background-size:auto 12vw;padding:20vw 0px 15px;text-align:center;}
	#c02 div:first-of-type p{text-align:center;}
	#c02 div:not(:first-of-type){padding:30px 15px 20px;background-size:auto 18px;background-position:18px 0;}
	#c02 div h4{font-size:6vw;line-height:130%;}
	#c02 div figure img{position:static;margin:20px auto 0;display:block;max-width:100%;}
	
	#c03{padding:0 10px 0;justify-content:center;}
	#c03 div{margin-bottom:10px;width:100%;}
	#c03 div h4{font-size:14px!important;line-height:150%;}
	#c03 div p{font-size:12px;line-height:150%;}
	#c03>p:last-of-type{margin-top:0;}
	
	.sp{display:inherit;}
	.nosp{display:none!important;}
}

@media only screen and (max-width:320px){
	#c00 p{font-size:13px;line-height:160%;}
	h3{font-size:21px!important;}
	#c01 h4{font-size:13px;}
	#c01 div h4.serif{font-size:14px;}
	#c01>div:first-of-type div:before{right:-14px;top:-14px;width:45px;height:45px;}
	#c02 div .column{background-image:none!important;padding:10px!important;}
}