.taleabreak
	{

	}

.taleabreak h2
	{
	color: #5f9578;
	font-size: 3em;
	text-align: center;
	font-family: "Cormorant Garamond", serif;
	}

.taleabreak h2+p
	{
	text-align: center;
	font-size: 1.5em;
	}

.taleabreak h2+p+div
	{
	margin: 15rem 0 0 0;
	padding-bottom: 3rem;
	text-align: center;
	background: #c1d2c8;
	}

.taleabreak h2+p+div h3
	{
	text-align: center;
	display: block;
	position: relative;
	font-size: 5em;
	color: #fff;
	font-family: "Cormorant Garamond", serif;
	}

.taleabreak h2+p+div h3::before
	{
	display: block;
	content: "";
	width: 30%;
	height: 500px;
	background: #c1d2c8;
	border-radius: 50%;
	margin:0 auto;
	position: absolute;
	top: -8rem;
	left: 35%;
	z-index: -1;
	}

.taleabreak h2+p+div h3 small
	{
	font-size: 0.3em;
	letter-spacing: 3px;
	display: block;
	font-family: 'Yantramanav', "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	}

.taleabreak h2+p+div ul
	{
	width: 1200px;
	max-width: 94%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.taleabreak h2+p+div ul li
	{
	width: 24%;
	margin-bottom: 2rem;
	}

.taleabreak h2+p+div ul li a
	{
	display: block;
	background: #fff;
	text-align: left;
	padding-bottom: 1rem;
	position: relative;
	}

.taleabreak h2+p+div ul li a::before
	{
	position: absolute;
	content: "";
	bottom: 4px;
	right: 4px;
	height: 20px;
	width: 20px;
	background: #ccdad2;
	clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
	}

.taleabreak h2+p+div ul li a h4
	{
	margin: 1rem 0;
	letter-spacing: 3px;
	padding: 0 2rem;
	color: #5f9578;
	font-size: .9em;
	font-family: "Cormorant Garamond", serif;
	}

.taleabreak h2+p+div ul li a h4 span
	{
	font-size: 1.3em;
	color: #111111;
	display: block;
	font-family: 'Yantramanav', "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	}

.taleabreak h2+p+div ul li a p
	{
	line-height: 1.5;
	margin-top: 0;
	padding: 0 2rem;
	font-size: 1.2em;
	}

.taleabreak .item_ttl
	{
	width: 1200px;
	max-width: 94%;
	margin: 5rem auto 0 auto;
	padding: 3rem 0 0 0rem;
	position: relative;
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 2em;
	}

.taleabreak .item_ttl:before
	{
	font-size: 5em;
	color: #c1d2c8;
	font-weight: normal;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	margin-right: 1rem;

	}

.taleabreak .ttl01:before
	{
	content: "01";
	}

.taleabreak .ttl02:before
	{
	content: "02";
	}

.taleabreak .ttl03:before
	{
	content: "03";
	}

.taleabreak .ttl04:before
	{
	content: "04";
	}

.taleabreak .ttl05:before
	{
	content: "05";
	}

.taleabreak .ttl06:before
	{
	content: "06";
	}

.taleabreak .ttl07:before
	{
	content: "07";
	}

.taleabreak .ttl08:before
	{
	content: "08";
	}

.taleabreak .ttl09:before
	{
	content: "09";
	}

.taleabreak .ttl10:before
	{
	content: "10";
	}

.taleabreak .ttl11:before
	{
	content: "11";
	}


.taleabreak .item_ttl small
	{
	
	margin-bottom: 1rem;
	display: block;
	font-weight: normal;
	color: #5f9578;
	font-family: "Cormorant Garamond", serif;
	}


.taleabreak .item
	{
	width: 1200px;
	max-width: 94%;
	margin: 0rem auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}

.taleabreak .item.right
	{
	flex-direction: row-reverse;
	}


.taleabreak .item li
	{
	width: 49%;
	}



.taleabreak .item li strong
	{
	font-size: 1.5em;
	}

.taleabreak .item li p
	{
	padding-left: 2rem;
	position: relative;
	display: block;
	font-size: 1.2em;
	align-items: stretch;
	}

.taleabreak .item li p:before
	{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	background-color: #c1d2c8;
	border-radius: 10px;
	}



.taleabreak .item li a
	{
	padding: 1.5rem 0;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: 1px;
	background: url(images/icon.jpg) no-repeat 95% center #5f9578;
	background-size: 10%;
	border-radius: 50px;
	}

.pcbr
{
display: block;
}


@media screen and (max-width:769px) {
.pcbr
{
display: none;
}

.taleabreak h2
	{
	font-size: 2em;
	}

.taleabreak h2+p
	{
	text-align: center;
	font-size: 1.2em;
	}


.taleabreak h2+p+div h3
	{
	font-size: 3em;
	}

.taleabreak h2+p+div h3::before
	{
	width: 80%;
	height: 300px;
	left: 10%;
	}

.taleabreak h2+p+div h3 small
	{
	font-size: 0.3em;
	}


.taleabreak h2+p+div ul li
	{
	width: 48%;
	margin-bottom: 1rem;
	}

.taleabreak h2+p+div ul li a
	{
	padding-bottom: 0.5rem;
	}

.taleabreak h2+p+div ul li a::before
	{
	height: 15px;
	width: 15px;
	}

.taleabreak h2+p+div ul li a h4
	{
	padding: 0 1rem;
	font-size: .7em;
	}

.taleabreak h2+p+div ul li a h4 span
	{
	font-size: 1em;
	}

.taleabreak h2+p+div ul li a p
	{
	line-height: 1.5;
	margin-top: 0;
	padding: 0 1rem;
	font-size: 0.8em;
	}

.taleabreak .item_ttl
	{
	margin: 5rem auto 0 auto;
	padding: 2.5rem 0 0 0rem;
	font-size: 1.5em;
	}

.taleabreak .item_ttl:before
	{
	font-size: 4em;
	font-family: YuMincho,	"Hiragino Mincho ProN",	serif !important;
	}




.taleabreak .item
	{
	width: 1200px;
	max-width: 94%;
	margin: 0rem auto 0 auto;
	display: block;
	}

.taleabreak .item.right
	{
	flex-direction: row;
	}


.taleabreak .item li
	{
	width: 100%;
	}


.taleabreak .item li strong
	{
	display: block;
	margin-top: 1.5rem;
	font-size: 1.2em;
	}

.taleabreak .item li p
	{
	font-size: 1em;
	}

.taleabreak .item li p:before
	{
	margin-right: 1rem;
	display: block;
	content: "";
	background: #c1d2c8;
	width: 8px;
	border-radius: 10px;
	}

.taleabreak .item li a
	{
	padding: 1.5rem 0;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: 1px;
	background: url(images/icon.jpg) no-repeat 95% center #5f9578;
	background-size: 10%;
	border-radius: 50px;
	}

}