@charset "UTF-8";
/* ======================================================
	PC用設定
====================================================== */
@media print, screen and (min-width: 641px) {
	/*----------------------------------------------------
		ページ共通
	----------------------------------------------------*/
	body main.store .primary-contents {
		width: 870px;
		padding: 0 0 0 200px;
		color: #221714;
		font-size: 14px;
		line-height: 2.0em;
	}
	
	sup {
		font-size: 0.8em;
		vertical-align: super;
	}
	
	/* PC要素表示 ====================*/
	.show_pc {
		display: block;
	}
	
	/* スマホ要素非表示 ====================*/
	.show_sp {
		display: none;
	}
	
	/* リンク ====================*/
	a {
		transition: opacity ease .1s;
	}
	
	a img {
		transition: opacity ease 0.3s;
	}
	
	a:hover {
		/*opacity: .8;*/
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	
	a:hover img {
		opacity: 0.8;
	}
	
	/* breadcrumb ====================*/
	.breadcrumb {
		margin: 9px 0 12px 40px;
		font-size: 11px;
		line-height: 1.3em;
	}
	
	/* inquiry2 ====================*/
	/* sec_endtxt ==================*/
	.sec_endtxt1 {
		width: 712px;
		margin: 0 auto;
		text-align: center;
		padding: 50px 0 40px;
	}
	.sec_endtxt2 {
		width: 712px;
		margin: 0 auto;
		text-align: left;
		padding: 50px 0 40px;
	}
	
	/* post-list ====================*/
	p.inquiry2 {
		font-size: 10px;
		line-height: 12px;
		margin: 10px 0 0 34px;
		padding: 0 15px 10px 0;
		color: #868686;
	}
	
	/* page ====================*/
	.page {
		color: #000000;
	}
	
	.page a {
		color: #000000 !important;
		text-decoration: underline !important;
	}
	
	.page a:hover {
		color: #000000 !important;
		text-decoration: none !important;
	}
	
	/* pager ====================*/
	.pager {
		height: 111px;
		margin: 80px 0 40px;
		padding: 0 40px;
		background: #fff;
	}
	
	.pager ul {
		display: flex;
	}
	
	.pager ul li {
		position: relative;
		width: 370px;
		height: 111px;
	}
	
	.pager ul li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.pager ul li + li {
		margin-left: 25px;
		padding-left: 25px;
		border-left: 1px solid #efe9df;
		height: 111px;
		margin-top: 0px;
	}
	
	.pager ul li + li a {
		margin-top: 0px;
	}
	
	/* notes ====================*/
	.notes-inner {
		padding: 20px 20px 30px;
		color: #000000;
		background: #c0c0c0;
		text-align: left;
	}
	
	.notes-inner p {
		font-size: 12px;
	}
	
	/* post-list ====================*/
	.post-list {
		padding: 21px 27px;
		background: #c0c0c0;
	}
	.post-list a {
		font-weight: bold;
		display: block;
		padding: 12px 0;
		text-align: center;
		text-decoration: none;
		background: #fff;
	}
	.post-list a span {
		padding: 12px 30px 12px 0;
		background: url("../img/common/icon-right.png") no-repeat right center;
	}
	
	/* post-list ====================*/
	.post-list {
		padding: 21px 27px;
		background: #c0c0c0;
	}
	
	.post-list a {
		font-weight: bold;
		display: block;
		padding: 12px 0;
		text-align: center;
		text-decoration: none;
		background: #fff;
	}
	
	.post-list a span {
		padding: 12px 30px 12px 0;
		background: url("../img/common/icon-right.png") no-repeat right center;
	}
	
	/* reportList ====================*/
	ul.reportList {
		margin: 0 auto;
		padding: 20px 45px;
	}
	
	ul.reportList li + li {
		margin-top: 40px;
	}
	
/*----------------------------------------------------
PAGE1
----------------------------------------------------*/
	.page01 {
		/* mainvisualArea ====================*/
	}
	.page01 .mainArea {
		padding: 0;
	}
	.page01 .mainArea h1 {
		margin: 0;
	}
	.page01 .mainArea .inner {
		position: relative;
		padding: 10px 60px 0;
	}
	.page01 .mainArea .inner p.date {
		margin-bottom: 45px;
		text-align: right;
		font-size: 10px;
		color: #000;
		line-height: 1;
	}
	.page01 .mainArea .inner p.text {
		text-align: center;
	}
	.page01 .introArea {
		width: 529px;
		height: 199px;
		margin: 50px auto 0;
		padding: 55px 0 0 0;
		background-image: url("../img/01/contents_indexbg_pc.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	.page01 .introArea h2 {
		position: relative;
		z-index: 1;
		width: 98px;
		margin: 0 0 0 -48px;
	}
	.page01 .introArea .inner {
		position: relative;
		z-index: 0;
		padding: 0 74px;
	}
	.page01 .introArea ul li {
		line-height: 1;
	}
	.page01 .introArea ul li + li {
		margin-top: 20px;
	}
	.page01 .introArea ul li a {
		font-size: 16px;
		color: #231815;
		line-height: 1.6em;
		padding: 10px 0;
		text-decoration: underline;
		text-decoration-color: #c1bfbf;
	}
	.page01 .introArea ul li span.bold {
		font-size: 16px;
		color: #231815;
		line-height: 1.6em;
		font-weight: bold;
	}
	.page01 .introArea ul li a span {
		font-weight: normal;
		margin-left: 0.5em;
	}
	.page01 .introArea ul li a:hover {
		text-decoration: none;
	}
	.page01 .introArea ul li a span.pl {
		padding-left: 82px;
		margin-left: 0.5em;
	}
	.page01 .report01 {
		width: 100%;
	}
	.page01 .report01 .toptitlebox {
		height: 190px;
		width: 100%;
		background: url("../img/01/bg_report01_pc.png") center top no-repeat;
	}

	/* IEに適用 */
	.page01 .report01 h2.title {
		/*width: 450px;*/
		box-sizing: border-box;
		padding-top: 86px;
		padding-bottom: 10px;
		text-align: center;
		margin: 0 auto;
		display: table;
		font-feature-settings: "palt";
	}
	/* IE以外に適用 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.page01 .report01 h2.title {
			box-sizing: border-box;
			padding-top: 92px;
			padding-bottom: 10px;
			text-align: center;
			margin: 0 auto;
			display: table;
			font-feature-settings: "palt";
		}
	}
	
	.page01 .report01 h2.title p.p1{
		display: inline-block;
		background: #fff;
		margin: 0 auto 10px;
	}
	
	
	/* IEに適用 */
	.page01 .report01 h2.title p {
		display: block;
		font-size: 30px;
		font-weight: bold;
		color: #231815;
		background: #fff;
		letter-spacing: 0.1em;
		padding-top: 8px;
	}
	/* IE以外に適用 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.page01 .report01 h2.title p {
			display: block;
			font-size: 30px;
			font-weight: bold;
			color: #231815;
			background: #fff;
			letter-spacing: 0.1em;
			padding-top: 2px;
		}
	}
	.page01 .report01 h3.lead-box {
		margin: 40px auto 0;
	}
	.page01 .report01 p.text-lead {
		width: 742px;
		margin: 40px auto 0;
	}
	.page01 .report01 .section {
		width: 100%;
		margin: 40px auto 0;
	}
	.page01 .report01 .section01 {
		background: url("../img/01/q1_bg_pc.png") center top no-repeat;
		height: 1049px;
		position: relative;
	}
	.page01 .report01 .section01 h4,
	.page01 .report01 .section02 h4{
		width: 100%;
		color: #231815;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 128px;
		left: 50%;
		margin-top: 3px;
		line-height: 1.4em;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.page01 .report01 .section01 .summary {
		width: 75%;
		position: absolute;
		bottom: 44px;
		left: 50.5%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.page01 .report01 .section02 .summary {
		width: 75%;
		position: absolute;
		bottom: 50px;
		left: 50.5%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.page01 .report01 .section01 .summary p,
	.page01 .report01 .section02 .summary p {
		font-size: 14px;
		line-height: 2em;
	}
	.page01 .report01 .section01 .summary p span,
	.page01 .report01 .section02 .summary p span {
		font-weight: bold;
	}
	.page01 .report01 .section02 {
		background: url("../img/01/q2_bg_pc.png") center top no-repeat;
		height: 817px;
		position: relative;
	}

	.page01 .report01 .about p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.6em;
	}
	.page01 .report01 .about p.a1 {
		position: absolute;
		top: 200px;
		left: 116px;
		background: linear-gradient(transparent 72%, #f8df7b 0%);
	}
	.page01 .report01 .about p.a2 {
		position: absolute;
		top: 274px;
		left: 116px;
		background: linear-gradient(transparent 72%, #b5e0e6 0%);
	}
	.page01 .report01 .about p.a2 {
		position: absolute;
		top: 274px;
		left: 116px;
		background: linear-gradient(transparent 72%, #b5e0e6 0%);
	}
	.page01 .report01 .about p.a3 {
		position: absolute;
		top: 350px;
		left: 116px;
		background: linear-gradient(transparent 72%, #f8ccd3 0%);
	}
	.page01 .report01 .about p.a4 {
		position: absolute;
		top: 424px;
		left: 116px;
		background: linear-gradient(transparent 72%, #ffca8b 0%);
	}
	.page01 .report01 .about p.a5 {
		position: absolute;
		top: 500px;
		left: 116px;
		background: linear-gradient(transparent 72%, #b5e5bc 0%);
	}
	/*IE用の記述*/
	_:-ms-lang(x)::-ms-backdrop, .page01 .report01 .about p,
	.page01 .report01 .about p.a1,
	.page01 .report01 .about p.a2,
	.page01 .report01 .about p.a3,
	.page01 .report01 .about p.a4,
	.page01 .report01 .about p.a5 {
		font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	
	.page01 .report01 .point p {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.8em;
	}
	.page01 .report01 .point p.a1 {
		position: absolute;
		top:212px;
		left: 171px;
	}
	.page01 .report01 .point p.a2 {
		position: absolute;
		top:309px;
		left: 336px;
		line-height: 2em;
	}
	.page01 .report01 .point p.a3 {
		position: absolute;
		top: 393px;
		left: 193px;
		line-height: 2.2em;
	}
	.page01 .report01 .point p.a4 {
		position: absolute;
		top: 503px;
		left: 235px;
	}
	.page01 .report01 .point p.a5 {
		position: absolute;
		top: 566px;
		left: 167px;
	}
	.page01 .report01 .point p.a6 {
		position: absolute;
		top: 642px;
		left: 347px;
		line-height: 2.2em;
	}
	.page01 .report01 .point p.a7 {
		position: absolute;
		top: 732px;
		left: 178px;
	}
	.page01 .report01 .point p.a1 span.u_line,
	.page01 .report01 .point p.a5 span.u_line{
		background: linear-gradient(transparent 72%, #b5e0e6 0%);
		font-size: 16px;
	}
	.page01 .report01 .point p.a2 span.u_line,
	.page01 .report01 .point p.a6 span.u_line{
		font-size: 16px;
		background: linear-gradient(transparent 72%, #ffca8b 0%);
	}
	.page01 .report01 .point p.a3 span.u_line {
		font-size: 16px;
		background: linear-gradient(transparent 72%, #f8df7b 0%);
	}
	.page01 .report01 .point p.a4 span.u_line,
	.page01 .report01 .point p.a7 span.u_line{
		font-size: 16px;
		background: linear-gradient(transparent 72%, #f8ccd3 0%);
	}
	.page01 .report01 .point span.age {
		font-size: 12px;
		margin-left: 16px;
		letter-spacing: 0.2em;
	}
	
	/*IE用の記述*/
	_:-ms-lang(x)::-ms-backdrop,.page01 .report01 .point p,
	.page01 .report01 .point p.a1,
	.page01 .report01 .point p.a2,
	.page01 .report01 .point p.a3,
	.page01 .report01 .point p.a4,
	.page01 .report01 .point p.a5,
	.page01 .report01 .point p.a6,
	.page01 .report01 .point p.a7,
	.page01 .report01 .point p.a1 span.u_line,
	.page01 .report01 .point p.a5 span.u_line,
	.page01 .report01 .point p.a2 span.u_line,
	.page01 .report01 .point p.a6 span.u_line,
	.page01 .report01 .point p.a3 span.u_line,
	.page01 .report01 .point p.a4 span.u_line,
	.page01 .report01 .point p.a7 span.u_line,
	.page01 .report01 .point span.age {
		font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	
	
	/*----------------------------------------------------
	PAGE2
	----------------------------------------------------*/
	.page02 .report02 {
		width: 100%;
	}
	.page02 .report02 .toptitlebox {
		height: 190px;
		width: 100%;
		background: url(../img/02/bg_report02_pc.png) center top no-repeat;
	}
	/* IEに適用 */
	.page02 .report02 h1.title {
		box-sizing: border-box;
		padding-top: 86px;
		padding-bottom: 10px;
		text-align: center;
		margin: 0 auto;
		display: table;
		font-feature-settings: "palt";
	}
	/* IE以外に適用 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.page02 .report02 h1.title {
			box-sizing: border-box;
			padding-top: 92px;
			padding-bottom: 10px;
			text-align: center;
			margin: 0 auto;
			display: table;
			font-feature-settings: "palt";
		}
	}
	
	.page02 .report02 h1.title p.p1 {
		display: inline-block;
		background: #fff;
		margin: 0 auto 10px;
	}
	
	/* IEに適用 */
	.page02 .report02 h1.title p {
		display: block;
		font-size: 30px;
		font-weight: bold;
		color: #231815;
		background: #fff;
		letter-spacing: 0.1em;
		padding-top: 8px;
	}
	/* IE以外に適用 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.page02 .report02 h1.title p {
			display: block;
			font-size: 30px;
			font-weight: bold;
			color: #231815;
			background: #fff;
			letter-spacing: 0.1em;
			padding-top: 2px;
		}
	}
	.page02 .report02 .section {
		width: 100%;
		margin: 40px auto 0;
	}
	.page02 .report02 .lead-box {
		width: 664px;
		margin: 40px auto;
	}
	.page02 .report02 .ankerArea {
		width: 722px;
		margin: 0 auto;
		padding-bottom: 46px;
	}
	.page02 .report02 .ankerArea ul {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.page02 .report02 .ankerArea ul li {
		width: 165px;
		margin-bottom: 20px;
	}
	.page02 .report02 .section01 .block-item {
		background: url("../img/02/st01_bg_pc.png") center top no-repeat;
		height: 0;
		padding-top: 435px;
	}
	.page02 .report02 .section02 .block-item {
		background: url("../img/02/st02_bg_pc.png") center top no-repeat;
		height: 0;
		padding-top: 435px;
	}
	.page02 .report02 .section03 .block-item {
		background: url("../img/02/st03_bg_pc.png") center top no-repeat;
		height: 0;
		padding-top: 435px;
	}
	.page02 .report02 .section04 .block-item {
		background: url("../img/02/st04_bg_pc.png") center top no-repeat;
		height: 0;
		padding-top: 435px;
	}
	.page02 .report02 .section .block-item {
		position: relative;
		margin-bottom: 56px;
	}
	.page02 .report02 .block-item h3 {
		font-size: 30px;
		font-weight: bold;
		line-height: 1.2em;
	}
	.page02 .report02 .block-item h4 {
		font-size: 14px;
		position: absolute;
		bottom: 100px;
		width: 534px;
		right: 104px;
	}
	.page02 .report02 .block-item h4 span {
		font-feature-settings: "palt";
	}
	.page02 .report02 .block-item h2 span.u_line-w {
		background: linear-gradient(transparent 84%, #ffffff 0%);
	}
	.page02 .report02 .section01 .block-item h2 {
		position: absolute;
		top: 74px;
		left: 80px;
	}
	.page02 .report02 .section02 .block-item h2 {
		position: absolute;
		top: 100px;
		left: 80px;
	}
	.page02 .report02 .section03 .block-item h2 {
		position: absolute;
		top: 100px;
		left: 80px;
	}
	.page02 .report02 .section04 .block-item h2 {
		position: absolute;
		top: 82px;
		left: 80px;
	}
	.page02 .report02 .section05 .block-item h2 {
		position: absolute;
		top: 64px;
		left: 80px;
		line-height: 1.4em;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.page02 .report02 .section05 .block-item h2 {
			position: absolute;
			top: 60px;
			left: 80px;
			line-height: 1.4em;
		}
	}
	/* IEに適用 */
	.page02 .report02 .block-item h3 {
		border: 2px solid #fff;
		box-sizing: border-box;
		width: 768px;
		padding: 18px 0 5px;
		text-align: center;
		position: absolute;
		top: 90px;
		left: 50px;
	}
	/* IE以外に適用 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.page02 .report02 .block-item h3 {
			border: 2px solid #fff;
			box-sizing: border-box;
			width: 768px;
			padding: 18px;
			text-align: center;
			position: absolute;
			top: 90px;
			left: 50px;
		}
	}
	.page02 .report02 .item {
		margin-top: 30px;
	}
	.page02 .report02 .item .item_inner {
		width: 806px;
		margin-left: 28px;
	}
	.page02 .report02 .border_st01 {
		border: 1px solid #f8df7b;
		box-sizing: border-box;
	}
	.page02 .report02 .border_st02 {
		border: 1px solid #b5e0e6;
		box-sizing: border-box;
	}
	.page02 .report02 .border_st03 {
		border: 1px solid #f8ccd3;
		box-sizing: border-box;
	}
	.page02 .report02 .border_st04 {
		border: 1px solid #ffca8b;
		box-sizing: border-box;
	}
	.page02 .report02 .info_box {
		width: 88.5%;
		margin: 0 auto;
	}
	.page02 .report02 .slider_none {
		margin-top: 20px;
	}
	.page02 .report02 .info_box p.txt_info {
		background-color: #fff;
		color: #727171;
		padding: 15px 15px 15px 22px;
		font-size: 12px;
		line-height: 1.6;
	}
	.page02 .report02 .text_area {
		width: 88%;
		margin: 20px auto 28px;
		
	}
	.page02 .report02 .text_area p {
		padding-left: 22px;
		margin-right: 38px;
	}
	.page02 .report02 line {
		margin: 0 auto;
	}
	.page02 .report02 .st01_line {
		background: url("../img/02/st01_line_pc.png") center top no-repeat;
		height: 58px;
	}
	.page02 .report02 .st02_line {
		background: url("../img/02/st02_line_pc.png") center top no-repeat;
		height: 58px;
	}
	.page02 .report02 .st03_line {
		background: url("../img/02/st03_line_pc.png") center top no-repeat;
		height: 58px;
	}
	.page02 .report02 .st04_line {
		background: url("../img/02/st04_line_pc.png") center top no-repeat;
		height: 58px;
	}
	.page02 .report02 .st_endline {
		background: url("../img/02/st_endline_pc.png") center top no-repeat;
		height: 58px;
		margin-top: 50px;
	}
	.page02 .report02 .section + .section {
		margin-top: 178px;
	}
	
/* online_shop ====================*/
	.online_shop {
		position: relative;
		background: #ed4d37;
		margin: 0 auto;
		width: 574px;
		border-radius: 6px;
	}
	.online_shop a {
		display: block;
		text-decoration: none;
		padding: 20px 0 8px;
	}
	.online_shop a:hover {
		opacity: 0.8;
	}
	.online_shop p.large {
		margin-left: 36px;
		color: #fff;
		text-align: left;
		font-size: 17px;
		font-weight: bold;
		text-shadow: 2px 2px 0px #dc170c;
	}
	.online_shop p.large:after {
		content: url("../img/02/arrow.png");
		position: absolute;
		top: 20px;
		right: 36px;
	}
	.online_shop p.sup {
		font-size: 15px;
		color: #fff;
		text-shadow: none;
		font-weight: normal;
		text-align: center;
		margin-left: 0;
		letter-spacing: 0.2em;
	}
	

/* item_slider ====================*/
.slick-slider {
    touch-action: auto;
}
.slick-dots {
    bottom: -28px;
}
.slider.slick-initialized {
    display: block;
}
.slick-dots li button:before {
    color: #dcdddd;
    opacity: 1;
    font-size: 20px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #f8df7b;
}
.section04 .slick-dots li button:before {
	color: #dcdddd;
	opacity: 1;
	font-size: 20px;
	}
.section04 .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ffca8b;;
	}
.item_img {
    width: 806px !important;
    text-align: center;
    margin:auto;
}
.slick-dotted.slick-slider {
	margin-bottom: 40px;
	}
.slick-dots li {
    margin: 0 14px;
    }


/* =================================================== */  
}
/* PC用設定END */
/*pc css end====================*/


/* ======================================================
	SP用設定
====================================================== */
/*sp css start====================*/
@media screen and (max-width: 640px) {
/*----------------------------------------------------
	ページ共通
----------------------------------------------------*/
	body {
		color: #221714;
	}
    body main.store .primary-contents {
        width: 100%;
        padding: 0;
        font-size: 4vw;
        line-height: 1.78em;
    }
    .wrapper {
        text-align: justify;
    }
	img {
		width: 100%;
	}
	sup {
		font-size: 0.8em;
		vertical-align: super;
	}


/* PC要素表示 ====================*/
    .show_pc {
        display: none;
    }
/* スマホ要素表示 ====================*/
    .show_sp {
        display: block;
    }

/* breadcrumb ====================*/
    .breadcrumb {
        margin: 9px 0 12px 15px;
        font-size: 11px;
        line-height: 1.3em;
    }
    main.store .breadcrumb span {
        line-height: 1.1;
    }
/* inquiry2 ====================*/
	p.inquiry2 {
		font-size: 10px;
		line-height: 12px;
		margin: 10px 0 0 34px;
		padding: 0 15px 10px 0;
		color: #868686;
	}
/* sec_endtxt ====================*/
	.sec_endtxt1 {
		width: 78%;
		margin: 0 auto;
		padding-top: 11.625vw;
		font-feature-settings: "palt";
		letter-spacing: 0.08em;
	}
	.sec_endtxt2 {
		width: 90%;
		margin: 0 auto;
		padding-top: 11.625vw;
		font-feature-settings: "palt";
		letter-spacing: 0.08em;
	}
/* page ====================*/
	.page {
		font-size: 4.375vw;
		color: #000000;
		line-height: 1.66;
	}
	.page a {
		color: #000000 !important;
		text-decoration: underline !important;
	}
	.page a:hover {
		color: #000000 !important;
		text-decoration: none !important;
	}
/* pager ====================*/
	.pager {
		height: auto;
		width: 90%;
		margin: 0 auto;
		padding: 10.625vw 0 12.625vw;
	}
	.pager ul li + li {
		margin-top: 4.625vw;
		padding-top: 4.625vw;
		border-top: 1px solid #efe9df;
	}
/* post-list ====================*/
    .post-list {
        padding: 21px 27px;
        background: #c0c0c0;
    }

    .post-list a {
        font-weight: bold;
        display: block;
        padding: 12px 0;
        text-align: center;
        text-decoration: none;
        background: #fff;
    }
    .post-list a span {
        padding: 12px 30px 12px 0;
        background: url("../img/common/icon-right.png") no-repeat right center;
    }

/* notes ====================*/
    .notes-inner {
        width: auto;
        padding: 25px 15px 25px;
        color: #000000;
        line-height: 1.3em;
        background: #c0c0c0;
    }

    .notes-inner p {
        font-size: 10px;
    }
/* post-list ====================*/
	.post-list {
		padding: 21px 27px;
		background: #c0c0c0;
	}
	
	.post-list a {
		font-weight: bold;
		display: block;
		padding: 12px 0;
		text-align: center;
		text-decoration: none;
		background: #fff;
	}
	.post-list a span {
		padding: 12px 30px 12px 0;
		background: url("../img/common/icon-right.png") no-repeat right center;
	}
/* reportList ====================*/
    .reportList {
        margin-bottom: 12%;
	padding: 15.625vw 4.68vw 0;
    }
	ul.reportList li + li {
		margin-top: 7.8125vw;
	}
/*----------------------------------------------------
PAGE1
----------------------------------------------------*/
	.page01 {
		/* mainvisualArea ====================*/
	}
	.page01 .mainArea {
		padding: 0;
	}
	.page01 .mainArea h1 {
		margin: 0;
	}
	.page01 .mainArea .inner {
		position: relative;
		padding: 3.12vw 4.68vw 0;
	}
	.page01 .mainArea .inner p.date {
		margin-bottom: 9.37vw;
		text-align: right;
		font-size: 10px;
		color: #000;
		line-height: 1;
	}
	.page01 .introArea {
		margin: 10vw auto 0;
		padding: 5.68vw 4.68vw 6.68vw;
		background-image: url("../img/01/contents_indexbg_sp.png");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.page01 .introArea h2 {
		position: absolute;
		top: -12.55vw;
		left: 4.68vw;
		z-index: 1;
		width: 30vw;
		margin: 0 0 0 0;
	}
	.page01 .introArea .inner {
		position: relative;
		z-index: 0;
		margin: 0 auto 0;
		padding: 5vw 4.8vw 8vw;
	}
	.page01 .introArea ul li {
		position: relative;
		line-height: 1.5;
		padding-left: 2vw;
	}
	.page01 .introArea ul li a{
		color: #20231f;
		font-weight: bold;
		text-decoration: underline;
		padding: 0px 0px 0px 10.2vw;
		text-decoration-color: #c1bfbf;
		background-size: 7vw auto;
		font-size: 4.2vw;
	}
	.page01 .introArea ul li span.bold {
		font-weight: bold;
	}
	.page01 .introArea ul li a span {
		font-weight: normal;
	}
	.page01 .introArea ul li a span.pl {
		margin-left: 0;
	}
	.page01 .introArea ul li + li {
		margin-top: 4.5875vw;
	}
	.page01 .report01 {
		margin-top: 7.8125vw;
		width: 100%;
	}
	.page01 .report01 .toptitlebox{
		width: 100%;
		background: url("../img/01/bg_report01_sp.png") center top no-repeat;
		background-size: contain;
	}
	.page01 .report01 h2.title {
		box-sizing: border-box;
		height: 33.125vw;
		padding-top: 16vw;
		padding-bottom: 5.425vw;
		text-align: center;
		line-height: 1.2;
		margin: 0 auto;
		display: table;
		font-feature-settings: "palt";
	}
	.page01 .report01 h2.title p {
		font-size: 4.6vw;
		font-weight: bold;
		color: #231815;
		background: #fff;
		display: inline-block;
		padding: 0 1%;
	}
	.page01 .report01 h2.title p.p1 {
		display: inline-block;
		margin: 0 auto 1vh;
	}
	.page01 .report01 h3.lead-box {
		margin: 5vw auto 0;
	}
	.page01 .report01 p.text-lead {
		margin: 0 0 0 0;
	}

	.page01 .report01 h3.lead-box {
		margin: 4.8125vw 4.68vw 0;
	}
	.page01 .report01 p.text-lead {
		margin: 3.68vw 0.68vw 8.68vw;
		color: #221714;
		font-size: 4vw;
	}
	.page01 .report01 p.text-lead span {
		font-feature-settings: "palt" 1;
	}
	.page01 .report01 .section {
		width: 90%;
		margin: 0 auto;
	}
	
	.page01 .report01 .section01 {
		width: 100%;
		height: 0;
		padding-top: 277%;
		background: url("../img/01/q1_bg_sp.png") center top no-repeat;
		background-size: contain;
		position: relative;
	}
	.page01 .report01 .section02 {
		margin-top: 10%;
		width: 100%;
		height: 0;
		padding-top: 264%;
		background: url("../img/01/q2_bg_sp.png") center top no-repeat;
		background-size: contain;
		position: relative;
	}
	.page01 .report01 .section01 h4,
	.page01 .report01 .section02 h4{
		width: 100%;
		color: #231815;
		font-size: 100%;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 10%;
		left: 50%;
		line-height: 1.4em;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.page01 .report01 .section01 .summary {
		width: 79%;
		position: absolute;
		bottom: 3%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.page01 .report01 .section02 .summary {
		width: 79%;
		position: absolute;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.page01 .report01 .section01 .summary p,
	.page01 .report01 .section02 .summary p {
		font-size: 100%;
		line-height: 1.6em;
	}
	.page01 .report01 .section01 .summary p span,
	.page01 .report01 .section02 .summary p span {
		font-weight: bold;
	}
	.page01 .report01 .section .block-item {
		margin-top: 9.375vw;
		padding: 4.68vw 0 0;
	}
	.page01 .report01 .section .block-item .column {
		margin-top: 6.25vw;
	}
	.page01 .report01 .about p {
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.6em;
	}
	.page01 .report01 .about p.a1 {
		position: absolute;
		top: 16%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: linear-gradient(transparent 72%, #f8df7b 0%);
	}
	.page01 .report01 .about p.a2 {
		position: absolute;
		top: 274px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: linear-gradient(transparent 72%, #b5e0e6 0%);
	}
	.page01 .report01 .about p.a2 {
		position: absolute;
		width: 56%;
		top: 26.5%;
		left: 52%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: linear-gradient(transparent 72%, #b5e0e6 0%);
	}
	.page01 .report01 .about p.a3 {
		position: absolute;
		top: 36.5%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: linear-gradient(transparent 72%, #f8ccd3 0%);
	}
	.page01 .report01 .about p.a4 {
		position: absolute;
		top: 46%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: linear-gradient(transparent 72%, #ffca8b 0%);
	}
	.page01 .report01 .about p.a5 {
		position: absolute;
		top: 57%;
		left: 116px;
		background: linear-gradient(transparent 72%, #b5e5bc 0%);
	}

/*----------------------------------------------------
PAGE2
----------------------------------------------------*/
	.page02 .report02 {
		padding-bottom: 0.8125vw;
		width: 100%;
	}
	.page02 .report02 h1.title {
		box-sizing: border-box;
		width: 100%;
		height: 33.375vw;
		padding-top: 15vw;
		text-align: center;
		font-size: 5vw;
		font-weight: bold;
		color: #231815;
		background: url(../img/02/bg_report02_sp.png) center top no-repeat;
		background-size: contain;
	}
	
	.page02 .report02 h1.title {
		line-height: 1em;
		box-sizing: border-box;
		padding-bottom: 10px;
		text-align: center;
		margin: 0 auto;
		display: table;
		font-feature-settings: "palt";
	}
	.page02 .report02 h1.title p {
		font-size: 4vw;
		font-weight: bold;
		color: #231815;
		background: #fff;
		letter-spacing: 0.1em;
		display: inline-block;
		margin: 0 auto 2%;
		padding: 0 1%;
	}
	.page02 .report02 h1.title p.p1 {
		display: inline-block;
	}

	.page02 .report02 h2.text-lead {
		width: 90%;
		margin: 0 auto;
		padding: 8% 0;
	}
	.page02 .report02 .ankerArea {
		width: 90%;
		margin: 0 auto 10%;
	}
	.page02 .report02 .ankerArea ul {
		display: flex;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.page02 .report02 .ankerArea ul li {
		width: 22.91%;
		margin-bottom: 6%;
	}
	.page02 .report02 .ankerArea ul:after {
		display: block;
		content: "";
		width: 30.474%;
	}
	.page02 .report02 .section {
		width: 100%;
		margin: 0 auto;
	}
	.page02 .report02 .section .block-item {
		position: relative;
	}
	.page02 .report02 .section01 .block-item {
		position: relative;
		background: url(../img/02/st01_bg_sp.png) center top no-repeat;
		background-size: contain;
		height: 0;
		padding-top: 111%;
		margin-bottom: 10%;
	}
	.page02 .report02 .section02 .block-item {
		position: relative;
		background: url(../img/02/st02_bg_sp.png) center top no-repeat;
		background-size: contain;
		height: 0;
		padding-top: 107%;
		margin-bottom: 10%;
	}
	.page02 .report02 .section03 .block-item {
		position: relative;
		background: url(../img/02/st03_bg_sp.png) center top no-repeat;
		background-size: contain;
		height: 0;
		padding-top: 104%;
		margin-bottom: 10%;
	}
	.page02 .report02 .section04 .block-item {
		position: relative;
		background: url(../img/02/st04_bg_sp.png) center top no-repeat;
		background-size: contain;
		height: 0;
		padding-top: 111%;
	}
	.page02 .report02 .block-item h3 {
		position: absolute;
		border: 2px solid #fff;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		top: 13%;
		right: 0;
		left: 0;
		font-size: 4.6vw;
		font-weight: bold;
		padding: 2% 0;
		line-height: 1.6em;
		box-sizing: border-box;
	}
	.page02 .report02 .section01 .block-item h4 {
		position: absolute;
		width: 80%;
		margin: 0 auto;
		bottom: 10%;
		left: 0;
		right: 0;
	}
	.page02 .report02 .section02 .block-item h4 {
		position: absolute;
		width: 80%;
		margin: 0 auto;
		bottom: 13%;
		left: 0;
		right: 0;
	}
	.page02 .report02 .section03 .block-item h4 {
		position: absolute;
		width: 80%;
		margin: 0 auto;
		bottom: 11%;
		left: 0;
		right: 0;
	}
	.page02 .report02 .section04 .block-item h4 {
		position: absolute;
		width: 80%;
		margin: 0 auto;
		bottom: 10%;
		left: 0;
		right: 0;
		letter-spacing: 0.07em;
		font-feature-settings: "palt";
	}
	.page02 .report02 .section + .section {
		margin-top: 15.625vw;
	}
	.page02 .report02 .item_inner {
		margin-top: 10%;
	}
	.page02 .report02 .border_st01 {
		border: 1px solid #f8df7b;
		box-sizing: border-box;
	}
	.page02 .report02 .border_st02 {
		border: 1px solid #b5e0e6;
		box-sizing: border-box;
	}
	.page02 .report02 .border_st03 {
		border: 1px solid #f8ccd3;
		box-sizing: border-box;
	}
	.page02 .report02 .border_st04 {
		border: 1px solid #ffca8b;
		box-sizing: border-box;
	}
	.page02 .report02 .info_box {
		width: 90%;
		margin: 0 auto;
	}
	.page02 .report02 .slider_none {
		margin-top: 20px;
	}
	.page02 .report02 .info_box p.txt_info {
		background-color: #fff;
		padding: 3.68vw 3.68vw;
		font-size: 3.6vw;
		line-height: 1.6;
		color: #727171;
	}
	.page02 .report02 .text_area {
		width: 90%;
		margin: 20px auto 28px;
		
	}
	.page02 .report02 .text_area p {

	}
	.page02 .report02 line {
		margin: 0 auto;
	}
	.page02 .report02 .st01_line {
		background: url("../img/02/st01_line_sp.png") center top no-repeat;
		height: 0px;
		padding-top: 10%;
		background-size: contain;
	}
	.page02 .report02 .st02_line {
		background: url("../img/02/st02_line_sp.png") center top no-repeat;
		height: 0px;
		padding-top: 10%;
		background-size: contain;
	}
	.page02 .report02 .st03_line {
		background: url("../img/02/st03_line_sp.png") center top no-repeat;
		height: 0px;
		padding-top: 10%;
		background-size: contain;
	}
	.page02 .report02 .st04_line {
		background: url("../img/02/st04_line_sp.png") center top no-repeat;
		height: 0px;
		padding-top: 10%;
		background-size: contain;
	}
	.page02 .report02 .st_endline {
		background: url("../img/02/st_endline_sp.png") center top no-repeat;
		height: 0px;
		padding-top: 10%;
		margin-top: 50px;
		background-size: contain;
	}

/* online shop ====================*/
	.online_shop {
		position: relative;
		background: #ed4d37;
		margin: 6% auto 0;
		width: 90%;
		border-radius: 4px;
	}
	.online_shop a {
		display: block;
		text-decoration: none;
		padding: 4% 0 2%;
	}
	.online_shop p.large {
		color: #fff;
		text-align: center;
		font-size: 3.8vw;
		font-weight: bold;
		text-shadow: 2px 2px 0px #dc170c;
		line-height: 1.4em;
	}
	.online_shop p.large:after {
		content: url("../img/02/arrow_sp.png");
		position: absolute;
		top: 34%;
		right: 4%;
	}
	.online_shop p.sup {
		font-size: 3.4vw;
		color: #fff;
		text-shadow: none;
		font-weight: normal;
		text-align: center;
		margin-left: 0;
		letter-spacing: 0.1em;
	}

/* item_slider ====================*/

.slick-dots {
    bottom: -6vw;
}

.slick-dots li button:before {
    color: #dcdddd !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #f8df7b !important;
}
.section04 .slick-dots li button:before {
	color: #dcdddd;
	opacity: 1;
	font-size: 20px;
	}
.section04 .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ffca8b;;
	}
.item_img {
    padding-bottom: 0.25vw;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/* =================================================== */
}
/* SP用設定END */