@charset "utf-8";


/* ==========================================================

	home

========================================================== */
.home {
	background-image: url(../img/bar_bg.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	min-height: 100vh;
	color: #2d2d2d;
}

.home::after {
	content: '';
	display: block;
	background: url(../img/bar_counter.png) no-repeat center center;
	background-size: cover;
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 240px;
}

.home header { height: 200px;}

/* たぶんもういらない。念のため */
/*.home main { height: 580px;} */
/* -------------- */

.home a { text-decoration: none; color: inherit;}


/* 看板 */
.home .__logo { position: absolute; top: 0; right: 0;}
.home .__logo:hover { opacity: 1;}

.home .__logo img { width: 100%;}


/* めざし画像 */
.home .__mezasi { position: absolute;}
.home .__mezasi img { width: 100%;}


/* 紹介吹き出し */
.home .__summary {
	width: 400px;
	background: #d3cecb;
	position: absolute; z-index: 5;
	border-radius: 10px;
	text-align: center;
}

.home .__summary::after {
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #d3cecb;
	position: absolute; top: -20px; left: calc(50% - 20px);
}


/* リンク吹き出し */
.home .__chara,
.home .__hana,
.home .__about  {
	position: absolute;
	background: #fff;
	border-radius: 10px;
}

.home .__chara img { width: 58px;}

.home .__hana {
	display: flex;
	justify-content: flex-start; align-items: center;
	left: calc(50% - 130px); bottom: 640px;
	padding-top: 5px; padding-bottom: 5px;
}

.home .__hana img { width: 90px;}

.home .__chara .__link {
	display: flex;
	justify-content: flex-start; align-items: center;
}

.home .__chara .__text {
	border-top: 1px dashed #272523;
	margin-top: 5px;
	padding: 5px 15px;
}

.home .__chara .__text a {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

.home .__chara .__text a:hover { opacity: 0.6;}

.home .__chara .__text p:first-child {
	text-align: center;
	margin-bottom: 0.7rem;
}

.home .__gallery {
	position: absolute; bottom: 160px; z-index: 10;
	background: url(../img/book.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: flex-start; align-items: center;
}

.home .__gallery p {
	width: 50%;
	margin-bottom: 0;
	padding-left: 7%;
	box-sizing: border-box;
	text-align: center;
}

.home .__giveaway { position: absolute; z-index: 10}

.home .__giveaway a:hover { opacity: 0.8; display: block;}

.home .__giveaway img { width: 100%;}


/* コピーライト */
.home .copyr {
	color: #fcfcfc;
	position: absolute; bottom: 10px; left: calc(50% - 4.5em); z-index: 10;
}




/* xl */
@media screen and (min-width: 1200px) {
	.home .__logo {	width: calc(5% + 300px);}

	.home .__mezasi {
		width: 420px;
		position: absolute; bottom: 120px; left: calc(50% - 210px);
	}

	.home .__summary {
		bottom: 50px; left: calc(50% - 200px);
		padding: 30px;
	}

	.home .__chara {
		box-sizing: border-box;
		padding: 5px 10px;
		bottom: 400px; right: calc(62% + 110px);
		width: calc(10% + 180px);
	}

	.home .__chara span { padding-right: 50px; padding-left: 40px;}

	.home .__hana span { padding-right: 50px; padding-left: 40px;}

	.home .__about {
		padding: 20px 50px;
		left: calc(50% + 260px); bottom: 460px;
	}

	.home .__gallery {
		bottom: 160px; left: calc(62% + 110px);
		width: calc(10% + 180px); height: 200px;
	}

	.home .__giveaway {
		bottom: 50px; right: calc(62% + 140px);
		width: calc(10% + 100px);
	}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.home .__logo { width: calc(20% + 110px);}

	.home .__summary {
		bottom: 50px; left: calc(50% - 180px);
		padding: 25px 30px;
	}

	.home .__mezasi {
		width: 360px;
		position: absolute; bottom: 134px; left: calc(50% - 185px);
	}

	.home .__chara {
		box-sizing: border-box;
		padding: 5px 10px;
		bottom: 380px; right: calc(62% + 80px);
		width: calc(10% + 180px);
	}

	.home .__chara span { padding-right: 30px; padding-left: 30px;}

	.home .__hana span { padding-right: 50px; padding-left: 40px;}

	.home .__about {
		padding: 20px 30px;
		left: calc(50% + 220px); bottom: 460px;
	}

	.home .__gallery {
		bottom: 200px; left: calc(60% + 90px);
		width: calc(20% + 90px); height: 180px;
	}

	.home .__giveaway {
		bottom: 50px; right: calc(62% + 110px);
		width: calc(10% + 130px);
	}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.home::after {
		height: 20%;
		min-height: 240px;
	}

	.home main { height: 680px;} 

	.home .__logo { width: calc(20% + 140px);}

	.home .__summary {
		bottom: 50px; right: 50%;
		padding: 25px 20px;
	}

	.home .__mezasi {
		width: 50%;
		position: absolute; bottom: calc(6% + 58px); left: 4%;
	}

	.home .__chara {
		box-sizing: border-box;
		padding: 5px 10px;
		bottom: calc(50% + 10px); right: calc(50% + 20px);
		width: 43%;
	}

	.home .__chara img { width: 50px;}

	.home .__chara span { padding-right: 30px; padding-left: 30px;}

	.home .__hana {
		left: calc(50% + 40px); bottom: 50%;
		padding-top: 5px; padding-bottom: 5px;
	}

	.home .__hana img { width: 70px;}

	.home .__hana span { padding-right: 50px; padding-left: 40px;}

	.home .__about {
		padding: 20px 30px;
		left: calc(60% + 10px); bottom: calc(50% + 200px);
	}

	.home .__gallery {
		bottom: 200px; left: calc(55% + 10px);
		width: calc(30% + 30px); height: 240px;
		background: url(../img/book.png) no-repeat right top;
		background-size: 202% 100%;
		display: block;
	}

	.home .__gallery p {
		width: auto;
		padding-top: 10px; padding-left: 0;
		text-align: center;
	}

	.home .__gallery p br { display: none;}

	.home .__giveaway {
		bottom: calc(50% + 240px); right: calc(52% + 70px);
		width: calc(10% + 130px);
	}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.home::after {
		height: calc(2% + 220px);
	}

	.home main { height: 680px;} 

	.home .__logo { width: calc(20% + 140px);}

	.home .__summary {
		bottom: 50px; left: 10px;
		padding: 25px 10px;
	}

	.home .__mezasi {
		width: 50%;
		position: absolute; bottom: calc(4% + 100px); left: 4%;
	}

	.home .__chara {
		box-sizing: border-box;
		padding: 5px 10px;
		bottom: calc(50% + 180px); right: 50%;
		width: 45%;
	}

	.home .__chara img { width: 50px;}

	.home .__chara span { padding-right: 30px; padding-left: 30px;}

	.home .__hana {
		left: calc(50% + 40px); bottom: 50%;
		padding-top: 5px; padding-bottom: 5px;
	}

	.home .__hana img { width: 70px;}

	.home .__hana span { padding-right: 50px; padding-left: 40px;}

	.home .__about {
		padding: 20px 30px;
		left: calc(60% + 10px); bottom: calc(50% + 200px);
	}

	.home .__gallery {
		bottom: 200px; left: calc(55% + 10px);
		width: calc(30% + 30px); height: 240px;
		background: url(../img/book.png) no-repeat right top;
		background-size: 202% 100%;
		display: block;
	}

	.home .__gallery p {
		width: auto;
		padding-top: 10px; padding-left: 0;
		text-align: center;
	}

	.home .__gallery p br { display: none;}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.home::after { content: none;}

	.home header {
		height: auto;
		margin-bottom: 5vmin;
	}

	.home .__logo {
		display: block;
		width: 70vw;
		margin-right: auto; margin-left: auto;
		position: static;
	}
	
	.home .header_main { display: block;}

	.home .header_menu { display: none;}

	.home main {
		height: auto;
		position: static;
		padding: 0;
		margin-bottom: 0;
	}

	.home .__summary {
		margin-right: 2vmin; margin-bottom: 16vmin; margin-left: 2vmin;
		padding: 3vmin 4vmin;
		width: auto;
		border-radius: 5px;
		position: relative;
		letter-spacing: normal;
	}

	.home .__summary::after {
		content: '';
		border-bottom: none;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #d3cecb;
		position: absolute; bottom: -20px; left: calc(50% - 20px); top: auto;
	}

	.home .__mezasi {
		position: static;
		display: block;
		width: 60vmin;
		margin-right: auto; margin-left: auto;
	}

	.home .__area {
		background: #471e08;
		padding: 4vmin;
		margin-top: -17vmin;
		position: relative;
	}

	.home .__chara,
	.home .__hana,
	.home .__about,
	.home .__gallery,
	.home .__giveaway  {
		position: static;
		margin-bottom: 4vmin;
	}

	.home .__chara { padding-right: 2vmin; padding-left: 2vmin;}

	.home .__chara .__link { justify-content: center;}

	.home .__chara img { width: 13vmin; margin-right: 8vmin;}

	.home .__hana { justify-content: center;}

	.home .__hana img { width: 18vmin; margin-right: 9vmin;}

	.home .__about {
		text-align: center;
		padding-top: 4vmin; padding-bottom: 4vmin;
	}

	.home .__gallery {
		height: 50vmin;
	}

	.home footer { background: #1e1005;}

	.home .copyr {
		bottom: 5px;
		background: #1e1005;
		position: static;
		text-align: center;
	}
}


/* 
===========================================================*/











/* ==========================================================

	お迎え上の注意
		お得な購入方法

========================================================== */
/* 3つのコレクション
===========================================================*/
.method .__collection h2 {
	background: url(../img/bg_title_paper.png) no-repeat;
	padding-top: 24px; padding-left: 60px; padding-bottom: 28px;
	color: #dcd5cc;
}

.method .__collection .__area {
	display: flex;
	justify-content: space-between; align-items: stretch;
	margin-right: 2%; margin-bottom: 30px; margin-left: 2%;
}

.method .__collection .__area .__block {
	position: relative;
	text-align: center;
	width: 28%;
}

.method .__collection .__area .__block:nth-child(1)::after,
.method .__collection .__area .__block:nth-child(1)::before,
.method .__collection .__area .__block:nth-child(2)::after,
.method .__collection .__area .__block:nth-child(2)::before,
.method .__collection .__area .__block:nth-child(3)::after,
.method .__collection .__area .__block:nth-child(3)::before {
	content: '';
	width: 10px; height: 10px;
	border-radius: 10px;
	position: absolute; top: 50%;
}

.method .__collection .__area .__block:nth-child(1)::before { background: #1f6316; right: -8%;}
.method .__collection .__area .__block:nth-child(1)::after { background: #35772c; right: -16%;}
.method .__collection .__area .__block:nth-child(2)::before { background: #519548; left: -8%;}
.method .__collection .__area .__block:nth-child(2)::after { background: #6ba23a; right: -8%;}
.method .__collection .__area .__block:nth-child(3)::before { background: #97c171; left: -16%;}
.method .__collection .__area .__block:nth-child(3)::after { background: #d7eec3; left: -8%;}


.method .__collection .__area .__block > img {
	width: 100%;
	max-width: 300px;
}

.method .__collection .__block h3 {
	font-size: 1rem;
	color: #2d2d2d;
	position: absolute; top: 8px; left: 0;
	width: 100%;
}

.method .__collection .__kind {
	font-family: 'Love Ya Like A Sister', cursive;
	font-size: 2rem;
	position: absolute; bottom: 40px; left: calc(50% + 2rem);
	margin-bottom: 0;
	line-height: 1;
	display: flex;
	justify-content: flex-start; align-items: baseline;
}

.method .__collection .__kind .__first {
	font-size: 3rem;
	color: #2d2d2d;
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
	margin-right: 3px;
}

.method .__collection .__kind .__second {
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0, 0.8);
}

.method .__collection .__btn {
	display: block;
	background: #241e1e;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
	margin-top: 10px;
	padding-top: 4px; padding-bottom: 4px;
}

.method .__collection .__btn:hover {
	background: #3e3a3a;
}

.method .__collection .__btn img { width: 28px;}


/* xl */
@media screen and (min-width: 1200px) {
	.method .__collection h2 { margin-bottom: 30px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.method .__collection h2 { margin-bottom: 30px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.method .__collection h2 { margin-bottom: 30px;}

	.method .__collection .__area .__block:nth-child(1)::after,
	.method .__collection .__area .__block:nth-child(1)::before,
	.method .__collection .__area .__block:nth-child(2)::after,
	.method .__collection .__area .__block:nth-child(2)::before,
	.method .__collection .__area .__block:nth-child(3)::after,
	.method .__collection .__area .__block:nth-child(3)::before {
		content: '';
		width: 8px; height: 8px;
		border-radius: 8px;
	}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.method .__collection .__area .__block {
		padding-bottom: 2.5rem;
	}

	.method .__collection h2 {
		margin-bottom: 20px;
		background-size: 272px 80px;
	}

	.method .__collection .__area .__block:nth-child(1)::after,
	.method .__collection .__area .__block:nth-child(1)::before,
	.method .__collection .__area .__block:nth-child(2)::after,
	.method .__collection .__area .__block:nth-child(2)::before,
	.method .__collection .__area .__block:nth-child(3)::after,
	.method .__collection .__area .__block:nth-child(3)::before {
		content: '';
		width: 6px; height: 6px;
		border-radius: 6px;
		top: 42%;
	}

	.method .__collection .__kind {
		width: 100%;
		justify-content: center;
		position: static;
	}

	.method .__collection .__kind .__first {
		color: #fff;
		text-shadow:0 0 3px rgb(0 0 0 / 80%);
	}

	.method .__collection .__btn {
		width: 100%;
		position: absolute; bottom: 0; left: 0;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.method .__collection .__area {
		flex-direction: column;
		margin-bottom: 0;
	}

	.method .__collection h2 {
		margin-bottom: 5vw;
		background-size: 238px 70px;
		padding-top: 20px; padding-bottom: 24px;
	}

	.method .__collection .__area .__block {
		width: 50vw;
		padding-bottom: 48px;
		margin-left: 7vw;
	}

	.method .__collection .__area .__block:last-child { padding-bottom: 40px;}

	.method .__collection .__area .__block:nth-child(1)::after,
	.method .__collection .__area .__block:nth-child(1)::before,
	.method .__collection .__area .__block:nth-child(2)::after,
	.method .__collection .__area .__block:nth-child(2)::before,
	.method .__collection .__area .__block:nth-child(3)::after,
	.method .__collection .__area .__block:nth-child(3)::before {
		content: '';
		width: 8px; height: 8px;
		border-radius: 8px;
	}

	.method .__collection .__area .__block:nth-child(1)::before { right: calc(50% - 6px); top: auto; bottom: 34px;}
	.method .__collection .__area .__block:nth-child(1)::after { right: calc(50% - 6px); top: auto; bottom: 20px;}
	.method .__collection .__area .__block:nth-child(2)::before { right: calc(50% - 6px); left: auto; top: -14px;}
	.method .__collection .__area .__block:nth-child(2)::after { right: calc(50% - 6px); top: auto; bottom: 34px;}
	.method .__collection .__area .__block:nth-child(3)::before { right: calc(50% - 6px); left: auto; top: -28px;}
	.method .__collection .__area .__block:nth-child(3)::after { right: calc(50% - 6px); left: auto; top: -14px;}

	.method .__collection .__area .__block:nth-child(2) .__kind {left: 52vw; bottom: 25vw;}
	.method .__collection .__area .__block:nth-child(3) .__kind {left: 52vw; bottom: 22vw;}

	.method .__collection .__kind .__first {
		color: #fff;
		text-shadow:0 0 3px rgb(0 0 0 / 80%);
	}

	.method .__collection .__area .__block .__btn {
		position: absolute; left: 44vw; bottom: 10vw;
		width: 40vw;
	}

}



/* ○○○を購入してからがお得（.__contents）
===========================================================*/
.method .__contents h2 {
	background: url(../img/title_ornate01.png) no-repeat left top;
	padding-top: 30px; padding-left: 10px; padding-bottom: 10px;
	margin-bottom: 40px;
}

.method .__contents .__point {
	background: url(../img/bg_paper_center.png) no-repeat center center / 100% 100%;
	padding: 80px 60px 60px 70px;
	margin-top: -50px;
	position: relative;
	max-width: 930px; margin-right: auto; margin-left: auto;
}

.method .__contents .__point h4 {
	position: absolute; top: 25px; left: 70px;
	transform: rotate(-20deg);
	color: #943f11;
	font-family: 'Gloria Hallelujah';
	font-weight: bold;
}

.method .__contents .__point p {
	color: #2d2d2d;
	padding-left: 7%;
}

.method .__contents .__point p span { color: #f00; font-weight: bold;}

.method .__contents .__point::before {
	content: '';
	display: block;
	width: 70px; height: 100%;
	background: url(../img/bg_paper_left.png) no-repeat center center / 100% 100%;
	position: absolute; top: 0; left: 0;
}

.method .__contents .__point::after {
	content: '';
	display: block;
	width: 60px; height: 100%;
	background: url(../img/bg_paper_right.png) no-repeat center center / 100% 100%;
	position: absolute; top: 0; right: 0;
}


/* xl */
@media screen and (min-width: 1200px) {
	
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.method .__contents .__chara > img,
	.method .__contents .__pattern .__block > img { width: 80px;}

	.method .__contents .__chara > img.__cafee,
	.method .__contents .__pattern .__block > img.__cafee { width: 106px;}
	.method .__contents .__chara > img.__dance { width: 84px;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.method .__contents .__chara > img,
	.method .__contents .__pattern .__block > img { width: 70px;}

	.method .__contents .__chara > img.__cafee,
	.method .__contents .__pattern .__block > img.__cafee { width: 94px;}
	.method .__contents .__chara > img.__dance { width: 74px;}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.method .__contents h2 {
		padding-top: 26px; padding-left: 30px;
		margin-bottom: 20px;
	}

	.method .__contents .__chara > img,
	.method .__contents .__pattern .__block > img { width: 20vw;}

	.method .__contents .__chara > img.__cafee,
	.method .__contents .__pattern .__block > img.__cafee { width: 26vw;}
	.method .__contents .__chara > img.__dance { width: 21vw;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__n_cost { font-size: 11px;}
	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__n_cost img { width: 12px;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(1) { padding-left: 0;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara > img { width: 17vw;}
	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara > img.__cafee { width: 23vw;}
	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara > img.__dance { width: 18vw;}

	.method .__contents .__point { padding: 60px 30px 30px 35px;}

	.method .__contents .__point::before { width: 35px;}
	.method .__contents .__point::after { width: 30px;}

	.method .__contents .__point h4 { transform: rotate(-15deg); left: 30px; top: 20px;}
}


/* .__flow／.__pattern共通
============================================*/
.method .__contents .__area .__chara_w {
	display: flex;
	justify-content: center; align-items: flex-end;
}

.method .__contents .__cost {
	width: 100px;
	margin-right: auto; margin-left: auto;
	font-weight: bold;
}

.method .__contents .__area .__chara { position: relative;}

.method .__contents .__area .__chara .__n_cost {
	font-size: 13px;
	position: absolute; left: 0; bottom: 0;
}

.method .__contents .__area .__chara .__n_cost img { width: 14px; margin-right: 3px;}


/* .__flow
============================================*/
.method .__contents .__flow1 {
	text-align: center;
	margin-bottom: 100px;
	position: relative;
}
.method .__contents .__flow1::before {
	content: '';
	width: 24px; height: 22px;
	background: #fff;
	display: block;
	position: absolute; bottom: -54px; left: calc(50% - 12px);
}

.method .__contents .__flow1::after {
	content: '';
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
	border-top: 18px solid #fff;
	position: absolute; bottom: -70px; left: calc(50% - 25px);
}

.method .__contents .__flow .__area {
	display: flex;
	justify-content: center; align-items: stretch;
}

.method .__contents .__flow1 .__chara { position: relative;}

.method .__contents .__cost,
.method .__contents .__flow1 .__chara .__b_cost {
	background: #fff;
	border-radius: 8px;
	font-family: 'Yusei Magic';
	color: #2d2d2d;
	display: flex;
	justify-content: center; align-items: center;
	padding-top: 10px; padding-bottom: 8px;
	margin-top: 30px;
}

.method .__contents .__flow .__cost { margin-top: 10px;}

.method .__contents .__flow1 .__chara .__b_cost {
	position: absolute; top: calc(50% - 20px); left: calc(100% + 50px);
	padding: 16px 30px 12px;
	margin-top: 0;
}

.method .__contents .__flow1 .__chara .__b_cost::after {
	content: '';
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 14px solid #fff;
	position: absolute; left: -14px; top: calc(50% - 12px);
}

.method .__contents .__cost img,
.method .__contents .__flow1 .__chara .__b_cost img { margin-top: -3px; margin-right: 10px;}

.method .__contents .__flow2 {
	text-align: center;
}

.method .__contents .__flow2 p:first-child { margin-bottom: 5px;}

.method .__contents .__flow2 .__notes { font-size: 12px;}

.method .__contents .__flow2 .__area {
	display: flex;
	justify-content: center; align-items: flex-end;
	margin-top: 40px;
}

.method .__contents .__flow2 .__chara { margin-right: 5%; margin-left: 5%;}

.method .__c_style .__flow1 .__block { padding-top: 30px; padding-bottom: 15px;}

.method .__c_style .__flow1 .__block:nth-of-type(1) {
	position: relative;
	padding-right: 10%; padding-left: 10%;
}

.method .__c_style .__flow1 .__block:nth-of-type(1)::before {
	content: '';
	display: block;
	width: 12px; height: 100%;
	background-image:
		radial-gradient(#857c76 20%, transparent 20%),
		radial-gradient(#857c76 20%, transparent 20%);
	background-size: 12px 12px;
	background-position: 0 0, 12px 12px;
	position: absolute; right: 0; top: 0;
}

.method .__c_style .__flow1 .__block:nth-of-type(1)::after {
	content: 'or';
	position: absolute; right: -1rem; top: calc(50% - 2.5rem);
	font-family: 'Gloria Hallelujah';
	font-size: 2.5rem;
	color: #e2dbd6;
}

.method .__c_style .__flow1 .__block:nth-of-type(2) { padding-left: 10%;}

.method .__c_style .__flow1 .__block:nth-of-type(2) .__chara:nth-of-type(1) {
	padding-right: 20%;
	position: relative;
}

.method .__c_style .__flow1 .__block:nth-of-type(2) .__chara:nth-of-type(1)::after {
    content: '＋';
    font-size: 1.5rem;
    font-family: 'Yusei Magic';
    position: absolute;
    right: 7%;
    top: calc(50% - 1rem);
}


/* xl */
@media screen and (min-width: 1200px) {
	.method .__contents .__flow { margin-bottom: 100px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.method .__contents .__flow { margin-bottom: 100px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	
}

/* xs */
@media screen and (max-width: 575.98px) {
	.method .__contents .__flow1 { margin-bottom: 70px;}

	.method .__contents .__flow1 .__chara .__b_cost {
		position: absolute; top: calc(50% - 1rem); left: calc(50% + 15vw);
		padding: 8px 15px 6px;
	}

	.method .__contents .__flow1 .__chara .__b_cost::after {
		content: '';
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 10px solid #fff;
		position: absolute; left: -10px; top: calc(50% - 8px);
	}

	.method .__contents .__flow1::before {
		content: '';
		width: 20px;
		height: 18px;
		background: #fff;
		display: block;
		position: absolute; bottom: -40px; left: calc(50% - 9px);
	}

	.method .__contents .__flow1::after {
		content: '';
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
		border-top: 14px solid #fff;
		position: absolute; bottom: -54px; left: calc(50% - 21px);
	}

	.method .__c_style .__flow1 .__block { padding: 0;}

	.method .__c_style .__flow1 .__block:nth-of-type(1) { padding: 0 30px 0 0;}

	.method .__c_style .__flow1 .__block:nth-of-type(1) .__chara { margin-top: 4vw; margin-bottom: 4vw;}
	
	.method .__c_style .__flow1 .__block:nth-of-type(1)::before {
		content: '';
		display: block;
		width: 12px; height: 100%;
		background-image:
			radial-gradient(#857c76 20%, transparent 20%),
			radial-gradient(#857c76 20%, transparent 20%);
		background-size: 12px 12px;
		background-position: 0 0, 12px 12px;
		position: absolute; left: auto; bottom: auto; right: 0;
	}
	
	.method .__c_style .__flow1 .__block:nth-of-type(1)::after {
		content: 'or';
		position: absolute; top: calc(50% - 1.5rem); right: -0.8rem;
		font-family: 'Gloria Hallelujah';
		font-size: 1.8rem;
		color: #e2dbd6;
	}

	.method .__contents .__flow { margin-bottom: 12vw;}

	.method .__contents .__flow .__cost {
		width: 20vw;
		padding-top: 6px; padding-bottom: 4px;
	}

	.method .__contents .__flow .__cost img {
		width: 14px;
		margin-right: 5px;
	}

	.method .__contents .__cost { margin-top: 4vw;}

	.method .__contents .__area .__chara_w { margin-top: 4vw; margin-bottom: 4vw;}
	
}


/* .__pattern
============================================*/
.method .__pattern h3 {
	padding-top: 10px; padding-bottom: 5px; padding-left: 70px;
	margin-bottom: 30px;
}

.method .__pattern:nth-of-type(1) h3 { background: url(../img/title_ornate02_blue.png) no-repeat;}
.method .__pattern:nth-of-type(2) h3 { background: url(../img/title_ornate02_green.png) no-repeat;}

.method .__pattern .__area {
	display: flex;
	justify-content: center; align-items: stretch;
	position: relative;
	padding-bottom: 70px;
}

.method .__pattern .__block {
	position: relative;
	text-align: center;
}

.method .__pattern .__block:nth-of-type(1) { padding-right: 10%;}
.method .__pattern .__block:nth-of-type(2) { padding-left: 5%;}

.method .__pattern .__block:nth-of-type(1)::before {
	content: '';
	display: block;
	width: 12px; height: 100%;
	background-image:
		radial-gradient(#fff1f3 20%, transparent 20%),
		radial-gradient(#fff1f3 20%, transparent 20%);
	background-size: 12px 12px;
	background-position: 0 0, 12px 12px;
	position: absolute; right: 0; top: 0;
}

.method .__pattern .__block:nth-of-type(1)::after {
	content: 'vs';
    position: absolute; top: calc(50% - 2rem); right: -1rem;
    font-family: 'Gloria Hallelujah';
    font-size: 3rem;
	color: #ffc7cf;
}

.method .__pattern .__block p { font-size: 0.9rem;}

.method .__pattern .__block p:first-child { margin-bottom: 2.5rem;}

.method .__pattern .__area .__block:nth-of-type(2) .__chara { margin-left: 3%;}

.method .__pattern .__area .__block:nth-of-type(2) .__chara:nth-of-type(1) {
	margin-left: 0;
	padding-right: 10%; padding-left: 10%;
}

.method .__pattern .__area .__block:nth-of-type(2) .__chara:nth-of-type(1) .__n_cost { left: 20%;}

.method .__pattern .__area .__block:nth-of-type(2) .__chara:nth-of-type(1)::after,
.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(2)::after {
	content: '＋';
	font-size: 1.5rem;
	font-family: 'Yusei Magic';
	position: absolute; right: 0; top: calc(50% - 1rem);
}

.method .__pattern:nth-of-type(2) .__chara:nth-of-type(2) { margin-left: 3%;}

.method .__pattern .__baloon {
	text-align: center;
	margin-bottom: 0;
	position: absolute; bottom: 0; left: 33%;
}

.method .__pattern .__baloon span {
	display: inline-block;
	background: #fff;
	color: #f00;
	font-weight: bold;
	border-radius: 50%;
	padding: 18px 30px 14px;
	position: relative;
}

.method .__pattern:nth-of-type(1) .__baloon span::before {
	content: '';
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-bottom: 18px solid #fff;
	position: absolute; top: 3px; left: 0;
	transform: rotate(-30deg);
}

.method .__pattern:nth-of-type(1) .__baloon span::after,
.method .__pattern:nth-of-type(2) .__baloon span::after {
	content: '';
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-bottom: 18px solid #fff;
	position: absolute; top: 3px; right: 0;
	transform: rotate(30deg);
}


.method .__c_style .__block:nth-of-type(2) .__chara_w:nth-of-type(2) {
	position: relative;
	margin-top: 30px;
	padding-top: 30px;
}

.method .__c_style .__block:nth-of-type(2) .__chara_w:nth-of-type(2)::before {
	content: '';
	display: block;
	width: 100%; height: 12px;
	background-image:
		radial-gradient(#857c76 20%, transparent 20%),
		radial-gradient(#857c76 20%, transparent 20%);
	background-size: 12px 12px;
	background-position: 0 0, 12px 12px;
	position: absolute; left: 0; top: 0;
}

.method .__c_style .__block:nth-of-type(2) .__chara_w:nth-of-type(2)::after {
	content: 'or';
    position: absolute; top: -1.6rem; left: calc(50% - 1rem);
    font-family: 'Gloria Hallelujah';
    font-size: 1.8rem;
	color: #e2dbd6;
}

.method .__c_style .__pattern .__area { padding-left: 3%;}

.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(1) {
	padding-right: 5%;
	position: relative;
}

.method .__c_style .__pattern .__block:nth-of-type(1) .__cost { position: absolute; bottom: 0; left: 20%;}

.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(1) .__chara_w { flex-direction: column; align-items:center;}

.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(1) .__chara:nth-of-type(1) { margin-bottom: 20px;}

.method .__c_style .__pattern:nth-of-type(1) .__block:nth-of-type(1) > img { position: absolute; top: calc(50% - 90px); left: 5%;}

.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(1) { padding-right: 0;}
.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(1)::after { content: none;}
.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(2) { padding-right: 10%;}



/* xl */
@media screen and (min-width: 1200px) {
	.method .__c_style .__pattern .__block:nth-of-type(2) .__chara > img { width: 7vw; max-width: 106px;}

	.method .__c_style .__pattern:nth-of-type(1) .__block:nth-of-type(2) .__chara:last-of-type > img,
	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara:nth-last-of-type(2) > img { width: 9vw; max-width: 144px;}

}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	
}

/* xs */
@media screen and (max-width: 575.98px) {
	.method .__pattern h3 {
		margin-bottom: 5vw;
		padding-left: 60px;
	}

	.method .__contents .__flow .__area {
		flex-wrap: wrap;
	}

	.method .__contents .__flow2 .__chara { margin-right: 1.5vw; margin-left: 1.5vw;}

	.method .__pattern .__area {
		display: flex;
		flex-direction: column;
		justify-content: center; align-items: stretch;
		padding-bottom: 0;
	}

	.method .__pattern .__block:nth-of-type(1) {
		padding-right: 0; padding-bottom: 18px;
	}

	.method .__pattern .__block:nth-of-type(2) {
		padding-left: 0;
		display: flex;
		flex-direction: column-reverse; justify-content: center; align-items: center;
	}

	.method .__pattern .__block:nth-of-type(1)::before {
		content: '';
		display: block;
		height: 12px; width: 100%;
		background-image:
			radial-gradient(#fff1f3 20%, transparent 20%),
			radial-gradient(#fff1f3 20%, transparent 20%);
		background-size: 12px 12px;
		background-position: 0 0, 12px 12px;
		position: absolute; top: auto; right: auto; left: 0; bottom: -36px;
	}

	.method .__pattern .__block:nth-of-type(1)::after { content: none;}

	.method .__pattern .__block p:first-child { margin-bottom: 0.9rem;}

	.method .__pattern .__baloon { position: static; left: auto; bottom: auto;}

	.method .__pattern:nth-of-type(1) .__baloon span::after,
	.method .__pattern:nth-of-type(1) .__baloon span::before { content: none;}

	.method .__pattern:nth-of-type(2) .__baloon span::after {
		top: auto; bottom: -10px; right: calc(50% - 12px);
		transform: none;
		border-bottom: none;
		border-top: 18px solid #fff;
	}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(2)::after { font-size: 1.2rem; right: -2vw;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(2) .__chara_w:nth-of-type(2) .__chara:nth-of-type(2) { padding-right: 4vw;}

	.method .__c_style .__pattern:nth-of-type(1) .__block:nth-of-type(1) > img,
	.method .__c_style .__pattern .__block:nth-of-type(1) .__cost { position: static;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(1) { padding-right: 0;}
	.method .__c_style .__block:nth-of-type(2) .__chara_w:nth-of-type(2) { margin-top: 0; padding-top: 10px;}

	.method .__c_style .__block:nth-of-type(2) .__chara_w:nth-of-type(2)::before { top: auto; bottom: -30px;}
	.method .__c_style .__block:nth-of-type(2) .__chara_w:nth-of-type(2)::after { top: auto; bottom: -45px;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(1) .__chara_w { flex-direction: row; align-items: flex-end;}

	.method .__c_style .__pattern:nth-of-type(2) .__block:nth-of-type(1) .__chara:nth-of-type(1) { margin-bottom: 0;}
}






/* ==========================================================

	お迎え上の注意
		購入の手順

========================================================== */
.flow section {
	padding-right: 50px; padding-left: 50px;
}

.flow .title01 {
	font-size: 1.8rem;
	padding-top: 26px; padding-bottom: 30px;
	margin-left: -50px;
}

.flow .title01 span {
	display: inline-block;
	width: 1.8rem;
	font-weight: normal;
	text-align: center;
	font-size: 1.4rem;
	border: 1px solid #dcd5cc;
	border-radius: 50%;
	position: relative; top: -2px; left: -8px;
}

.flow a { word-break: break-all;}

.flow .__img { text-align: center;}

.flow .__img img { max-width: 100%;}

.flow .__text { margin-bottom: 1.5rem;}

.flow .__mezasi { border-top: dashed 2px #fbeaba;}

.flow .__mezasi h3 {
	text-align: center;
	margin-bottom: 1.5rem;
}

.flow .__mezasi .__image {
	text-align: center;
	margin-bottom: 1rem;
}

.flow .__mezasi .__image img { max-width: 729px;}

.flow .__point {
	background: url(../img/bg_paper_center.png) no-repeat center center / 100% 100%;
	padding: 60px 60px 60px 70px;
	position: relative;
	max-width: 930px; margin-right: auto; margin-left: auto;
	color: #2d2d2d;
}

.flow .__point::before {
	content: '';
	display: block;
	width: 70px; height: 100%;
	background: url(../img/bg_paper_left.png) no-repeat center center / 100% 100%;
	position: absolute; top: 0; left: 0;
}

.flow .__point::after {
	content: '';
	display: block;
	width: 60px; height: 100%;
	background: url(../img/bg_paper_right.png) no-repeat center center / 100% 100%;
	position: absolute; top: 0; right: 0;
}

/* xl */
@media screen and (min-width: 1200px) {
	.flow .__img { margin-bottom: 40px;}

	.flow .__img .__arr { margin-top: 40px; margin-bottom: 40px;}

	.flow .__mezasi {
		margin-top: 80px; 
		padding-top: 40px; padding-right: 30px; padding-left: 30px;
	}

	.flow .__mezasi .__image img { width: 80%;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.flow .__img { margin-bottom: 30px;}

	.flow .__img .__arr { margin-top: 30px; margin-bottom: 30px;}

	.flow .__mezasi {
		margin-top: 60px; 
		padding-top: 30px; padding-right: 30px; padding-left: 30px;
	}

	.flow .__mezasi .__image img { width: 70%;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.flow .__img { margin-bottom: 20px;}

	.flow .__img .__arr { margin-top: 20px; margin-bottom: 20px;}

	.flow .__mezasi {
		margin-top: 40px; 
		padding-top: 20px; padding-right: 10px; padding-left: 10px;
	}

	.flow .__mezasi .__image img { width: 90%;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.flow .__img { margin-bottom: 20px;}

	.flow .__img .__arr { margin-top: 20px; margin-bottom: 20px;}

	.flow .__mezasi {
		margin-top: 40px; 
		padding-top: 20px; padding-right: 10px; padding-left: 10px;
	}

	.flow .__mezasi .__image img { width: 100%;}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.flow section {
		padding-right: 2vw; padding-left: 2vw;
	}

	.flow .title01 {
		font-size: 6.5vw;
		padding-top: 26px; padding-bottom: 24px;
		margin-left: -2vw;
	}

	.flow .title01 span {
		width: 1.6rem;
		font-size: 1.2rem;
		position: relative; top: 1px; left: -4px;
	}

	.flow .__img { margin-bottom: 4vw;}

	.flow .__img .__arr {
		margin-top: 4vw; margin-bottom: 4vw;
		width: 30vw;
	}

	.flow .__mezasi {
		margin-top: 8vw; 
		padding-top: 5vw;
	}

	.flow .__mezasi .__image img { width: 100%;}

	.flow .__point { padding: 35px 30px 30px 35px;}

	.flow .__point::before { width: 35px;}
	.flow .__point::after { width: 30px;}
}











/* ==========================================================

	めざしについて聞く

========================================================== */
/* summary
===========================================================*/
.about .__summary .__img img { max-width: 100%;}

/* xl */
@media screen and (min-width: 1200px) {
	.about .__summary { margin-bottom: 60px;}

	.about .__summary section { margin-bottom: 40px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.about .__summary section { margin-bottom: 40px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.about .__summary section { margin-bottom: 30px;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.about .__summary section { margin-bottom: 30px;}
}

/* md以上 */
@media screen and (min-width : 768px) {
	.about .__summary {
		display: flex;
		justify-content: center; align-items: center;
	}

	.about .__summary h2 { margin-bottom: 15px;}

	.about .__summary .__img { margin-right: 20px;}
}

/* sm以下 */
@media screen and (max-width : 767.98px) {
	.about .__summary .__img {
		width: 30vw;
		margin-right: auto; margin-left: auto;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {

}


/* link
===========================================================*/
.about .__link a {
	position: relative;
	text-align: center;
}

.about .__link a img { max-width: 100%;}

.about .__link .__title {
	font-family: 'Yusei Magic';
	color: #404a77;
	font-size: 1.3rem;
	width: 100%;
	text-align: center;
	position: absolute; bottom: 10%; left: 0;
}

.about .__link a:hover { opacity: 1;}
.about .__link a:hover .__title { color: #32b4ff;}


/* xl */
@media screen and (min-width: 1200px) {
	.about .__link {
		max-width: 900px;
		margin-right: auto; margin-left: auto;
	}
}

/* md以上 */
@media screen and (min-width : 768px) {
	.about .__link {
		display: flex;
		justify-content: space-between; align-items: stretch;
		margin-bottom: 60px;
	}

	.about .__link a { width: 31%;}
}

/* sm以下 */
@media screen and (max-width : 767.98px) {
	.about .__link a {
		display: block;
		margin-right: auto; margin-left: auto;
		margin-bottom: 5vw;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {
	
}





/* ==========================================================

	めざしについて聞く（子ページ）

========================================================== */
/* xs */
@media screen and (max-width: 575.98px) {
.parent-pageid-74 header .__sub_menu li:nth-of-type(2n-1) { width: 50%;}
.parent-pageid-74 header .__sub_menu li { width: 50%;}
}


/* h3(title01と同じ)
===========================================================*/
.about_child h3 {
	background: url(../img/bg_title_paper.png) no-repeat;
	padding-top: 24px; padding-left: 60px; padding-bottom: 28px;
	color: #dcd5cc;
	font-size: 2rem;
}

/* xl */
@media screen and (min-width: 1200px) {
	.about_child h3  { margin-bottom: 30px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.about_child h3  { margin-bottom: 30px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.about_child h3  { margin-bottom: 30px;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.about_child h3  {
		margin-bottom: 20px;
		background-size: 272px 80px;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.about_child h3  {
		margin-bottom: 5vw;
		font-size: 6.5vw;
		height: 90px;
		padding-left: 40px;
		display: flex;
		align-items: center;
	}
}



/* h4(title03と同じ)
===========================================================*/
.about_child h4 {
	padding-top: 10px; padding-bottom: 5px; padding-left: 70px;
	margin-bottom: 30px;
	background: url(../img/title_ornate02_green.png) no-repeat;
}

/* xs */
@media screen and (max-width: 575.98px) {
	.about_child h4 { padding-left: 60px;}
}














/* ==========================================================

	archive（ブログ系）

========================================================== */
.archive_list {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	align-items: stretch;
	grid-gap: 30px 30px;
}

.archive_list .__block {
	background: url(../img/bg_blog_archive.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 20px; padding-bottom: 50px;
	color: #241e1e;
	text-decoration: none;
	position: relative;
}

.archive_list .__block:hover {
	opacity: 1;
	color: #7a789c;
}

.archive_list .__block:hover img { opacity: 0.8;}

.archive_list .__block .__thumb {
	height: 200px;
	text-align: center;
	margin-right: 15px; margin-bottom: 20px; margin-left: 10px;
	overflow: hidden;
}

.archive_list .__block .__thumb img { width: auto; height: 100%;}

.archive_list .__block .__text {
	margin-right: 20px; margin-left: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Yusei Magic';
	line-height: 1.5;
}

.archive_list .__block time {
	position: absolute; bottom: 20px; right: 10px;
	font-size: 0.8rem;
}


/* xl */
@media screen and (min-width: 1200px) {
	.archive main { margin-bottom: 50px;}

	.archive_list {
		grid-gap: 40px 30px;
		margin-bottom: 100px;
	}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.archive_list { grid-gap: 40px 40px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.archive_list { grid-gap: 40px 20px;}
}

/* sm以下 */
@media screen and (max-width : 767.98px) {
	.archive_list { display: block;}

	.archive_list .__block {
		display: block;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.archive_list .__block > div {
		display: flex;
		justify-content: flex-start; align-items: center;
	}

	.archive_list .__block .__thumb {
		width: 40vw; height: 40vw;
	}

	.archive_list .__block .__text {
		flex: 1;
		font-size: 1.4rem;
		margin-left: 0;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.archive main { margin-bottom: 8vw;}
	
	.archive_list {
		margin-bottom: 10vw;
	}
}












/* ==========================================================

	single（ブログ系）

========================================================== */
.wrapper_blog {
	max-width: 900px;
	margin-right: auto; margin-left: auto;
}

/* xl */
@media screen and (min-width: 1200px) {
	.wrapper_blog { margin-bottom: 120px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.wrapper_blog { margin-bottom: 100px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.wrapper_blog { margin-bottom: 80px;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.wrapper_blog { margin-bottom: 60px;}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.wrapper_blog { margin-bottom: 20vw;}
}

/* h3(title01とほぼ同じ)
===========================================================*/
.wrapper_blog h3 {
	background: url(../img/bg_title_paper.png) no-repeat;
	padding-top: 28px; padding-left: 60px; padding-bottom: 32px;
	color: #dcd5cc;
}

/* xl */
@media screen and (min-width: 1200px) {
	.wrapper_blog h3 { margin-bottom: 30px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.wrapper_blog h3 { margin-bottom: 30px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.wrapper_blog h3 { margin-bottom: 30px;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.wrapper_blog h3 {
		margin-bottom: 20px;
		background-size: 272px 80px;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.wrapper_blog h3 {
		margin-bottom: 5vw;
		font-size: 6.5vw;
		height: 90px;
		padding-left: 40px;
		display: flex;
		align-items: center;
	}
}