@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

/* ----------------------------------------
- RESET BROWSER EFFECT
---------------------------------------- */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;line-height:1}article,main,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:after,q:before{content:''}abbr,acronym{border:0}img{vertical-align:top}
/* ----------------------------------------
- MODULE
---------------------------------------- */

/* tel
----------------------------------------------------- */
a.tel,
.pc a.tel{
	text-decoration:none!important;
}
.sd a.tel{
	text-decoration:underline!important;
}

/* ----------------------------------------
- FORMAT
---------------------------------------- */
html {
	font-size: 62.5%;
	height: 100%;
}
body {
	position: relative;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	line-height: 1.75;
	width: 100%;
	background-color: #fff;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	box-sizing: border-box;
	font-feature-settings: "palt";
	letter-spacing: 1px;
}
body * {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	box-sizing: border-box;
	font-feature-settings: "palt";
	letter-spacing: 1px;
}
a {
	text-decoration:underline;
	outline:none;
	color: #e93729;
}
a:hover {
	text-decoration:none;
}
a img {
	-moz-transition: opacity 0.5s ease-out;
	-webkit-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
a:hover img {
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-opacity: 0.5;
	opacity: 0.5;
}
img.fix {
	width: 100%;
	height: auto;
}

span, em, strong, small, i, a {
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	text-decoration: inherit;
	letter-spacing: inherit;
}

.fs12 { font-size:1.2rem; }
.fs13 { font-size:1.3rem; }
.fs14 { font-size:1.4rem; }
.fs15 { font-size:1.5rem; }
.fs16 { font-size:1.6rem; }
.fs18 { font-size:1.8rem; }
.fs20 { font-size: 2.0rem; }
.fs22 { font-size: 2.2rem; }
.fs24 { font-size: 2.4rem; }
.fs26 { font-size: 2.6rem; }
.fs28 { font-size: 2.8rem; }
.fs30 { font-size: 3.0rem; }
.fs35 { font-size: 3.5rem; }
.fs40 { font-size: 4.0rem; }
.fs45 { font-size: 4.5rem; }
.fs50 { font-size: 5.0rem; }
.fs55 { font-size: 5.5rem; }
.fs60 { font-size: 6rem; }
.fs70 { font-size: 7rem; }
.fs80 { font-size: 8rem; }
@media only screen and (max-width:1280px) {
	.fs12 { font-size:1.1rem; }
	.fs13 { font-size:1.2rem; }
	.fs14 { font-size:1.3rem; }
	.fs15 { font-size:1.4rem; }
	.fs16 { font-size:1.5rem; }
	.fs18 { font-size:1.7rem; }
	.fs20 { font-size: 1.8rem; }
	.fs22 { font-size: 1.9rem; }
	.fs24 { font-size: 2.0rem; }
	.fs26 { font-size: 2.2rem; }
	.fs28 { font-size: 2.4rem; }
	.fs30 { font-size: 2.75rem; }
	.fs35 { font-size: 3.0rem; }
	.fs40 { font-size: 3.5rem; }
	.fs45 { font-size: 4.0rem; }
	.fs50 { font-size: 4.75rem; }
	.fs55 { font-size: 5.25rem; }
	.fs60 { font-size: 5.5rem; }
	.fs70 { font-size: 6rem; }
	.fs80 { font-size: 6.5rem; }
}
@media only screen and (max-width:768px) {
	.fs12 { font-size:1.0rem; }
	.fs13 { font-size:1.1rem; }
	.fs14 { font-size:1.2rem; }
	.fs15 { font-size:1.3rem; }
	.fs16 { font-size:1.5rem; }
	.fs18 { font-size:1.6rem; }
	.fs20 { font-size: 1.7rem; }
	.fs22 { font-size: 1.7rem; }
	.fs24 { font-size: 1.8rem; }
	.fs26 { font-size: 2.0rem; }
	.fs28 { font-size: 2.2rem; }
	.fs30 { font-size: 2.5rem; }
	.fs35 { font-size: 2.75rem; }
	.fs40 { font-size: 3.0rem; }
	.fs45 { font-size: 3.5rem; }
	.fs50 { font-size: 3.75rem; }
	.fs55 { font-size: 4rem; }
	.fs60 { font-size: 4.5rem; }
	.fs70 { font-size: 5.5rem; }
	.fs80 { font-size: 6.0rem;}
}
@media only screen and (max-width:480px) {
	.fs13 { font-size:1.0rem; }
	.fs14 { font-size:1.1rem; }
	.fs15 { font-size:1.2rem; }
	.fs18 { font-size:1.5rem; }
	.fs24 { font-size: 1.75rem; }
	.fs26 { font-size: 1.8rem; }
	.fs28 { font-size: 2rem; }
	.fs30 { font-size: 2rem; }
	.fs35 { font-size: 2.25rem; }
	.fs40 { font-size: 2.5rem; }
	.fs45 { font-size: 2.75rem; }
	.fs50 { font-size: 3.0rem; }
	.fs55 { font-size: 3.25rem; }
	.fs60 { font-size: 3.5rem; }
	.fs70 { font-size: 4.5rem; }
	.fs80 { font-size: 5rem; }
}

.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw900 { font-weight: 900; }

.taCenter { text-align: center; }
.taLeft { text-align: left; }
.taRight { text-align: right; }

.lineH10 {line-height: 1; }
.lineH12 {line-height: 1.25; }
.lineH15 {line-height: 1.5; }
.lineH17 {line-height: 1.75; }
.lineH20 {line-height: 2; }

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

.mt0 { margin-top: 0; }
.mt05 { margin-top: 0.5rem; }
.mt10 { margin-top: 1rem; }
.mt15 { margin-top: 1.5rem; }
.mt20 { margin-top: 2.0rem; }
.mt25 { margin-top: 2.5rem; }
.mt30 { margin-top: 3.0rem; }
.mt35 { margin-top: 3.5rem; }
.mt50 { margin-top: 5.0rem; }
.mt75 { margin-top: 7.5rem; }
.mt100 { margin-top: 10rem; }
.mt125 { margin-top: 12.5rem; }

.mb0 { margin-bottom: 0; }
.mb05 { margin-bottom: 0.5rem; }
.mb10 { margin-bottom: 1rem; }
.mb15 { margin-bottom: 1.5rem; }
.mb20 { margin-bottom: 2.0rem; }
.mb25 { margin-bottom: 2.5rem; }
.mb30 { margin-bottom: 3.0rem; }
.mb35 { margin-bottom: 3.5rem; }
.mb50 { margin-bottom: 5.0rem; }
.mb75 { margin-bottom: 7.5rem; }
.mb100 {margin-bottom: 10rem; }

.pt0 { padding-top: 0; }
.pt05 { padding-top: 0.5rem; }
.pt10 { padding-top: 1.0rem; }
.pt15 { padding-top: 1.5rem; }
.pt20 { padding-top: 2.0rem; }
.pt25 { padding-top: 2.5rem; }
.pt30 { padding-top: 3.0rem; }
.pt35 { padding-top: 3.5rem; }
.pt50 { padding-top: 5.0rem; }
.pt75 { padding-top: 7.5rem; }
.pt100 { padding-top: 10.0rem; }

.pb0 { padding-bottom: 0; }
.pb05 { padding-bottom: 0.5rem; }
.pb10 { padding-bottom: 1rem; }
.pb15 { padding-bottom: 1.5rem; }
.pb20 { padding-bottom: 2.0rem; }
.pb25 { padding-bottom: 2.5rem; }
.pb30 { padding-bottom: 3.0rem; }
.pb35 { padding-bottom: 3.5rem; }
.pb50 { padding-bottom: 5.0rem; }
.pb75 { padding-bottom: 7.5rem; }
.pb100 {padding-bottom: 10rem; }

.mlrAuto {
	margin-left: auto;
	margin-right: auto;
}

.colGray { color: #666!important; }
.colWhite { color: #fff!important; }
.colRed{ color: #e93729!important; }
.colOrange{ color: #ea5514!important; }
.colBlue{ color: #121b45!important; }
.colBlack { color: #000!important; }

.flexWrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.brackets {
	position: relative;
	padding: 0.75rem 3.5rem;
}
.brackets::before,
.brackets::after {
	position: absolute;
	content: '';
	top: 0;
	width: 10px;
	height: 100%;
	border-top: 1px solid #e93729;
	border-bottom: 1px solid #e93729;
}
.brackets::before {
	left: 0;
	border-left: 1px solid #e93729;
}
.brackets::after {
	right: 0;
	border-right: 1px solid #e93729;
}

.parenthesis {
	position: relative;
	padding: 1.5rem 3.0rem;
}
.parenthesis::before,
.parenthesis::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 50px;
}
.parenthesis::before {
	top: 0;
	left: 0;
	border-top: 2px solid #e93729;
	border-left: 2px solid #e93729;
}
.parenthesis::after {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid #e93729;
	border-right: 2px solid #e93729;
}

#wrapper {
	position: relative;
	z-index: 1;
	padding-top: 100px;
}
#wrapper .pageArea {
	position: relative;
	width: 100%;
	min-width: 900px;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 2;
}
#wrapper .spWrap {
	display: none;
}
#wrapper .pcWrap {
	display: inline-block;
}
#wrapper .spHidden {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-weight: inherit;
	display: inline;
}
@media only screen and (max-width:768px) {
	#wrapper {
		padding-top: 80px;
	}
	#wrapper .spWrap {
		display: inline-block;
	}
	#wrapper .pageArea {
		min-width: auto;
		max-width: auto;
	}
}
@media screen and (max-width: 480px) {
	#wrapper {
		padding-top: 54px;
	}
	#wrapper .spWrap {
		display: inline-block;
	}
	#wrapper .pcWrap {
		display: none;
	}
	#wrapper .spHidden {
		display: none;
	}
}
#pageWrapper {
	position: relative;
}
#pageWrapper .dispBlock {
	display: block;
	box-sizing: border-box;
}
#pageWrapper .dispInblock {
	display: inline-block;
	box-sizing: border-box;
}
#pageWrapper .dispInline {
	display: inline;
}

#pageWrapper .pageTitle {
	position: relative;
	text-align: center;
	margin-bottom: 5rem;
}
#pageWrapper .pageTitle span {
	display: inline-block;
	line-height: 1.5;
	color: #e93729;
	font-size: 3.2rem;
	letter-spacing: 0.75rem;
	margin-right: -0.75rem;
	font-weight: 900;
	text-align: center;
}
#pageWrapper .pageTitle span::after {
	content: '';
	display: block;
	border-top: 4px solid #e18691;
	width: 7.5rem;
	margin: 2.5rem auto 0;
}
@media only screen and (max-width:768px) {
	#pageWrapper .titleBg::after {
		content: none;
	}
	#pageWrapper .pageTitle {
		margin-bottom: 4rem;
	}
	#pageWrapper .pageTitle span {
		font-size: 3.0rem;
		letter-spacing: 0.5rem;
		margin-right: -0.5rem;
	}
	#pageWrapper .pageTitle span::after {
		width: 6.5rem;
	}
}
@media screen and (max-width: 480px) {
	#pageWrapper .pageTitle {
		margin-bottom: 3rem;
	}
	#pageWrapper .pageTitle span {
		font-size: 1.8rem;
		letter-spacing: 0;
		margin-right: 0;
	}
	#pageWrapper .pageTitle span::after {
		border-top: 3px solid #e18691;
		width: 4.5rem;
	}
}

#mvArea {
	position: relative;
	margin-top: 7.5rem;
	padding: 0;
}
@media only screen and (max-width:768px) {
	#mvArea {
		margin-top: 4.5rem;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
}
@media screen and (max-width: 480px) {
	#mvArea {
		margin-top: 3.0rem;
	}
}

.seminarArea {
	position: relative;
	padding-top: 5rem;
	z-index: 1;
}
.seminarArea .seminarTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
}
.seminarArea .seminarTitle em,
.seminarArea .seminarTitle em small,
.seminarArea .seminarTitle span {
	display: block;
	line-height: 1;
}
.seminarArea .seminarTitle em {
	font-weight: 300;
	font-size: 2.0rem;
	margin-top: 1rem;
}
.seminarArea .seminarTitle em small {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: 600;
	margin-top: 0.5rem;
	font-size: 2.0rem;
}
.seminarArea .seminarTitle span {
	padding-right: 0.75rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 9rem;
}
.seminarArea .banner {
	margin-top: 3.5rem;
	width: 100%;
	height: auto;
}
@media only screen and (max-width:768px) {
	.seminarArea {
		padding-top: 3rem;
	}
	.seminarArea .seminarTitle em {
		font-size: 1.6rem;
	}
	.seminarArea .seminarTitle em small {
		font-size: 1.5rem;
	}
	.seminarArea .seminarTitle span {
		font-size: 7.5rem;
	}
	.seminarArea .banner {
		margin-top: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
}
@media screen and (max-width: 480px) {
	.seminarArea {
		padding-top: 2.5rem;
	}
	.seminarArea .seminarTitle em {
		font-size: 1.4rem;
	}
	.seminarArea .seminarTitle em small {
		font-size: 1.2rem;
	}
	.seminarArea .seminarTitle span {
		font-size: 5rem;
	}
	.seminarArea .banner {
		margin-top: 1.5rem;
	}
}

.seminarArea .accordionArea {
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba( 25, 25, 25, 0.3);
	border-radius: 1rem;
	margin: 3.5rem auto 5rem;
	padding: 0 2.5rem;
	text-align: center;
	overflow: hidden;
}
.seminarArea .accordionArea .accordionTitle {
	position: relative;
	cursor: pointer;
	font-size: 2.4rem;
	font-weight: 700;
	transition: all 0.5s ease;
	padding: 3.5rem 0;
}
.seminarArea .accordionArea .accordionTitle::before {
	position: absolute;
	content:'';
	top: 0%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-top: 14px solid #e93729;
	border-right: 20px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 20px solid transparent;
	transform: translateX(-50%);
}
.seminarArea .accordionArea .accordionTitle::after {
	content: none;
}
.seminarArea .accordionArea .close::before {
	content: none;
}
.seminarArea .accordionArea .close::after {
	position: absolute;
	content:'';
	bottom: 0;
	left: 50%;
	width: 0px;
	height: 0px;
	border-top: 14px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 14px solid #e93729;
	border-left: 20px solid transparent;
	transform: translateX(-50%);
}
.seminarArea .accordionArea .accordionBox {
	display: none;
	margin-top: 2.5rem;
	padding-bottom: 2.5rem;
}
@media only screen and (max-width:768px) {
	.seminarArea .accordionArea {
		width: 95%;
		box-shadow: 0px 0px 10px rgba( 25, 25, 25, 0.3);
		border-radius: 0.75rem;
		margin: 2.5rem auto 2.5rem;
		padding: 0 1.5rem;
		text-align: center;
		overflow: hidden;
	}
	.seminarArea .accordionArea .accordionTitle {
		font-size: 2.0rem;
		padding: 2.75rem 0;
	}
	.seminarArea .accordionArea .accordionTitle::before {
		border-top: 12px solid #e93729;
		border-right: 16px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 16px solid transparent;
	}
	.seminarArea .accordionArea .close::after {
		border-top: 12px solid transparent;
		border-right: 16px solid transparent;
		border-bottom: 12px solid #e93729;
		border-left: 16px solid transparent;
	}
	.seminarArea .accordionArea .accordionBox {
		margin-top: 2.0rem;
		padding-bottom: 2.0rem;
	}
}
@media screen and (max-width: 480px) {
	.seminarArea .accordionArea {
		border-radius: 0.5rem;
		margin: 1.5rem auto 1.5rem;
		padding: 0 1.5rem;
	}
	.seminarArea .accordionArea .accordionTitle {
		font-size: 1.6rem;
		padding: 2.0rem 0;
	}
	.seminarArea .accordionArea .accordionTitle::before {
		border-top: 10px solid #e93729;
		border-right: 14px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 14px solid transparent;
	}
	.seminarArea .accordionArea .close::after {
		border-top: 10px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 10px solid #e93729;
		border-left: 14px solid transparent;
	}
	.seminarArea .accordionArea .accordionBox {
		margin-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}

.inquiryArea {
	display: none;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #ea5415;
	box-shadow: 0px 0px 10px rgba( 25, 25, 25, 0.5);
	z-index: 8;
}
.inquiryArea.def {
	display: block;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.inquiryArea .inquiryAreaInner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	min-width: 900px;
	max-width: 1080px;
	margin: 0 auto;
	padding: 2rem 0;
}
.inquiryArea .inquiryAreaInner div {
	height: 100%;
	margin: 0;
	text-align: center;
}
.inquiryArea .inquiryAreaInner .inqLeft {
	flex-grow: 2;
}
.inquiryArea.def .inquiryAreaInner .inqLeft {
	flex-grow: 1;
}
.inquiryArea .inquiryAreaInner .inqCenter {
	flex-grow: 1;
	/* margin-left: 2rem;
	margin-right: 2rem; */
}
.inquiryArea .inquiryAreaInner .inqRight {
	width: 360px;
}
.inquiryArea.def .inquiryAreaInner .inqRight {
	width: auto;
	flex-grow: 1;
}
.inquiryArea .inquiryAreaInner div .inqBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding: 1.0rem 1.5rem;
	border-radius: 0.5rem;
	box-shadow: 0px 0px 10px rgba( 25, 25, 25, 0.35);
	text-align: center;
	line-height: 1.5;
	min-height: 80px;
	color: #ea5415;

	/* 221223追加 */
	margin: 0 10px;
}
.inquiryArea .inquiryAreaInner div .inqBtn:hover {
	background-color: #fbee01;
}
.inquiryArea .inquiryAreaInner div .inqBtn.order {
	background-color: #fbee01;
}
.inquiryArea .inquiryAreaInner div .inqBtn.order:hover {
	background-color: #fff;
}
.inquiryArea .inquiryAreaInner .inqRight .inqBtn {
	padding: 1.0rem 1.5rem;
	min-height: auto;
}
.inquiryArea.def .inquiryAreaInner div .inqBtn {
	padding: 1.25rem 1.25rem;
	min-height: auto;
}
.inquiryArea .inquiryAreaInner .inqLeft span:first-child {
	display: inline-block;
	border-right: 1px dotted #ea5415;
	padding-right: 1.25rem;
	margin-right: 1.25rem;
}
.inquiryArea.def .inquiryAreaInner .inqLeft span:first-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
.inquiryArea .inquiryAreaInner .inqRight p {
	margin-top: 1.0rem;
}
.inquiryArea .inquiryAreaInner .inqRight p a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}
@media only screen and (max-width:768px) {
	.inquiryArea .inquiryAreaInner {
		min-width: auto;
		max-width: auto;
		margin: 0 auto;
		padding: 1.5rem 1rem;
		border-left: none;
		border-right: none;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.inquiryArea .inquiryAreaInner div {
		margin: 0 0.5rem;
	}
	.inquiryArea .inquiryAreaInner .inqLeft {
		flex-grow: 1;
		width: auto;
	}
	.inquiryArea.def .inquiryAreaInner .inqLeft {
		flex-grow: 1;
		width: auto;
	}
	.inquiryArea .inquiryAreaInner .inqCenter {
		flex-grow: 1;
		width: auto;
	}
	.inquiryArea .inquiryAreaInner .inqRight {
		flex-grow: 1;
		width: auto;
	}
	.inquiryArea .inquiryAreaInner .inqRight p {
		display: none;
	}
	.inquiryArea .inquiryAreaInner div .inqBtn {
		display: block;
		padding: 1rem 1rem 1.25rem;
		border-radius: 0.5rem;
		font-size: 1.6rem;
		line-height: 1.5;
		min-height: auto;
	}
	.inquiryArea .inquiryAreaInner .inqRight .inqBtn {
		padding: 1rem 1rem;
		min-height: auto;
	}
	.inquiryArea .inquiryAreaInner .inqLeft span:first-child {
		display: inline;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 480px) {
	.inquiryArea .inquiryAreaInner div .inqBtn {
		padding: 1rem 0.5rem 1rem;
		border-radius: 0.5rem;
		font-size: 1.3rem;
	}
	.inquiryArea .inquiryAreaInner .inqRight .inqBtn {
		padding: 0.5rem 0.5rem 1rem;
		border-radius: 0.5rem;
		font-size: 1.3rem;
	}
	.inquiryArea.def .inquiryAreaInner div .inqBtn {
		padding: 0.5rem 0.5rem 0.5rem;
		min-height: auto;
		font-size: 10px;
	}
}


#movieArea {
	position: relative;
	margin-top: 7.5rem;
	padding: 7.5rem 0;
	background-color: #efefef;
}
#movieArea .pageArea {
	background-color: #efefef;
}
#movieArea .youtubeArea {
	width: 100%;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}
#movieArea .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#movieArea .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width:768px) {
	#movieArea {
		margin-top: 5rem;
		padding: 3.5rem 0;
	}
	#movieArea .youtubeArea {
		width: 95%;
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width:480px) {
	#movieArea {
		margin-top: 3.5rem;
		padding: 2.5rem 0;
	}
	#movieArea .youtubeArea {
		width: 95%;
		max-width: 95%;
	}
}

#aboutArea {
	position: relative;
	margin-bottom: 7.5rem;
	padding: 7.5rem 0 0;
}
#aboutArea .blockade {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 3.5rem;
}
#aboutArea .blockade figure {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#aboutArea .blockade figure img {
	display: block;
	width: 47.5%;
	height: auto;
}
#aboutArea .blockade figure figcaption {
	display: block;
	width: 100%;
}
#aboutArea .w50 {
	width: 47.5%;
}
@media only screen and (max-width:1200px) {
	#aboutArea .blockade {
		padding: 0 2.5%;
	}
}
@media only screen and (max-width:768px) {
	#aboutArea {
		margin-bottom: 5rem;
		padding: 5rem 0 0;
	}
	#aboutArea .blockade {
		margin-top: 2.5rem;
		width: 100%;
	}
	#aboutArea .blockade p.w50 {
		width: 62.5%;
	}
	#aboutArea .blockade figure.w50 {
		display: block;
		width: 30%;
	}
	#aboutArea .blockade figure img {
		width: 100%;
		height: auto;
		margin-bottom: 0.5rem;
	}
}
@media only screen and (max-width:480px) {
	#aboutArea {
		margin-bottom: 3.5rem;
		padding: 3.5rem 0 0;
	}
	#aboutArea .blockade {
		width: 97.5%;
		display: block;
	}
	#aboutArea .blockade p.w50 {
		width: auto;
	}
	#aboutArea .blockade figure.w50 {
		width: auto;
	}
	#aboutArea .blockade figure img {
		margin-top: 2.5rem;
		margin-bottom: 0;
	}
	#aboutArea .blockade figure figcaption.mt10 {
		margin-top: 0.5rem;
	}
}

#voiceArea {
	position: relative;
	margin-top: 7.5rem;
}
#voiceArea .voiceBox .vicon {
	display: block;
	width: 8.5rem;
	height: 8.5rem;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f8baba;
}
#voiceArea .voiceBox .flexWrap {
	align-items: center;
}
#voiceArea .voiceBox .flexWrap .flexBox {
	padding: 0 2.5rem;
}
#voiceArea .voiceBox .flexWrap .flexBoxInner {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 2.0rem;
	background-color: #fff;
}
#voiceArea .voiceBox .flexWrap .flexBoxInner::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -1rem;
	width: 2rem;
	height: 2rem;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	background-color: #fff;
	transform: translateY(-50%) translateX(0) rotate(-45deg);
}
@media only screen and (max-width:768px) {
	#voiseArea {
		margin-top: 3.5rem;
		margin-bottom: 5rem;
	}
	#voiceArea .voiceBox.w85 {
		width: auto;
	}
	#voiceArea .voiceBox.mt50 {
		margin-top: 3.5rem;
	}
	#voiceArea .voiceBox .flexWrap .flexBox {
		padding: 0 2.0rem;
	}
	#voiceArea .voiceBox .vicon {
		width: 7.5rem;
		height: 7.5rem;
	}
	#voiceArea .voiceBox .flexWrap .flexBoxInner {
		padding: 1.75rem;
	}
	#voiceArea .voiceBox .flexWrap .flexBoxInner::after {
		left: -0.75rem;
		width: 1.5rem;
		height: 1.5rem;
	}
}
@media only screen and (max-width:480px) {
	#voiseArea {
		margin-top: 3.5rem;
		margin-bottom: 3.5rem;
	}
	#voiceArea .voiceBox .flexWrap {
		display: block;
	}
	#voiceArea .voiceBox .flexWrap .flexBox.w25,
	#voiceArea .voiceBox .flexWrap .flexBox.w75 {
		width: auto;
	}
	#voiceArea .voiceBox figure {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 2.5rem;
	}
	#voiceArea .voiceBox figure .vicon {
		width: 7.5rem;
		height: 7.5rem;
		border-radius: 50%;
		margin-left: 2rem;
		margin-right: 0;
	}
	#voiceArea .voiceBox figure figcaption {
		width: auto;
		margin-left: 1.5rem;
	}
	#voiceArea .voiceBox .flexWrap .flexBoxInner::after {
		content: '';
		display: block;
		position: absolute;
		top: 0rem;
		left: 5rem;
		width: 1.5rem;
		height: 1.5rem;
		border-top: 1px solid #ccc;
		border-left:1px solid #ccc;
		background-color: #fff;
		transform: translateY(-50%) translateX(0) rotate(45deg);
	}
}

#bookArea {
	position: relative;
	margin-top: 7.5rem;
	margin-bottom: 5rem;
	padding: 7.5rem 0;
	background-color: #efefef;
}
#bookArea .pageArea {
	background-color: #efefef;
}
#bookArea .blockade {
	position: relative;
}
#bookArea .blockade figure {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
#bookArea .blockade div.w60  {
	position: relative;
	background: url('../images/ta_fig.png') no-repeat right top;
	background-size: 230px auto;
	z-index: 2;
}
@media only screen and (max-width:1200px) {
	#bookArea .blockade {
		padding: 0 2.5%;
	}
	#bookArea h2 {
		padding: 0 2.5%;
	}
}
@media only screen and (max-width:768px) {
	#bookArea {
		margin-top: 3.5rem;
		margin-bottom: 5rem;
		padding: 3.5rem 0;
	}
	#bookArea h2 {
		margin-top: 0;
		width: 75%;
		max-width: 480px;
	}
	#bookArea .blockade {
		width: 95%;
		padding: 0 0;
	}
	#bookArea .blockade.mt35 {
		margin-top: 0rem;
	}
	#bookArea .blockade figure.w45 {
		position: relative;
		width: 60%;
		margin-top: 1.5rem;
		margin-left: auto;
		margin-right: auto;
	}
	#bookArea .blockade div.w60 {
		width: auto;
		margin-top: 3.5rem;
		text-align: center;
	}
}
@media only screen and (max-width:480px) {
	#bookArea {
		margin-top: 3.0rem;
		margin-bottom: 1.5rem;
		padding: 3.0rem 0;
	}
	#bookArea h2 {
		width: auto;
		max-width: auto;
	}
	#bookArea .blockade.mt35 {
		width: 95%;
	}
	#bookArea .blockade figure.w45 {
		width: 85%;
	}
	#bookArea .blockade div.w60  {
		margin-top: 2.5rem;
	}
	#bookArea .blockade div.w60  {
		position: relative;
		background: url('../images/ta_fig.png') no-repeat center bottom;
		background-size: auto 170px;
		padding-bottom: 190px;
	}
}

/* Loading */
#loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 999;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	text-align: center;
	z-index: 1000;
	background: transparent url('../images/loading.gif') no-repeat 0 0;
}
/*

*/


.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
}
/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
	position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
	position: fixed;
}
.fixedsticky-dummy {
	display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
	display: block;
}