@charset 'UTF-8';

#detail #middle_cont_left{
	color:#333;
	font-size:13px;
	line-height:21px;
	padding:20px 20px 0;
	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;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:hidden;
	-webkit-font-kerning:normal;
	font-kerning:normal;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* 共通 */
/* ----------------------------------------------------------------------------------------------------------- */
.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;}
sup{line-height:100%;font-weight:normal;top:-.4em;}
em{font-style:normal;color:#ed6c00;}

/*
bg:#fdeeeb;
purple:#ba79b1;
*/

#c01,#c02,#c03{
	background-color:#fdeeeb;
	background-image:url('images/bg_top.png'), url('images/bg_bottom.png');
	background-position:left top, left bottom;
	background-size:700px auto;
	background-repeat:no-repeat;
	margin:0 -20px 20px;
	padding:96px 30px 48px;
}

h3{font-size:26px;line-height:41px;color:#ba79b1;text-align:center;letter-spacing:-0.06em;margin:0 0 0.5em;}
h3 strong{font-size:36px;font-weight:500;}

.column{position:relative;border:1px solid #ba79b1;border-radius:20px;background:rgba(255,255,255,.8);padding:30px;}

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


/* ----------------------------------------------------------------------------------------------------------- */
/* c01 */
/* ----------------------------------------------------------------------------------------------------------- */
#c01{position:relative;text-align:center;margin-top:-20px;}
#c01 p.lead{font-size:16px;line-height:30px;margin:0 0 48px;}
#c01 h3 img{display:inline-block;vertical-align:middle;margin-right:0.5em;}
#c01 ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px -30px 48px;}
#c01 ul li{position:relative;font-size:13px;line-height:19px;font-weight:bold;font-family:'YuGothic','Yu Gothic','Hiragino Kaku Gothic Pro',sans-serif;text-align:justify;width:200px;height:132px;background:transparent url('images/c01_list_bg.png') left top no-repeat;background-size:contain;padding:34px 30px 0;margin:0 15px 0px;}
#c01 ul li strong{position:absolute;left:24px;top:-20px;width:46px;height:46px;font-size:16px;line-height:46px;color:#fff;text-align:center;margin:0;background:transparent url('images/c01_list_title_bg.png') left top no-repeat;background-size:cover;transform:rotate(-10deg);}
#c01 ul li:nth-last-of-type(1) strong,#c01 ul li:nth-last-of-type(2) strong{left:72px;}
#c01 h4{font-size:26px;line-height:41px;color:#ba79b1;letter-spacing:-0.06em;padding-bottom:48px;margin-bottom:18px;background:transparent url('images/arrow_down.png') center bottom no-repeat;background-size:193px auto;}
#c01 .column{padding:20px 50px;}
#c01 .column h5{position:relative;font-size:26px;line-height:41px;color:#ba79b1;background-color:transparent;background-image:url('images/c01b_title_left.png'),url('images/c01b_title_right.png');background-repeat:no-repeat;background-position:left top,right top;background-size:47px 56px,56px 57px;padding:12px 0 0;margin:0 0 24px;}
#c01 .column h6{color:#fff67f;font-size:18px;line-height:28px;background:#ba79b1;border-radius:14px;}
#c01 .column p{text-align:justify;margin-bottom:30px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c02 */
/* ----------------------------------------------------------------------------------------------------------- */
#c02 p.caption{font-size:11px;text-align:center;margin-bottom:48px;}
#c02 .column h4{color:#fff;font-size:18px;line-height:50px;text-align:center;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.3);width:100%px;height:73px;background:transparent url('images/c02_column_title_bg.png') center top no-repeat;background-size:contain;margin:-45px -30px 14px;}
#c02 .column{padding-bottom:20px;}
#c02 .column:nth-of-type(1){margin-bottom:72px;}
#c02 .column:nth-of-type(1) .fig02{margin:28px 0 0 164px;}
#c02 .column:nth-of-type(1) .balloon01{position:absolute;right:-20px;top:120px;}
#c02 .column:nth-of-type(1) .balloon02{position:absolute;left:-28px;bottom:0;}
#c02 .column:nth-of-type(1):after{position:absolute;left:0;bottom:-72px;display:block;content:'';background:transparent url('images/arrow_down.png') center top no-repeat;width:100%;height:64px;margin:0;}
#c02 .column:nth-of-type(2) .fig01{margin:0 0 0 164px;}
#c02 .column:nth-of-type(2) .balloon01{position:absolute;left:-20px;top:72px;}
#c02 ul{display:flex;justify-content:space-between;align-items:flex-end;margin:14px -10px 0 0;}
#c02 li{width:50%;display:flex;justify-content:space-between;align-items:flex-end;margin-right:8%;}
#c02 li:last-of-type{width:43%;margin-right:0;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c03 */
/* ----------------------------------------------------------------------------------------------------------- */
#c03 h3{margin-bottom:36px;}
#c03 h3 img{display:block;margin:18px auto;}
#c03 ul{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;}
#c03 li{position:relative;flex-basis:32%;max-width:32%;height:315px;border:1px solid #ba79b1;border-radius:10px;padding:14px 16px;margin-bottom:10px;background-color:#fff;background-position:center bottom 40px;background-repeat:no-repeat;}
#c03 li p.spec{font-size:9px;line-height:150%;position:absolute;left:16px;bottom:8px;margin:0;}
#c03 li h4{color:#ba79b1;font-size:13px;line-height:18px;text-align:center;margin:0 0 8px;}
#c03 li h4 span{font-size:10px;}
#c03 li p{font-size:11px;line-height:17px;text-align:justify;}
#c03 li:nth-of-type(1){background-image:url('images/c03_photo01.jpg');background-size:59px auto;}
#c03 li:nth-of-type(2){background-image:url('images/c03_photo02.jpg');background-size:72px auto;background-position:center bottom 50px;}
#c03 li:nth-of-type(3){background-image:url('images/c03_photo03.jpg');background-size:56px auto;}
#c03 li:nth-of-type(4){background-image:url('images/c03_photo04.jpg');background-size:32px auto;}
#c03 li:nth-of-type(5){background-image:url('images/c03_photo05.jpg');background-size:40px auto;}
#c03 li:nth-of-type(6){background-image:url('images/c03_photo06.jpg');background-size:32px auto;}

/* ----------------------------------------------------------------------------------------------------------- */
/* retina */
/* ----------------------------------------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){
	#c01,#c02,#c03{background-image:url('images/bg_top@2x.png'), url('images/bg_bottom@2x.png');}
	#c01 ul li{background-image:url('images/c01_list_bg@2x.png');}
	#c01 h4{background-image:url('images/arrow_down@2x.png');}
	#c01 .column h5{background-image:url('images/c01b_title_left@2x.png'),url('images/c01b_title_right@2x.png');}
	#c02 .column h4{background-image:url('images/c02_column_title_bg@2x.png');}
	#c03 li:nth-of-type(1){background-image:url('images/c03_photo01@2x.jpg');}
	#c03 li:nth-of-type(2){background-image:url('images/c03_photo02@2x.jpg');background-position:center bottom 50px;}
	#c03 li:nth-of-type(3){background-image:url('images/c03_photo03@2x.jpg');}
	#c03 li:nth-of-type(4){background-image:url('images/c03_photo04@2x.jpg');}
	#c03 li:nth-of-type(5){background-image:url('images/c03_photo05@2x.jpg');}
	#c03 li:nth-of-type(6){background-image:url('images/c03_photo06@2x.jpg');}
}

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

/* ----------------------------------------------------------------------------------------------------------- */
/* iPhone */
/* ----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:640px){
	#detail #middle_cont_left{padding:0 10px;}
	#c01,#c02,#c03,#c04{
		background-image:url('images/bg_top.png'), url('images/bg_bottom.png');
		background-size:100% auto;
		margin:0 -10px 10px;
		padding:48px 10px 20px;
	}
	.column{border-radius:10px;padding:14px;}
	h3{font-size:18px;line-height:24px;}
	h3 strong{font-size:150%;}
	#c01 h3{margin-left:-5vw;}
	#c01 h3 img{width:15vw;margin-top:-5vw;margin-right:1vw;}
	#c01 p.lead{font-size:14px;line-height:180%;text-align:justify;margin:0 24px 24px;}
	#c01 p.lead br{display:none;}
	#c01 ul{margin:0;}
	#c01 ul li{width:100%;height:auto;background:#cdeaf5;border-radius:10px;padding:10px 10px 10px 40px;margin:0 0 10px;}
	#c01 ul li strong{left:-5px!important;top:10px;width:36px;height:36px;font-size:14px;line-height:36px;}
	#c01 h4{font-size:18px;line-height:24px;}
	#c01 .column{padding:14px 14px 0;}
	#c01 .column p{margin-bottom:1em;}
	#c01 .column h5{font-size:16px;line-height:24px;background-size:8vw auto;}
	#c01 .column h6{font-size:15px;}
	#c02 p.caption{margin-bottom:20px;}
	#c02 .column{padding:14px 14px 0;}
	#c02 .column:nth-of-type(1):after{width:100%;}
	#c02 .column h4{background:#f19ebc;font-size:16px;line-height:130%;height:auto;margin:-14px -14px 1em;padding:6px 0;border-radius:10px 10px 0 0;}
	#c02 .column:nth-of-type(1) .fig01, #c02 .column:nth-of-type(1) .fig02,#c02 .column:nth-of-type(2) .fig01{max-width:100%;margin:0 0 1em;}
	#c02 .column:nth-of-type(1) .balloon01{width:20vw;top:10px;right:-10px;}
	#c02 .column:nth-of-type(1) .balloon02,#c02 .column:nth-of-type(2) .balloon01{display:none;}
	#c02 ul{display:block;margin:0 0 14px;}
	#c02 ul li{width:100%!important;margin-bottom:10px;}
	#c02 ul li img{width:30vw;}
	#c03 h3{margin-bottom:24px;}
	#c03 li{flex-basis:100%;max-width:100%;padding-left:100px;background-position:left 25px center;height:auto;}
	#c03 li:nth-of-type(1){height:190px;}
	#c03 li:nth-of-type(2){background-position:left 15px center;}
	#c03 li:nth-of-type(3){height:170px;}
	#c03 li:nth-of-type(4){background-position:left 36px center;}
	#c03 li:nth-of-type(5){background-position:left 32px center;}
	#c03 li:nth-of-type(6){background-position:left 36px center;}
	#c03 li h4{text-align:left;}
	#c03 li p.spec{position:static;}
	
	.sp{display:inherit;}
	.nosp{display:none!important;}
	
}

@media only screen and (max-width:320px){
	h3{font-size:16px;}
	#c01 h4{font-size:16px;}
	#c01 .column h5{font-size:14px;}
	#c01 .column h6{font-size:13px;}
	#c02 h3{font-size:15px;}
}

/* ----------------------------------------------------------------------------------------------------------- */
/* Android4 Legacy */
/* ----------------------------------------------------------------------------------------------------------- */
.a4{}