@charset "utf-8";

body {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-style: normal;
	scroll-behavior: smooth;
	overflow-y: scroll;
}

/***********************************************************************

------------------------------------------------------------------------
FADE UP系アニメーション
***********************************************************************/

/* fadeUp
========================================== */

.anime_fadeUp {
	opacity:0.1;
	transform:translate(0,50px);
	transition:all 1s;
}
.anime_fadeUp.inView {
	opacity:1;
	transform:translate(0,0);
}
.anime_fadeUp.inView + .anime_fadeUp.inView {
		transition-delay: .2s
}
.fadeUp_delay {
	opacity:0;
}
.fadeUp_delay.inView {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
	@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* fadeInBlur
========================================== */

.anime_fadeInBlur {
	opacity:0;
		transform:scale(1.1,1.1);
		-webkit-filter:blur(3px);
		filter:blur(3px);
	transition:all 1s;
}
.anime_fadeInBlur.inView {
	opacity:1;
		transform:scale(1,1);
		-webkit-filter:blur(0);
		filter:blur(0);
}
.anime_fadeInBlur.inView {
	opacity:1;
		transform:scale(1,1);
		-webkit-filter:blur(0);
		filter:blur(0);
}

/* DOOR
========================================== */

.anime_door {
	position: relative;
	overflow: hidden;
}
.anime_door:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: #fff;
	transition: transform cubic-bezier(0.8, 0, 0.2, 1) 0.8s;
}
.anime_door.inView:before {
	transform: translate3d(100%, 0, 0);
}
.anime_door.door_bk:before {
	background: #000;
}

/* メニューページのアニメーション
========================================== */

.anime_menu {
	opacity: 0.3;
	transform: translate(0,30px);
	transition: 1s all;
}
.anime_menu.inView {
	opacity: 1;
	transform: translate(0,0)
}


/* 背景
========================================== */

.bg-pt-grid-gr01 {
	background: url(../img/common/bg_pt_grid_gr01.svg);
}
.bg-lgy {
	background: #F9F8F3;
}
.bg-or {
	background: #C97D60;
}
.bg-full {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
}
.bg-full-wrap {
	padding-bottom: 60px;
}
.l-full {
	width: 100vw;
	margin: 0 calc(50% - 50vw );
}
.main-content .bg-full02 {
	background: #C97D60;
	margin-right: calc(50% - 50vw);
	width: calc(100vw - 300px);
}
@media only screen and (max-width: 767px) {
	.bg-full {
		margin: 0 calc(50% - 50vw );
		padding: 0 calc(50vw - 50% );
	}
}

/* 幅
========================================== */

.inner-large {
	max-width: 1500px;
	padding: 0 25px;
	width: 100%;
	margin-inline: auto;
}
.inner-medium {
	max-width: 1190px;
	padding: 0 25px;
	width: 100%;
	margin-inline: auto;
}
.inner-small {
	max-width: 800px;
	padding: 0 25px;
	width: 100%;
	margin-inline: auto;
}

.inner-large .inner-medium ,
.inner-medium .inner-small ,
.inner-large .inner-small {
	padding-left: 0;
	padding-right: 0;
}

/* 項目縦
========================================== */

.l-section {
	padding-top: 60px;
	padding-bottom:60px;
}
.main-content > .l-section.bg-pt-grid-gr01 {
	padding-top: 50px;
}
.border-top {
	border-top: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
	.l-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.l-section + .l-section {
		padding-top: 0;
	}
	.l-section + .l-section.bg-lgy ,
	.l-section.bg-lgy + .l-section ,
	.l-section + .l-section.border-top {
		padding-top: 40px;
	}
}

/* タイトル
========================================== */

.tit-main {
	font-size: 34px;
	font-weight: bold;
	position: relative;
	padding-left: 46px;
}
.tit-main::after {
	content: "";
	width: 24px;
	height: 4px;
	background: #000;
	display: block;
	position: absolute;
	left: 0;
	top: 34px;
}

@media only screen and (max-width: 767px) {
	.tit-main {
		font-size: 20px;
		padding-left: 23px;
	}
	.tit-main::after {
		height: 1px;
		top: 20px;
		width: 14px;
	}
}
.tit-sub01 {
	font-weight: bold;
	font-size: 27px;
	color: #C97D60;
	position: relative;
	padding-left: 40px;
	border-bottom: #707070 1px solid;
	padding-bottom: 1em;
}
.tit-sub01::after {
	content: "";
	width: 26px;
	height: 4px;
	background: #C7C7C7;
	display: block;
	position: absolute;
	left: 0;
	top: 27px;
}
@media only screen and (max-width: 767px) {
	.tit-sub01 {
		font-size: 20px;
		padding-left: 30px;
		padding-bottom: 0.5em;
	}
	.tit-sub01::after {
		width: 14px;
		height: 2px;
		top: 18px;
	}
}

.tit-sub01 + .text-basic {
	margin-top: 40px;
}
.tit-main + .text-basic ,
.tit-main + .text-catch20 ,
.tit-case + .text-basic {
	margin-top: 40px;
}
.text-basic {	font-size: 18px; line-height: 2em;}
.text-basic + .text-basic {	margin-top: 1em;}

@media only screen and (max-width: 767px) {
	.text-basic {	font-size: 14px;}
}


/* キャッチコピー
========================================== */

.text-catch {
	font-weight: bold;
	font-size: 34px;
	margin-bottom: 50px;
}
.text-catch20 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
	.text-catch {
		font-size: 26px;
	}
	.text-catch20 {
		margin-bottom: 20px;
		font-size: 16px;
	}
}

/*-----------------------------------------------------
下層ページのページヘッドライン
-------------------------------------------------------*/

#page-head {
}
#page-head .page-head-text {
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	#page-head {
		margin-top: 0;
		background-size: contain;
	}
}

/* FLEX
========================================== */

.l-flex {
	display: flex;
}
.ju-sb {
	justify-content: space-between;
}
.ju-center {
	justify-content: center;
}
.gap030 {gap: 30px;}


.flex-col02 {
	display: flex;
	justify-content: space-between;
}
.flex-col02 > div {
	max-width: 49%;
	width: 100%;
}

/* ページタイトル
========================================== */

#page-tit {
	height: 300px;
	display: flex;
	align-items: center;
}
#page-tit.bg-case {
	background: url(../img/common/pic_pagetit_case.jpg) no-repeat right;
}
#page-tit.bg-faq {
	background: url(../img/common/pic_pagetit_faq.jpg) no-repeat right;
}
#page-tit.bg-clinic {
	background: url(../img/common/pic_pagetit_clinic.jpg) no-repeat right;
}
#page-tit.bg-concept {
	background: url(../img/common/pic_pagetit_concept.jpg) no-repeat right;
}
#page-tit.bg-recruit {
	background: url(../img/common/pic_pagetit_recruit.jpg) no-repeat right;
}
#page-tit.bg-voice {
	background: url(../img/common/pic_pagetit_voice.jpg) no-repeat right;
}
#page-tit > h1 {
	font-size: 36px;
	font-weight: bold;
	color: #C97D60;
	background: #fff;
	display: inline-block;
	padding: 0 .5em;
}
@media only screen and (max-width: 767px) {
	#page-tit.bg-concept {
		background: url(../img/common/pic_pagetit_concept_sp.jpg) no-repeat right;
	}
	#page-tit {
		height: 140px;
		margin: 0 calc(50% - 50vw);
		padding: 0 calc(50vw - 50%);
	}
	#page-tit.bg-case ,
	#page-tit.bg-faq ,
	#page-tit.bg-clinic ,
	#page-tit.bg-concept ,
	#page-tit.bg-recruit ,
	#page-tit.bg-voice {
		background-size: cover;
	}
	#page-tit.bg-case {
	}
	#page-tit > h1 {
		font-size: 26px;
	}
	#page-tit.bg-recruit {
		background-size: cover;
	}
}


/*-----------------------------------------------------
パンクズナビ
-------------------------------------------------------*/

#page-pNav {
	margin-top: 20px;
	background: #EEE3DA;
		margin: 0 calc(50% - 50vw);
	padding: .5em calc(50vw - 50%);
}
#page-pNav ul {
	display: flex;
	gap: 40px;
}
#page-pNav ul li {
	color: #C97D60;
}
#page-pNav ul li + li {
	background: url(../img/common/ic_arr_r_bk.svg) no-repeat center left;
	padding-left: 40px;
}
#page-pNav ul li a {
	color: #C97D60;
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	#page-pNav {
		margin-top: 0;
		overflow-y: scroll;
	}
	#page-pNav ul {
		gap: 20px;
		font-size: 12px;
		width: max-content;
	}
	#page-pNav ul li + li {
		padding-left: 20px;
	}
}

/*-----------------------------------------------------
ページ内リンク
-------------------------------------------------------*/

.page-head-pager {
	margin-top: 36px;
	padding-bottom: 40px;
}
.page-head-pager ol {
	display: flex;
	box-shadow: 0px 5px 10px -10px #000000;
	border-radius: 10px;
	background: #fff;
	padding: 22px 35px;
	gap: 30px;
}
.page-head-pager ol li {}
.page-head-pager ol li a {
	font-weight: bold;
	background: url(../img/common/ic_arr_btm_bk.svg) no-repeat right center;
	padding-right: 20px;
}
@media only screen and (max-width: 767px) {
	.page-head-pager ol {
		flex-wrap: wrap;
		font-size: 14px;
		padding: 20px;
	}
}

/* ボタン
========================================== */

.btn-cv::after {
	content: "";
	background: url(../img/common/ic_arr_r_wh.svg) no-repeat;
	display: block;
	width: 23px;
	height: 15px;
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -7px;
}
.btn-cv {
	display: inline-block;
	border-radius: 5em;
	background: linear-gradient(180deg,rgba(255, 110, 55, 1) 0%, rgba(255, 120, 43, 1) 88%, rgba(255, 154, 1, 1) 100%);
	text-align: center;
	color: #fff;
	padding: 1em 3em 1em  2em;
	border-bottom: #D43A00 5px solid;
	font-size: 18px;
	line-height: 1;
	position: relative;
}

.btn-line {
	color: #06C755;
	font-size: 18px;
	line-height: 1;
	padding: 26px 26px 26px 96px;
	border: #06C755 3px solid;
	border-radius: 6px;
	display: inline-block;
	background: url(../img/common/ic_sns_line.png) no-repeat center left 16px;
	background-size: 49px;
}
@media only screen and (max-width: 767px) {
	.btn-line {
		font-size: 16px;
	}
}
.btn-green {
	background: #62B9B4 url(../img/common/ic_arr_r_wh.svg) no-repeat right 1em center;
	text-align: center;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	padding: 18px 60px 22px 40px ;
	line-height: 1;
	border-radius: 8px;
	border-bottom: #4C9591 7px solid;
}
@media only screen and (max-width: 767px) {
	.btn-green {
		font-size: 16px;
	}
}

/*-----------------------------------------------------
　共通パーツ-お問い合わせフォーム
-------------------------------------------------------*/

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

.l-contact {
	background: #C97D60;
	padding: 40px 0;
}
.l-contact .l-contact-box {
	background: #fff;
	max-width: 1140px;
	width: calc(100% - 50px);
	margin-inline:auto ;
	padding: 30px;
	text-align: center;
}
.l-contact .l-contact-box .l-contact-tit {
	color: #FB7C4C;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding-bottom: 1em;
}
.l-contact .l-contact-box .btn-cv {
	max-width: 560px;
	width: 100%;
	font-size: 24px;
}
@media only screen and (max-width: 767px) {
	.l-contact .l-contact-box .btn-cv {
		font-size: 17px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.l-contact .l-contact-box dl.l-contact-line {
	margin-top: 30px;
}
.l-contact .l-contact-box dl.l-contact-line dt {
	text-align: center;
	font-size: 14px;
}
.l-contact .l-contact-box dl.l-contact-line dd {
	text-align: center;
	margin-top: 16px;
}
.l-contact .l-contact-box dl.l-contact-line dd a {
}

/*-----------------------------------------------------
　共通パーツ-診察時間・アクセス
-------------------------------------------------------*/


.l-access .l-access-flex {
	display: flex;
	justify-content: flex-start;
	margin-top: 80px;
	gap: 50px;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.l-access .l-access-flex {
		margin-top: 40px;
	}
}

/* 店名
========================================== */

.l-access .l-access-shop {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: normal;
}
.l-access .l-access-shop span {
	font-size: 12px;
	display: block;
}

/* 住所
========================================== */

.l-access .l-access-address {
	font-size: 14px;
	margin-top: 30px;
}

/* 電話番号
========================================== */

.l-access .l-access-tel {
	margin-top: 16px;
}
.l-access .l-access-tel a {
	display: inline-block;
	text-align: center;
	font-size: 24px;
	color: #C97D60;
	background: #F9F8F3;
	padding: 17px 90px;
	line-height: 1;
}
.l-access .l-access-tel a + p {
	font-size: 14px;
}
@media only screen and (max-width: 767px) {
	.l-access .l-access-tel a {
		display: block;
		padding:17px;
	}
	.l-access .l-access-tel a + p {
		margin-top: 10px;
	}
}


/* 診察時間
========================================== */

.wrap-table {
	overflow-x: scroll;
	padding: 0 1em;
	width: 100%;
}

.wrap-table table {
	width: 100%;
}

table.l-access-time {
	text-align: center;
	width: 100%;
	font-size: 13px;
	line-height: 1;
	margin-top: 35px;
}
@media only screen and (max-width: 767px) {
	.wrap-table {
		width: calc( 100vw - 2em );
		margin-top: 15px;
		padding: 0;
	}
	table.l-access-time {
		width: max-content;
		margin-top: 0;
	}
	.text-swipe {
		text-align: right;
	}
	.text-swipe em {
		background: url(../img/common/ic_swipe.svg)no-repeat left center;
		padding-left: 2em;
		display: inline-block;
		font-size: 14px;
	}
	.text-swipe + p {
		font-size: 14px;
	}
}

table.l-access-time + p {
	font-size: 14px;
	letter-spacing: normal;
	margin-top: 10px;
}
table.l-access-time thead {}
table.l-access-time thead tr {
	border-bottom: 1px solid #ccc;
}
table.l-access-time thead tr th {
	font-weight: bold;
	text-align: center;
	padding: 1em;
	font-size: 14px;
}
table.l-access-time thead tr th:nth-of-type(1) {
	border-right: 1px solid #ccc;
}
table.l-access-time tbody {}
table.l-access-time tbody tr {
	border-bottom: 1px solid #ccc;
}
table.l-access-time tbody tr th {
	font-weight: bold;
	padding: 1em;
}
table.l-access-time tbody tr th:nth-of-type(1) {
	border-right: 1px solid #ccc;
	text-align: center;
	width: 180px;
}
table.l-access-time tbody tr td {
	font-weight: bold;
	padding: 1em;
	text-align: center;
}
table.l-access-time .close { background: #E5E5E5;}
table.l-access-time .sat { background: #E5FCFF;}
table.l-access-time .sun { background: #FFE5E5;}
table.l-access-time .satsun { background: linear-gradient(90deg,rgba(229, 252, 255, 1) 0%, rgba(229, 252, 255, 1) 50%, rgba(255, 229, 229, 1) 50%, rgba(255, 229, 229, 1) 100%);}

@media only screen and (max-width: 767px) {
	table.l-access-time th ,
	table.l-access-time td {
		height: 40px;
	}
	table.l-access-time thead tr th:nth-of-type(1) ,
	table.l-access-time tbody tr th:nth-of-type(1) {
		width: 120px;
		position: absolute;
		background: #fff;
		font-size: 13px;
	}
	table.l-access-time thead tr th:nth-of-type(2) ,
	table.l-access-time tbody tr td:nth-of-type(1) {
		padding-left: 140px;
	}
}


/* 初診予約
========================================== */

.l-access .l-access-yoyaku {
	margin-top: 30px;
}
.l-access .l-access-yoyaku .l-access-yoyaku-tit {
	color: #C97D60;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 25px;
}

/* 診察時間
========================================== */

.l-access .l-access-map {
	max-width: 470px;
}
.l-access .l-access-map .l-access-map-tit {
	font-size: 16px;
}
.l-access .l-access-map .l-access-map-tit h3 {
	font-size: 25px;
}
@media only screen and (max-width: 767px) {
	.l-access .l-access-map .l-access-map-tit h3 {
		font-size: 20px;
	}
}


/* 当院の治療方針
========================================== */

ol.l-policy-list {
	display: flex;
	justify-content: center;
	gap: 50px 17px;
	flex-wrap: wrap;
	margin-top: 50px;
}
ol.l-policy-list li {
	max-width: 350px;
	width: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 18px -14px #000000;
	overflow: hidden;
}
@media only screen and (max-width: 767px) {
	.inner-large:has(ol.l-policy-list) {
		padding: 0 10px;
	}
	ol.l-policy-list {
		gap: 10px;
		margin-top: 20px;
	}
	ol.l-policy-list li {
		width:calc( 50% - 10px);
	}
}

ol.l-policy-list li a {
	position: relative;
	display: block;
	height: 100%;
}
ol.l-policy-list li a::after {
	content: "";
	width: 30px;
	height: 30px;
	background: url(../img/common/ic_arr_cir_green.svg)no-repeat;
	background-size: 30px;
	display: block;
	position: absolute;
	right: 18px;
	bottom: 18px;
}
ol.l-policy-list li figure {
	overflow: hidden;
}
ol.l-policy-list li figure img {
	transition: all .3s;
}
ol.l-policy-list li figure:hover img {
	transform: scale(1.25);
}
ol.l-policy-list li dl {
	text-align: center;
	padding: 30px 0;
}
ol.l-policy-list li dl dt * {
	font-weight: bold;
	color: #C97D60;
	font-size: 19px;
	text-align: center;
}
ol.l-policy-list li dl dd {
	text-align: center;
	font-size: 14px;
	letter-spacing: normal;
}
ol.l-policy-list li dl dd span {
	display: block;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	ol.l-policy-list li a::after {
		top: 50px;
		right: 10px;
	}
	ol.l-policy-list li dl {
		padding: 10px 0;
	}
	ol.l-policy-list li dl dt * {
		font-size: 12px;
		letter-spacing: normal;
	}
	ol.l-policy-list li dl dd {
		font-size: 10px;
	}
}

/* 初診案内
========================================== */

.page-first {}
.page-first .page-first-flex {
	display: flex;
	gap: 70px;
	margin-top: 50px;
}
.page-first-body {
	max-width: 600px;
	width: 100%;
}
.page-first ol.page-first-list {
	padding-bottom: 46px;
	margin-top: 25px;
}
.page-first ol.page-first-list li {
	background: #F9F8F3;
	font-size: 18px;
	padding: 16px 28px;
}
.page-first ol.page-first-list li + li {
	margin-top: 14px;
}
@media only screen and (max-width: 767px) {
	.page-first picture {
		text-align: center;
	}
	.page-first picture img {
		width: 80%;
		margin-inline: auto;
	}

	.page-first .page-first-flex {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 20px;
	}
	.page-first ol.page-first-list {
		padding-bottom: 20px;
	}
	.page-first ol.page-first-list li {
		font-size: 14px;
		padding: 8px;
	}
}



/* よくある質問
========================================== */

.page-faq {
	margin-top: 40px;
}
.page-faq dl.page-faq-item {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 54px;
	padding-top: 34px;
}
.page-faq dl.page-faq-item + dl.page-faq-item {
	border-top: none;
}
.page-faq dl.page-faq-item dt {
	font-size: 22px;
	background: url(../img/common/ic_faq_q.svg) no-repeat left top;
	min-height: 50px;
	padding: 0 15px 15px 70px;
}
.page-faq dl.page-faq-item dt * {
	font-weight: bold;
}
.page-faq dl.page-faq-item dd {
	padding: 0 70px;
}

@media only screen and (max-width: 767px) {
	.page-faq dl.page-faq-item {
		padding-top: 20px;
		padding-bottom: 25px;
	}
	.page-faq dl.page-faq-item dt {
		background: url(../img/common/ic_faq_q.svg) no-repeat left 0 top 2px;
		background-size: 28px;
		padding:0 0 0 40px;
		font-size: 16px;
		min-height: auto;
	}
	.page-faq dl.page-faq-item dd {
		padding:0 0 0 40px;
		font-size: 14px;
		margin-top: 1em;
	}
}

.bg-pt-green {}


/*-----------------------------------------------------
LINEの申し込み
-------------------------------------------------------*/

.page-line {
	background: url(../img/common/bg_pt_cir_gr.svg);
	padding-top: 30px;
	padding-bottom: 30px;
}
.page-line .page-line-content {
	background: #fff;
	border-radius: 8px;
	border: #06C755 4px solid;
	padding: 40px;
	margin-top: 30px;
	margin-bottom: 10px;
	max-width: 960px;
	margin-inline: auto;
}
.page-line .page-line-flex {
	display: flex;
	justify-content: center;
	gap: 150px;
}
@media only screen and (max-width: 767px) {
	.page-line .page-line-flex {
		flex-wrap: wrap;
		gap: 40px;
	}
	.page-line .page-line-content {
		padding: 20px;
	}
}

.page-line .page-line-tit {
	background:linear-gradient(transparent 70%, #C1F1D5 70%);
	padding: 0 1em;
	line-height: 1.6;
}

.page-line .page-line-tit span {
	color: #06C755;
	font-weight: bold;
	font-size: 24px;
}
.page-line .page-line-tit em {
	font-size: 38px;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
	.page-line .page-line-tit span {
		display: block;
		text-align: center;
		font-size: 20px;
	}
	.page-line .page-line-tit em {
		font-size: 26px;
		display: block;
		text-align: center;
	}
}

.page-line .page-line-text {
	display: flex;
	margin-top: 20px;
	gap: 20px;
}
.page-line .page-line-text span {
	font-weight: bold;
	font-size: 20px;
	display: block;
	text-align: center;
}
.page-line .page-line-text em {
	font-size: 40px;
	font-weight: bold;
	display: block;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.page-line .page-line-text {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
	}
	.page-line .page-line-text div {
		text-align: center;
		display: block;
		width: 100%;
	}
	.page-line .page-line-text picture {
		text-align: center;
		display: block;
	}
	.page-line .page-line-text picture img {
		margin-inline: auto;
	}
	.page-line .page-line-text em {
		font-size: 36px;
	}
	.page-line .page-line-text picture {
		margin-top: 20px;
	}
}


/* LINE-QRコード
========================================== */

.page-line .page-line-qr {
	position: relative;
}
@media only screen and (max-width: 767px) {
	.page-line .page-line-qr {
		display: none;
	}

}
.page-line .page-line-qr::after {
	content: "";
	clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
	background: #A9EEC5;
	width: 60px;
	height: 100px;
	display: block;
	position: absolute;
	left: -100px;
	top: 50%;
	margin-top: -50px;
}
.page-line .page-line-qr > p {
	text-align: center;
	font-size: 12px;
}
.page-line .page-line-qr > figure {
	background: #C1F1D5;
	padding: 10px;
	margin-top: 10px;
}

/* YouTube埋め込み
========================================== */

.videoWork {
	max-width:800px;
	margin:20px auto 0;
}
.videoWork p {
	width:100%;
	padding-top:56.25%;
	position:relative;
}
.videoWork p iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}