/***************************
 *
 * 投稿・カテゴリーページ
 * ★ページ中身用★
 *
 **************************/

@media all and (max-width: 736px) {
	/*--------------------------------
カテゴリ
---------------------------------*/

	.cat-top {
		padding: 50px 0 20px;
	}
	.cat-top .select-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.cat-bottom {
		padding: 40px 0;
	}

	/*--------------------------------
シングル
---------------------------------*/

	.post-article {
		position: relative;
	}
	.post-article-header {
		padding: 35px 0;
		position: relative;
	}
	.post-cat {
	}
	.post-cat a {
		color: #33589f;
		display: inline-block;
		font-size: 1.6rem;
		line-height: 28px;
		background: #fff;
		border-radius: 6px;
		padding: 2px 20px;
		position: relative;
		z-index: 3;
		transition: 0.3s ease;
		text-align: center;
		margin-left: 44px;
		margin-bottom: 5px;
	}
	.post-cat a.campaign {
		color: #dc9100;
	}
	.post-cat a.notice {
		color: #b43b4a;
	}
	.post-title {
		font-weight: bold;
		font-size: 2rem;
		padding-left: 54px;
		position: relative;
	}
	.post-title:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: -40px;
		background: url(../img/post-title.png) 0 0 no-repeat;
		background-size: contain;
		width: 30px;
		height: 38px;
	}
	.post-title-useful:before {
		background: url(../img/useful-tab-1.png) 0 0 no-repeat;
		background-size: contain;
		width: 134px;
		height: 108px;
		left: -10px;
		top: -25px;
		transform: scale(0.5);
		transform-origin: left center;

	}
	.post-title-exp:before {
		background: url(../img/post-title-exp.png) 0 0 no-repeat;
		background-size: contain;
		width: 73px;
		height: 49px;
		left: -0px;
		top: -10px;
		transform: scale(0.5);
		transform-origin: left center;
	}
	.post-title-column:before {
		background: url(../img/useful-h2.png) 0 0 no-repeat;
		background-size: contain;
		width: 80px;
		height: 54px;
		left: -0px;
		top: -10px;
		transform: scale(0.5);
		transform-origin: left center;
	}

	/*--------------------------------
ページ送り
---------------------------------*/
	.pagenavi {
		text-align: center;
		padding: 60px 0px 110px;
		width: 100%;
		margin-bottom: 0px;
		position: relative;
	}

	ul.page-numbers {
		position: relative;
		text-align: center;
		padding: 50px 50px 0;
		margin: 0px auto 50px;
		border-top: 1px solid #eeeeee;
	}
	ul.page-numbers > li {
		display: inline-block;
		letter-spacing: normal;
		margin: 0 2px;
		vertical-align: top;
	}
	ul.page-numbers > li > a,
	ul.page-numbers > li > span {
		text-align: center;
		display: inline-block;
		box-sizing: border-box;
		font-size: 2rem;
		color: #222222;
		font-weight: normal;
		letter-spacing: 0.1em;
		padding: 0 2px;

		transition: all 0.3s ease;
		text-decoration: none;
		text-align: center;
	}
	ul.page-numbers > li:first-child > a {
	}
	ul.page-numbers > li:last-child > a {
	}
	ul.page-numbers > li > a:hover {
		cursor: default;
		z-index: 2;
		text-decoration: underline;
	}
	ul.page-numbers .current {
		color: #b43b4a;
		cursor: default;
		z-index: 2;
		text-decoration: underline;
	}
	.page-numbers .next {
		display: block;
		font-size: 1.5rem;
		line-height: 2em;
		text-decoration: none;
		color: #222222;
		font-weight: bold;

		position: relative;
		transition: 0.3s ease;
		position: absolute;
		right: 0;
		top: 45px;

		text-transform: uppercase;
		width: 45px;
	}
	.page-numbers .next:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #222;
		transition: 0.3s ease;
		transform-origin: right top;
	}
	.page-numbers .next:hover {
		text-decoration: none !important;
		opacity: 0.7;
	}
	.page-numbers .next:hover:after {
		transform: translateX(15px);
		opacity: 0.7;
	}
	.page-numbers .next:hover:before {
		width: 0;
		height: 1px;
	}

	.page-numbers .prev {
		display: block;
		font-size: 1.5rem;
		line-height: 2em;
		text-decoration: none;
		color: #222222;
		font-weight: bold;

		position: relative;
		transition: 0.3s ease;
		position: absolute;
		left: 0;
		top: 45px;

		text-transform: uppercase;
		width: 45px;
	}
	.page-numbers .prev:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #222;
		transition: 0.3s ease;
		transform-origin: right top;
	}
	.page-numbers .prev:hover {
		text-decoration: none !important;
		opacity: 0.7;
	}
	.page-numbers .prev:hover:after {
		transform: translateX(15px);
		opacity: 0.7;
	}
	.page-numbers .prev:hover:before {
		width: 0;
		height: 1px;
	}

	/*--------------------------------
前の記事・次の記事
---------------------------------*/
	.prev-next {
		position: relative;
		margin: 50px auto 200px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding: 50px 0 24px;
		border-top: 2px dashed #f9a497;
	}

	.prev-next a {
		transition: 0.2s ease;
	}

	.prev-next .next {
		display: block;
		color: #444444 !important;
		border-radius: 0px;
		font-size: 1.6rem;
		line-height: 1.5em;
		box-sizing: border-box;
		text-align: right;
		position: relative;
		padding-right: 80px;
		padding-left: 22px;
	}
	.prev-next .next:before {
		content: "";
		display: block;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -6.5px;
		background: url(../img/next.png) 0 0 no-repeat;
		background-size: contain;
		width: 60px;
		height: 60px;
	}

	.prev-next .next:hover {
		opacity: 0.7;
		text-decoration: none;
	}

	.prev-next .prev {
		display: block;
		color: #444444 !important;
		border-radius: 0px;
		font-size: 1.6rem;
		line-height: 1.5em;
		box-sizing: border-box;
		text-align: left;
		position: relative;
		padding-right: 22px;
		padding-left: 80px;
	}
	.prev-next .prev:before {
		content: "";
		display: block;
		position: absolute;
		left: 5px;
		top: 50%;
		margin-top: -6.5px;
		background: url(../img/prev.png) 0 0 no-repeat;
		background-size: contain;
		width: 60px;
		height: 60px;
	}

	.prev-next .prev:hover {
		opacity: 0.7;
		text-decoration: none;
	}
	.prev-next .next:hover {
		text-decoration: none;
		opacity: 0.7;
	}
	.prev-next .home {
		width: 82px;
		margin: 0px 61px;
		text-align: center;
	}
	.prev-next .home > a {
		padding-bottom: 5px;
		display: block;
		text-align: center;
		border-bottom: 1px solid #0f2f7a;
		font-size: 1.5rem;
		color: #0f2f7a !important;
		font-weight: 500;
		line-height: 21px;
	}
	.prev-next .home > a:hover {
		opacity: 0.7;
		text-decoration: none;
	}
	.btn-home {
		width: 173px;
		margin-bottom: 100px;
	}

	/*
*		
*
  POST CONTENT
*
*	
*/
	.post {
		word-break: break-all;
		font-size: 1.6rem;
		line-height: 1.875em;
		margin-bottom: 30px;
		padding-top: 20px;
		padding-bottom: 50px;
	}
	.post-useful {
		padding-bottom: 1px;
	}
	.post-exp .box-content {
		max-width: 1040px;
	}
	.wp-block-image {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.post img {
		border-radius: 60px;
	}

	.post h2 {
		text-align: left;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.5em;
		color: #222;
		background: url(../img/bg-blue.jpg) 0 0 repeat;
		background-size: 1200px 675px;
		overflow: hidden;
		position: relative;
		border-radius: 10px;
		margin-top: 55px;
		margin-bottom: 35px;
		padding: 12px 20px;
		padding-right: 50px;
	}
	.post h2:before {
		content: "";
		display: block;
		position: absolute;
		right: -15px;
		top: 0;
		background: url(../img/post-h2.png) 0 0 no-repeat;
		background-size: cover;
		width: 87px;
		height: 61px;
	}

	.post h3 {
		font-size: 1.8rem;
		line-height: 1.6em;
		margin-top: 45px;
		margin-bottom: 32px;
		font-weight: bold;
		color: #222222;
		padding: 9px 16px;
		padding-left: 50px;
		border-bottom: 2px solid #eeeeee;
		position: relative;
	}
	.post h3:before {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 10px;
		background: url(../img/post-h3.png) 0 0 no-repeat;
		background-size: cover;
		width: 60px;
		height: 49px;
		transform: scale(0.7);
		transform-origin: left top;
	}
	.post h4 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.6em;
		margin: 44px 0 22px;
		position: relative;
		padding-left: 15px;

		font-weight: 700;
		font-style: normal;
	}

	.post h5 {
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.6em;
		margin: 40px 0 22px;
	}
	.post h6 {
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.6em;
		margin: 35px 0 5px;
	}

	.post-useful h2 {
		text-align: center;
		font-weight: bold;
		font-size: 3rem;
		background: none;
	}
	.post-useful h2:before {
		content: "";
		display: block;
		background: url(../img/useful-h2.png) center top no-repeat;
		background-size: contain;
		width: 80px;
		height: 54px;
		margin: 0 auto 25px;
		position: static;
	}
	.post-useful h3 {
		text-align: left;
		font-weight: bold;
		font-size: 2.4rem;
		line-height: 1.5em;
		color: #222;
		background: url(../img/bg-blue.jpg) 0 0 repeat;
		background-size: 1200px 675px;
		overflow: hidden;
		position: relative;
		border-radius: 10px;
		margin-top: 55px;
		margin-bottom: 35px;
		padding: 12px 20px;
		padding-left: 50px;
	}
	/* .post-useful h3:before {
		content: "";
		display: block;
		position: absolute;
		left: auto;
		right: 15px;
		top: 0;
		background: url(../img/post-h2.png) 0 0 no-repeat;
		background-size: cover;
		width: 87px;
		height: 61px;
	} */
	.post-useful h4 {
		font-size: 2rem;
		line-height: 1.6em;
		margin-top: 45px;
		margin-bottom: 32px;
		font-weight: bold;
		color: #222222;
		padding: 9px 16px;
		padding-left: 80px;
		border-left: none;
		border-bottom: 2px solid #eeeeee;
		position: relative;
	}
	.post-useful h4:before {
		content: "";
		display: block;
		position: absolute;
		left: 5px;
		top: 3px;
		background: url(../img/useful-h4.png) 0 0 no-repeat;
		background-size: cover;
		width: 49px;
		height: 63.5px;
	}
	.post .title-yashi:before {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 10px;
		background: url(../img/title-yashi.png) 0 0 no-repeat;
		background-size: cover;
		width: 70px;
		height: 60px;
	}
	.post-useful h4.title-where {
		padding-left: 50px;
	}
	.post-useful h4.title-where:before {
		content: "";
		display: block;
		position: absolute;
		left: 5px;
		top: 3px;
		background: url(../img/title-where.png) 0 0 no-repeat;
		background-size: cover;
		width: 28px;
		height: 45px;
	}
	/* .wp-block-media-text a {
		display: block;
		font-size: 1.6rem;
		color: #222222;
		font-weight: 500;
		position: relative;
		padding-left: 70px;
		text-decoration: underline;
		padding-right: 30px;
	}
	.wp-block-media-text a:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		background: url(../img/bullet.png) center center no-repeat;
		background-size: contain;
		width: 50px;
		height: 50px;
		margin-top: -25px;
		transition: 0.4s ease;
	} */
	.wp-block-media-text a:hover {
		text-decoration: none !important;
		opacity: 0.7;
	}
	/* .wp-block-media-text a:hover:before {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
		opacity: 0.7;
	} */

	.post p {
		margin-bottom: 30px;
	}

	.post p a {
		color: #499ab9;
		text-decoration: underline;
	}

	.post ol {
		margin-bottom: 30px;
		counter-reset: number;
	}
	.post ol > li {
		color: var(--blue);
		font-weight: normal;
		padding: 10px 0 10px 30px;
		position: relative;
		font-size: 1.6rem;
		letter-spacing: 5%;
		line-height: 1.75em;
	}
	.post ol > li:before {
		counter-increment: number;
		content: counter(number);
		position: absolute;
		left: 0px;
		top: 12px;
		border-radius: 5px;
		text-align: center;
		font-size: 1.4rem;
		font-weight: normal;
		color: var(--blue);
		border: 1px solid var(--blue);
		border-radius: 100%;
		width: 24px;
		height: 24px;
		line-height: 22px;
	}
	.post hr {
	}
	.post ul {
		margin-bottom: 30px;
	}
	.post ul > li {
		font-weight: normal;
		padding: 10px 0 10px 20px;
		position: relative;
		font-size: 1.6rem;
		letter-spacing: 5%;
		line-height: 1.75em;
		border-bottom: 1px solid #eeeeee;
	}
	.post ul > li:before {
		content: "●";

		position: absolute;
		left: 0px;
		top: 9px;
	}
	.post ul.list-check > li {
		padding-left: 40px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.post ul.list-check > li:before {
		content: "";
		background: url(../img/post-check.png) 0 0 no-repeat;
		background-size: contain;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0px;
		top: 19px;
	}
	blockquote {
		position: relative;
		padding: 25px;
		box-sizing: border-box;

		margin: 25px auto;
		background: #f4f2ee;
	}

	blockquote a {
		display: block;
		margin-top: 15px;
	}
	blockquote p:last-child {
		margin-bottom: 0;
	}
	.post table {
		margin: 30px auto;
		width: 100%;
	}
	.post table tr {
	}
	.post table th,
	.post table thead td {
		border: 1px solid #a7b7d3 !important;
	}
	.post table th {
		color: var(--blue) !important;
		font-size: 1.6rem;
		background: #f7f9fe !important;
	}
	.post table td {
		border: 1px solid #a7b7d3 !important;
	}
	.wp-block-image :where(figcaption) {
		color: #0f2f7a;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.06em;
		line-height: 1.5em;
	}
	.post .wp-block-image.size-full {
		margin: 10px auto;
	}
	/* .post .wp-block-button__link {
	}
	.post .wp-block-button__link:before {
	}
	.post .wp-block-buttons > .wp-block-button {
		margin-top: 27px;
		margin-bottom: 27px;
		min-width: 100%;
	}
	.post .wp-block-button__link:hover {
		opacity: 0.3;
	}
	.post .wp-block-button__link {
		width: 100%;
		background: #b43b4a;
		border-radius: 0;
		margin: 0 auto;
		display: block;
	}
	.post .wp-block-button__link:hover {
		text-decoration: none;
		color: white;
	} */
	.post .wp-block-buttons {
		justify-content: center;
	}
	.post .relate .wp-block-button__link {
		width: 100%;
		display: block;
		font-size: 1.6rem;
		text-align: left;
		font-weight: 500;
		color: #222222;
		background: url(../img/bg-beige.jpg) 0 0 repeat;
		background-size: 1400px 1400px;
		padding-left: 135px;
		border-radius: 10px;
		overflow: hidden;
		position: relative;
	}
	.post .relate .wp-block-button__link:before {
		content: "関連記事";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 120px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: url(../img/basic-info-p.jpg) center center repeat;
		color: white;
		background-size: 80px 60px;
	}
	.box-before-after {
		position: relative;
	}
	.box-before-after > div:nth-child(1) {
		position: relative;
	}
	.box-before-after > div:nth-child(1):before {
		content: "Before";
		color: white;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.06em;
		position: absolute;
		left: 0;
		top: 10px;
		padding: 2px 6px;
		background: #0f2f7a;
	}
	.box-before-after > div:nth-child(1):after {
		content: "";
		background: url(../img/arrow.png) 0 0 no-repeat;
		background-size: contain;
		width: 39px;
		height: 61px;
		position: absolute;
		right: -38px;
		top: 50%;
		margin-top: -30px;
		z-index: 3;
	}
	.box-before-after > div:nth-child(2) {
		position: relative;
	}
	.box-before-after > div:nth-child(2):before {
		content: "After";
		color: white;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.06em;
		position: absolute;
		left: 0;
		top: 10px;
		padding: 2px 6px;
		background: #d2004c;
	}
	.box-beige {
		background: url(../img/bg-beige.jpg) 0 0 repeat;
		background-size: 1400px 1400px;
		position: relative;
		box-sizing: border-box;
		border-radius: 60px;
		padding: 50px;
		margin: 50px auto;
	}
	.box-beige h4 {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		margin-bottom: 25px;
		color: #444444;
	}
	.box-beige h4:before {
		content: none;
	}
	.box-beige p:last-child {
		margin-bottom: 0;
	}
	.cards {
		/* display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 40px; */
		margin: 50px auto;
	}
	.cards .wp-block-column {
		overflow: hidden;
		box-sizing: border-box;
		position: relative;
		background: url(../img/bg-beige.jpg) 0 0 repeat;
		background-size: 1400px 1400px;
		border-radius: 80px;
	}
	.cards .wp-block-column .wp-block-image {
		border-radius: 0 !important;
		margin: 0;
	}
	.cards .wp-block-column .wp-block-image img {
		border-radius: 0 !important;
	}
	.cards .wp-block-column h4 {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		font-size: 2rem;
		padding: 20px 0;
	}
	.cards .wp-block-column h4:before {
		content: none;
	}

	.box-who {
		background: url(../img/bg-beige.jpg) 0 0 repeat;
		background-size: 1400px 1400px;
		position: relative;
		
		align-items: center;
		padding: 20px;
		border-radius: 30px;
		box-sizing: border-box;
		margin: 50px auto;
	}
	.box-who .who-l {
		width: 100px;
		margin: 0 auto;
	}
	.box-who .who-l img {
		width: 100px;
		height: 100px;
		object-fit: cover;
		border-radius: 100%;
	}
	.box-who .who-r {

	}
	.post .box-who table.table-who {
		width: 100%;
		border-top: 1px solid #eeeeee !important;
	}
	.post .box-who table.table-who th {
		font-size: 1.6rem;
		color: #33589f;
		font-weight: normal;
		background: none !important;
		border: none !important;
		border-bottom: 1px solid #eeeeee !important;
		width: 30%;
		padding: 10px;
	}
	.post .box-who table.table-who td {
		font-size: 1.6rem;
		color: #222;
		font-weight: normal;
		border: none !important;
		border-bottom: 1px solid #eeeeee !important;
		padding: 10px;
	}
	.list-exp-qna {
	}
	.list-exp-qna > div {
	}
	.list-exp-qna > div h3.q {
		background: none;
		border-radius: 0;
		padding-left: 80px;
		overflow: initial;
		font-size: 2rem;
		padding-bottom: 5px;
	}
	.list-exp-qna > div h3.q:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: -5px;
		background: url(../img/exp-q.png) 0 0 no-repeat;
		background-size: contain;
		width: 60px;
		height: 60px;
	}

	.post-exp-special .list-exp-qna {

	}
	.post-exp-special .list-exp-qna > div h3.q {

	}
	.post-exp-special .list-exp-qna > div h3.q:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../img/exp-q-sp.png) 0 0 no-repeat;
		background-size: contain;
		width: 100px;
		height: 100px;
	}
	.post-exp-special .list-exp-qna .a {
		background: url(../img/bg-beige.jpg) 0 0 repeat;
		background-size: 1400px 1400px;
		border-radius: 30px;
		padding: 20px;
		position: relative;
	}
	.post-exp-special .list-exp-qna .a:after {
		content: "";
		display: block;
		position: absolute;
		left: 100%;
		top: 47px;
		background: url(../img/exp-qna-a.png) 0 0 no-repeat;
		background-size: contain;
		width: 20px;
		height: 17px;
		display: none;
	}
	.post-exp-special .list-exp-qna .a .a-pic {
		width: 100px;
		height: 100px;
		overflow: hidden;
		border-radius: 100%;
		
	}
	.post-exp-special .list-exp-qna .a .a-pic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.post-exp-special .list-exp-qna .a p:last-child {
		margin-bottom: 0;
	}
	.exp-gall {
		position: relative;
	}
	.exp-gall .exp-gall-title {
		text-align: center;
		font-weight: bold;
		background: none;
		padding: 0;
		margin: 0;
		border: none;
		margin-top: 65px;
		margin-bottom: 20px;
		position: relative;
	}
	.exp-gall .exp-gall-title img {
		border-radius: 0;
		display: block;
		width: 73px;
		margin: 0 auto 15px;
		position: relative;
		z-index: 3;
	}
	.exp-gall .exp-gall-title:before {
		content: "";
		display: block;
		background: url(../img/exp-gall-title.png) center top no-repeat;
		background-size: contain;
		width: 545px;
		height: 100px;
		margin: 0 auto -100px;
		position: static;
	}
	.exp-gall .exp-gall-inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}
	.exp-gall .exp-gall-inner img {
		border-radius: 0;
	}
	.box-exp-sc {
		position: relative;
	}
	.box-exp-sc .exp-sc-title {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		text-align: center;
		font-weight: bold;
		font-size: 1.7rem;
		margin-top: 60px;
		margin-bottom: 20px;
	}
	.box-exp-sc .exp-sc-title:before {
		content: none;
	}
	.box-exp-sc .exp-sc-inner {
		background: url(../img/bg-beige.jpg) 0 0 repeat;
		background-size: 1400px 1400px;
		box-sizing: border-box;
		border-radius: 40px;
		padding: 20px;
		position: relative;

	}
	.box-exp-sc .exp-sc-name {
		font-weight: bold;
		font-size: 2rem;
		text-align: left;
		border-bottom: 2px solid #eeeeee;
		padding-bottom: 5px;
		margin-bottom: 35px;
		padding-left: 50px;
		position: relative;
	}
	.box-exp-sc .exp-sc-name:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: -15px;
		background: url(../img/exp-sc-name.png) 0 0 no-repeat;
		background-size: contain;
		width: 37px;
		height: 52px;
		/* content: "";
		display: inline-block;
		background: url(../img/exp-sc-location.png) 0 0 no-repeat;
		background-size: contain;
		width: 22px;
		height: 36px;
		margin-right: 15px;
		vertical-align: middle; */

	}
	.box-exp-sc .exp-sc-img {
		width: 300px;
		margin: 0 auto 15px;
	}
	.box-exp-sc .exp-sc-location {
		font-size: 1.6rem;
		color: #33589f;
		position: relative;
		text-align: center;
		margin-top: 10px;
	}
	.box-exp-sc .exp-sc-location:before {
		content: "";
		display: inline-block;
		background: url(../img/exp-sc-location.png) 0 0 no-repeat;
		background-size: contain;
		width: 22px;
		height: 36px;
		margin-right: 15px;
		vertical-align: middle;
		margin-bottom: 20px;
	}
	.box-exp-sc .exp-sc-tags {
		margin-bottom: 25px;
		text-align: center;
	}
	.box-exp-sc .exp-sc-tags span {
		display: inline-block;
		color: white;
		font-size: 1.3rem;
		border-radius: 6px;
		background: #33589f;
		padding: 2px 15px;
		margin-right: 8px;
	}
	.box-exp-sc .exp-sc-catchphrase {
		font-weight: bold;
		font-size: 1.7rem;
	}
	.box-exp-sc .btn-text {

		margin-bottom: 0;
		width: 200px;
	}
	.box-exp-sc .btn-text a {
		letter-spacing: normal;
	}
	.box-exp-sc-2 .exp-sc-pic {
		text-align: center;
	}
	.box-exp-sc-2 .exp-sc-pic img {
		margin: 0 auto;
	}
	.box-exp-sc-2 .exp-sc-name:before {
		content: none;
		padding-left: 0;
	}
	.box-exp-sc-2 .exp-sc-p-1 {
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 20px;

	}
	.box-exp-sc-2 .exp-sc-p-2 {

		margin-bottom: 20px;
	}
	.box-exp-sc-2 .exp-sc-p-3 {

	}
	.box-exp-last {
		background: url(../img/bg-blue.jpg) 0 0 repeat;
		background-size: 1200px 675px;
		position: relative;
		border-radius: 60px;
		margin-top: 75px;
		padding: 40px;
	}
	.box-exp-last .exp-last-title {
		margin: 0;
		padding: 0;
		border: none;
		text-align: center;
		font-weight: bold;
		font-size: 2rem;
		margin-bottom: 25px;
	}
	.box-exp-last .exp-last-title:before {
		content: "";
		display: block;
		background: url(../img/exp-last-title.png) 0 0 no-repeat;
		background-size: contain;
		width: 100px;
		height: 100px;
		margin: 0 auto 5px;
		position: static;
		left: auto !important;
		right: auto !important;
		transform-origin: center center;
	}
	
	.liquid-speech-balloon-wrap {
		margin: 30px auto;
	}
	.liquid-speech-balloon-avatar {
		width: 100px;
		height: 100px;
	}
	.liquid-speech-balloon-text {
		border: none;
		border-radius: 30px;
		box-sizing: border-box;
		padding: 20px;
	}
	.liquid-speech-balloon-text p {
		margin-bottom: 0;
	}
	.liquid-speech-balloon-arrow {
		top: 45px;
		left: -13px;
	}
	/* .liquid-speech-balloon-wrap:not(.liquid-speech-balloon-vertical) .liquid-speech-balloon-arrow {
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		border-right: 20px solid #eff6f8;
	} */
	.liquid-speech-balloon-wrap.liquid-speech-balloon-00 .liquid-speech-balloon-arrow {
	
		border-right: 20px solid #eff6f8;
	}
	.liquid-speech-balloon-wrap.liquid-speech-balloon-01 .liquid-speech-balloon-arrow {
	
		border-right: 20px solid #f9f8eb;
	}
	.liquid-speech-balloon-wrap.liquid-speech-balloon-02 .liquid-speech-balloon-arrow {
	
		border-right: 20px solid #f0f8f3;
	}
	.liquid-speech-balloon-wrap.liquid-speech-balloon-03 .liquid-speech-balloon-arrow {
	
		border-right: 20px solid #f0eff8;
	}
	.liquid-speech-balloon-wrap.liquid-speech-balloon-04 .liquid-speech-balloon-arrow {
	
		border-right: 20px solid #f9f0f3;
	}
	.liquid-speech-balloon-01.liquid-speech-balloon-right .liquid-speech-balloon-arrow {
		border-right: none;
		border-left: 20px solid #f9f8eb;
	}
	.liquid-speech-balloon-02.liquid-speech-balloon-right .liquid-speech-balloon-arrow {
		border-right: none;
		border-left: 20px solid #f0f8f3;
	}
	.liquid-speech-balloon-03.liquid-speech-balloon-right .liquid-speech-balloon-arrow {
		border-right: none;
		border-left: 20px solid #f0eff8;
	}
	.liquid-speech-balloon-04.liquid-speech-balloon-right .liquid-speech-balloon-arrow {
		border-right: none;
		border-left: 20px solid #f9f0f3;
	}
	/* カラーバリエーション */
	.liquid-speech-balloon-00 .liquid-speech-balloon-text {
		background: #eff6f8;
	}
	.liquid-speech-balloon-01 .liquid-speech-balloon-text {
		background: #f9f8eb;
	}
	.liquid-speech-balloon-02 .liquid-speech-balloon-text {
		background: #f0f8f3;
	}
	.liquid-speech-balloon-03 .liquid-speech-balloon-text {
		background: #f0eff8;
	}
	.liquid-speech-balloon-04 .liquid-speech-balloon-text {
		background: #f9f0f3;
	}
	.liquid-speech-balloon-04 .liquid-speech-balloon-text p:last-child {
		margin-bottom: 0;
	}
	
	/*
	TOC
	*/
	div#ez-toc-container {
		border: none;
		border-radius: 30px;
		padding: 20px;
		position: relative;
	}
	div#ez-toc-container:after {
		content: "";
		display: block;
		position: absolute;
		right: 15px;
		bottom: 0;
		background: url(../img/stick-tock.png) 0 0 no-repeat;
		background-size: contain;
		width: 39.5px;
		height: 61.5px;
	}
	div#ez-toc-container .ez-toc-title {
		font-family: "Quicksand", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 3rem;
		letter-spacing: 0.1em;
		margin-bottom: 25px !important;
		display: block;
	}
	div#ez-toc-container ul li {
		border-bottom: none !important;
		margin-bottom: 15px !important;
		line-height: 2em;
	}
	div#ez-toc-container ul li li {
		margin-bottom: 0px !important;
	}
	div#ez-toc-container ul li:before {
		content: none;
	}
	.ez-toc-counter nav ul li a::before {
		color: #33589f;
		
	}
}
