@charset 'UTF-8';

#detail #middle_cont_left{
	color:#232323;
	font-size:13px;
	line-height:21px;
	padding:20px 30px 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;}
.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:#ea545d;}
p{hanging-punctuation:allow-end;}
/*
bg:#fdeeeb;
purple:#ba79b1;
*/
#c01,#c02,#c03,#c04,#c05{position:relative;margin-bottom:48px;}
h3{
	display:block;
	position:relative;
	font-family:'Hiragino Maru Gothic ProN W4','HiraMaruPro-W4','Meiryo', sans-serif;
	font-size:27px;
	line-height:35px;
	color:#5c86c5;
	text-align:left;
	letter-spacing:-0.06em;
	margin:0 0 0.8em;
	padding:0;
}
div:not(#c06)>h3{
	padding:0 0 0 66px;
	margin-left:-6px;
	line-height:59px;
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:59px auto;
}
#c01 h3{background-image:url('images/c01_bullet.png');}
#c02 h3{background-image:url('images/c02_bullet.png');}
#c03 h3{background-image:url('images/c03_bullet.png');line-height:36px!important;}
#c04 h3{background-image:url('images/c04_bullet.png');}
#c05 h3{background-image:url('images/c05_bullet.png');}

h4{
	font-family:'Hiragino Maru Gothic ProN W4','HiraMaruPro-W4','Meiryo', sans-serif;
	color:#5c86c5;
	font-size:20px;
	font-weight:normal;
	line-height:150%;
	padding:0;
	margin:0 0 0.5em;
}

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


/* ----------------------------------------------------------------------------------------------------------- */
/* c01 */
/* ----------------------------------------------------------------------------------------------------------- */
#c01 figure{position:relative;background:#f5f2e9;border-radius:10px;width:100%;padding:15px 15px 20px;}
#c01a{position:relative;padding:0 320px 0 0;min-height:200px;}
#c01a img{position:absolute;right:0;top:0;}
#c01 figure h5{font-size:15px;line-height:100%;color:#fff;background:#5c86c5;display:inline-block;padding:6px 10px;border-radius:6px;margin:0 0 1em;}
#c01 figure img{display:block;margin:0 auto;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c02 */
/* ----------------------------------------------------------------------------------------------------------- */
#c02 ul{
	display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;margin:1em 0 0;padding:0;
	display:-ms-flexbox;-ms-flex-pack:justify;-ms-flex-align:top;
}
#c02 ul li{font-size:12px;line-height:16px;flex-basis:315px;max-width:315px;min-width:315px;min-height:230px;background-color:transparent;background-repeat:no-repeat;background-position:left top;background-size:315px auto;}
#c02 ul li:first-of-type{background-image:url('images/c02_fig01.png');padding:20px 10px 0 94px;}
#c02 ul li:nth-of-type(2){background-image:url('images/c02_fig02.png');padding:12px 10px 0 94px;}
#c02 ul li:last-of-type{flex-basis:100%;min-width:100%;min-height:0;text-align:right;padding:10px 0 0;background:none;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c03 */
/* ----------------------------------------------------------------------------------------------------------- */
#c03a{position:relative;padding:0 240px 0 0;margin:0 0 40px;}
#c03a img{position:absolute;right:0;bottom:0;}
#c03 figure img{position:relative;margin:0 0 0 -8px;}


/* ----------------------------------------------------------------------------------------------------------- */
/* c04 */
/* ----------------------------------------------------------------------------------------------------------- */
#c04a{position:relative;padding-right:178px;margin-bottom:1em;}
#c04a img{position:absolute;right:0;top:0;}
#c04 figure{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;background:#f5f2e9;border-radius:10px;padding:25px 50px;margin:1em 0 1em;
	display:-ms-flexbox;-ms-flex-pack:justify;-ms-flex-align:start;-ms-flex-wrap:wrap;
}
#c04 figure img{margin-bottom:2em;}
#c04 figcaption{min-width:100%;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c05 */
/* ----------------------------------------------------------------------------------------------------------- */
#c05 figure{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;background:#f5f2e9;border-radius:10px;padding:25px 50px;margin:1em 0 1em;
	display:-ms-flexbox;-ms-flex-pack:justify;-ms-flex-align:start;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* c06 */
/* ----------------------------------------------------------------------------------------------------------- */
#c06{text-align:center;}
#c06 h3{text-align:center;padding:0;}
#c06>p{font-size:14px;line-height:24px;margin:1em 0;}
#c06 h4{text-align:left;margin:1em 0 0;}
#c06>img{margin:2em 0;}
#c06a{font-size:11px;line-height:150%;text-align:left;display:flex;margin:0;align-items:center;justify-content:space-between;
	display:-ms-flexbox;-ms-flex-pack:justify;-ms-flex-align:center;
}
#c06a h5{color:#5c86c5;font-size:14px;line-height:100%;padding:0;margin:1em 0 0.5em;}

/* ----------------------------------------------------------------------------------------------------------- */
/* retina */
/* ----------------------------------------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio:2) and (min-width:641px),(min-resolution:2dppx) and (min-width:641px){
	#c01 h3{background-image:url('images/c01_bullet@2x.png');}
	#c02 h3{background-image:url('images/c02_bullet@2x.png');}
	#c03 h3{background-image:url('images/c03_bullet@2x.png');}
	#c04 h3{background-image:url('images/c04_bullet@2x.png');}
	#c05 h3{background-image:url('images/c05_bullet@2x.png');}
	#c02 ul li:first-of-type{background-image:url('images/c02_fig01@2x.png');}
	#c02 ul li:nth-of-type(2){background-image:url('images/c02_fig02@2x.png');}
}

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

/* ----------------------------------------------------------------------------------------------------------- */
/* iPhone */
/* ----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:640px){
	#detail #middle_cont_left{padding:12px;}
	#c01,#c02,#c03,#c04,#c05{position:relative;margin-bottom:32px;}
	div:not(#c06)>h3{font-size:18px;line-height:40px;min-height:40px;background-size:auto 36px;padding-left:42px;margin-left:-4px;margin-bottom:0.5em;}
	#c03 h3{line-height:24px!important;}
	h4{font-size:14px;line-height:150%;}

	#c01a{padding:0;margin-bottom:1em;}
	#c01a img{position:static;display:block;margin:0 auto;max-width:100%;}
	#c01 figure{padding:10px;}
	#c01 figure h5{font-size:13px;padding:4px 10px;}
	#c01 figure img{max-width:100%;}
	
	#c02 ul li:first-of-type{background-image:url('images/c02_fig01@2x.png');margin:0 auto 12px;}
	#c02 ul li:nth-of-type(2){background-image:url('images/c02_fig02@2x.png');margin:0 auto;}

	#c03a{padding:0;margin:0 0 2em;}
	#c03a img{position:static;display:block;margin:1em auto;}
	#c03 figure img{margin:0;max-width:100%;}

	#c04a{padding:0;}
	#c04a img{position:static;display:block;margin:1em auto;}
	#c04 figure{padding:20px;justify-content:center;}
	
	#c05 figure{padding:20px;justify-content:center;}
	#c05 figure img:first-of-type{margin-bottom:2em;}
	
	#c06 h3{font-size:18px;line-height:130%;}
	#c06>img{max-width:100%;margin:1em auto;}
	#c06>p{font-size:inherit;line-height:inherit;text-align:justify;margin:0;}
	#c06a{flex-wrap:wrap;}
	#c06a img{flex-basis:50%;max-width:50%;}
	#c06a img:last-of-type{flex-order:2;flex-basis:45%;max-width:45%;}
	#c06a div{order:3;}
	.sp{display:inherit;}
	.nosp{display:none!important;}
	
}

@media only screen and (max-width:320px){
	div:not(#c06)>h3{line-height:24px!important;hanging-punctuation:allow-end;}
	#c02 ul li:not(:last-of-type){transform:scale(0.84);transform-origin:left top;margin-bottom:-30px!important;}
}

/* ----------------------------------------------------------------------------------------------------------- */
/* Android4 Legacy */
/* ----------------------------------------------------------------------------------------------------------- */