@charset "UTF-8";

body{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

#wrapper {
	font-size: 62.5%;
	line-height: 1.6;
	letter-spacing: 1px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #fff;
	background-size: 100% auto;
	position: relative;
}

#wrapper a:link      { text-decoration: none; color: #00aeff; }
#wrapper a:visited   { text-decoration: none; color: #00aeff; }
#wrapper a:hover     { text-decoration: none; }
#wrapper a:active    { text-decoration: none; }

.form .c,
.form .t,
.check .f,
.check .t,
.thankyou .f,
.thankyou .c {
	display: none;
}

.grecaptcha-badge{ 
	display: none;
}

a[href^="tel:"] {
	pointer-events: none;
}

a,:focus {
	outline: none;
}

::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.img img {
	width: 100%;
	height: auto;
}

.tb   { display: none!important;}
.tbsp { display: none!important;}
.sp   { display: none!important;}

.pc   { display: block!important;}
.pctb { display: block!important;}
.pcsp { display: block!important;}

.opacity a:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

.engTxt {
	font-family: 'Antonio', sans-serif;
}

.pd {
	position: absolute;
	top: -150px;
	left: 0;
}

/*======================================================
  common
======================================================*/

.cntTtlLtBox {
	text-align: left;
	color: #00a6dc;
	margin: 0 0 60px;
}

.cntTtlRtBox {
	text-align: right;
	color: #fff;
}

.cntTtlCtBox {
	text-align: center;
	color: #00a6dc;
	margin: 0 0 60px;
}

.cntTtl {
	font-weight: 700;
	font-size: 3.6em;
	line-height: 1.2;
}

.cntTtl .minTxt {
	font-weight: 300;
	font-size: 0.8em;
}

.cntSubTtl {
	display: inline-block;
	position: relative;
	font-weight: 300;
	font-size: 1.8em;
	line-height: 1;
	margin: 0 0 35px;
}

.cntTtlCtBox .cntSubTtl {
	margin: 0 0 25px;
	padding: 0 0 15px;
}

.cntSubTtl:after {
	content: "";
	width: 35px;
	height: 1px;
	position: absolute;
	top: calc(50% - 1px);
	right: -55px;
	background: #00a6dc;
}

.cntTtlRtBox .cntSubTtl:after {
	left: -55px;
	background: #fff;
}

.cntTtlCtBox .cntSubTtl:after {
	content: "";
	width: 35px;
	height: 1px;
	position: absolute;
	top: 35px;
	left: calc(50% - 17px);
	background: #00a6dc;
}

.cntTxt {
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.5;
	color: #000;
}

.cntTtlLtBox .cntTxt {
	padding-top: 20px;
}

.cntTtlRtBox .cntTxt {
	padding-top: 20px;
}

.cntTtlCtBox .cntTxt{
	padding-top: 20px;
}

.cntTtlRtBox .cntTxt {
	color: #fff;
}

.cntWrp {
	max-width: 1200px;
	margin: 0 auto;
}

/* button */
.lagBtn {
	max-width: 320px;
	width: 100%;
	position: relative;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border-radius: 50px;
	box-shadow: 2px 0 15px rgba(67,74,100,0.15);
	z-index: 10;
}

.lagBtn a {
	text-align: center;
	display: block;
	padding: 23px 40px 23px 0;
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1;
	background: url(../images/common/icn_arrow_rt.png) top 21px right 35px no-repeat;
	background-size: 28px 28px;
}

.midBtn {
	max-width: 210px;
	width: 100%;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border-radius: 50px;
	box-shadow: 2px 0 15px rgba(67,74,100,0.15);
}

.midBtn a {
	text-align: center;
	display: block;
	padding: 17px 30px 17px 0;
	font-weight: 700;
	font-size: 1.7em;
	line-height: 1;
	background: url(../images/common/icn_arrow_rt.png) top 15px right 15px no-repeat;
	background-size: 20px 20px;
}

.smlBtn {
	max-width: 190px;
	width: 100%;
	margin: 0 auto;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border-radius: 50px;
	box-shadow: 2px 0 15px rgba(67,74,100,0.15);
}

.smlBtn a {
	text-align: center;
	display: block;
	padding: 15px;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1;
}

.bakBtn {
	max-width: 320px;
	width: 100%;
	margin: 80px auto 0;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border-radius: 50px;
	box-shadow: 2px 0 15px rgba(67,74,100,0.15);
}

.bakBtn a {
	text-align: center;
	display: block;
	padding: 23px 0 23px 40px;
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1;
	background: url(../images/common/icn_arrow_lt.png) top 21px left 35px no-repeat;
	background-size: 28px 28px;
}

.cosBtn {
	max-width: 320px;
	width: 100%;
	margin: 60px auto 30px;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border-radius: 50px;
	box-shadow: 2px 0 15px rgba(67,74,100,0.15);
}

.cosBtn a {
	text-align: center;
	display: block;
	padding: 8px 10px;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.35;
}

.cosBtn .minTxt {
	font-size: 0.7em;
}

.lagBtn:hover,
.midBtn:hover,
.smlBtn:hover,
.bakBtn:hover,
.cosBtn:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

.bkBtn a:link,
.bkBtn a:visited {
	color: #000!important;
}

.wtBtn a:link,
.wtBtn a:visited {
	color: #fff!important;
}

.orgBtn {
	background: rgb(255,141,48);
	background: linear-gradient(120deg, rgba(255,141,48,1) 0%, rgba(255,173,76,1) 100%);
}

/*======================================================
  header
======================================================*/

header {
	width: calc(100% - 80px);
	height: 100px;
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
	background: #fff;
	border-bottom: solid 1px #eaeaea;
	z-index: 50;
}

.hdrLg {
	max-width: 320px;
}

/* gNav */
#gNav {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1;
}

#gNav li {
	margin: 0 0 0 25px;
	white-space: nowrap;
}

#gNav li:last-child a {
	text-align: center;
	width: 160px;
	display: block;
	padding: 15px;
	background: rgb(255,141,48);
	background: linear-gradient(120deg, rgba(255,141,48,1) 0%, rgba(255,173,76,1) 100%);
	border-radius: 30px;
}

#gNav li:last-child a:link,
#gNav li:last-child a:visited {
	color: #fff!important;
}

/* mdlAra */
#mdlAra {
	display: none;
}

@media screen and (min-width:1081px) and (max-width:1250px) {
	#gNav li {
		font-size: 90%;
		margin: 0 0 0 20px;
	}
	
	#gNav li:last-child a {
		width: 140px;
	}
}

@media screen and (max-width:1080px) {
	#gNav li {
		font-size: 85%;
		margin: 0 0 0 15px;
	}
	
	#gNav li:last-child a {
		width: 120px;
	}
}

@media screen and (max-width:1200px) {

	header {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	
	.hdrLg {
		max-width: 300px;
	}
	
}

.shops {
	position: relative;
}

.shopsNav {
	position: absolute;
	top: -20px;
	left: -20px;
	background: rgb(255,255,255,0.9);
	border-radius: 5px;
	box-shadow: 2px 0 13px rgba(67,74,100,0.2);
	overflow: hidden;
	padding-bottom: 5px;
}

.shopsTtl {
	padding: 20px 20px 20px;
	/*
	color: #00a6dc;
	border-bottom: 2px solid #00a6dc;
	*/
	color: #fff;
	background: #00a6dc;
	margin-bottom: 5px;
}

.shopsNme {
	padding: 15px 20px 15px 30px;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.shopsNme:last-of-type {
	border-bottom: none;
}

.shopsNme:before {
	content: "▼";
	transform:rotate(-90deg);
	display: inline-block;
	font-size: 8px;
	color: #00a6dc;
	position: absolute;
	top: 20px;
	left: 17px;
}

/*======================================================
  manArea
======================================================*/

#mnAra {
	margin: 101px 0 0;
	background: #f2f3f7;
}

.mnWrp {
	height: 620px;
	position: relative;
}

.mnImg {
	width: 520px;
	position: absolute;
	bottom: 0;
	left: calc(44% - 540px);
}

.mnImg img {
	width: 100%;
	height: auto;
}

.mnIcn {
	max-width: 250px;
	position: absolute;
	top: 35px;
	left: calc(48% + 250px);
}

.mnTtl {
	position: absolute;
	top: 180px;
	left: 44%;
	display: inline-block;
	font-weight: 900;
	font-size: 7.2em;
	line-height: 1.1;
	white-space: nowrap;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mnTtl:first-letter {
	margin: 0 0 0 -12px;
}

.mnTxt {
	position: absolute;
	top: 350px;
	left: 44%;
	display: inline-block;
	font-weight: 400;
	font-size: 2.4em;
	line-height: 1.6;
	white-space: nowrap;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#mnAra .mnBtn {
	position: absolute;
	top: 440px;
	left: 44%;
	text-align: center;
	width: 580px;
}

#mnAra .mnBtn .lagBtn  {
	margin: 0 auto!important;
	display: block;
}

/*======================================================
  content
======================================================*/

/* ctaAra */
.ctaAra {
	position: relative;
	padding: 0 50px;
	background: url(../images/index/bg_call.jpg) top no-repeat;
	background-size: cover;
}

.ctaTtl {
	position: absolute;
	top: -28px;
	left: -15px;
	font-weight: 700;
	font-size: 15em;
	line-height: 1;
	letter-spacing: -0.1em;
	mix-blend-mode: overlay;
	opacity: 0.25;
	filter: alpha(opacity=250);
	-ms-filter: "alpha(opacity=25)";
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	z-index: 1;
}

.ctaWrp {
	max-width: 1100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.ctaCntBox {
	width: calc(100% - 420px);
	color: #fff;
	margin: 70px 0 0;
}

.ctaCth {
	font-weight: 900;
	font-size: 5em;
	line-height: 1.3;
	font-style: italic;
	white-space: nowrap;
	text-shadow: 2px 0 5px rgba(67,74,100,0.1);
	margin: 0 0 10px -8px;
}

.ctaTxt {
	font-weight: 400;
	font-size: 2.2em;
	line-height: 1.6;
	text-shadow: 2px 0 5px rgba(67,74,100,0.1);
	margin: 0 0 40px;
}

.ctaCctBox {
	display: flex;
	align-items: center;
}

.ctaTelBox {
	order: 2;
	margin: 0 0 0 30px;
}

.ctaTim {
	text-align: center;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.2;
	letter-spacing: -0.05em;
	color: #000;
	padding: 5px 10px;
	text-shadow: 2px 0 5px rgba(67,74,100,0.1);
	background: #fff;
	border-radius: 3px 3px 0 0;
}

.ctaTel {
	text-align: center;
	padding: 5px 10px;
	background: rgba(28,57,130,0.32);
	border: solid 1px #fff;
	border-radius: 0 0 3px 3px;
}

.ctaTel a {
	font-weight: 700;
	font-size: 3em;
	line-height: 1;
	letter-spacing: -0.005em;
	padding: 0 0 0 26px;
	background: url(../images/common/icn_tel_wt.png) left 0 top 12px no-repeat;
	background-size: 25px 29px;
	text-shadow: 2px 0 5px rgba(67,74,100,0.1);
}

.ctaCctBox .lagBtn {
	order: 1;
}

.ctaImgBox {
	max-width: 420px;
	position: relative;
	z-index: 2;
}

.ctaImg {
	margin: -25px 0 0;
}

.ctaAddress {
	text-align: center;
	font-size: 1.5em;
	padding: 15px;
	background: rgba(28,57,130,0.32);
	margin-right: 85px;
	margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
	.ctaAddress {
		font-size: 1.2em;
		margin-right: 0;
		margin-top: 20px;
		padding: 10px;
	}
}

@media screen and (max-width:1200px) {

	.ctaWrp {
		max-width: 950px;
	}

	.ctaCntBox {
		width: calc(100% - 340px);
		margin: 0;
	}
	
	.ctaCth {
		font-size: 4.3em;
		margin: 0 0 10px -6px;
	}
	
	.ctaTxt {
		font-size: 2em;
	}
	
	.ctaImgBox {
		max-width: 340px;
	}
	
	.ctaImg {
		margin: -20px 0 0;
	}

}

/* rsnAra */
#rsnAra {
	padding: 100px 35px 0;
}

.rsnWrp {
	max-width: 1230px;
	margin: 0 auto;
}

.rsnWrp .cntTtlLtBox {
	margin: 0 15px 60px;
}

.rsnLst {
	display: flex;
	flex-wrap: wrap;
}

.rsnLst li {
	width: calc(33.333% - 30px);
	margin: 0 15px 60px;
}

.rsnImg {
	position: relative;
	z-index: 0;
}

.rsnLst li .cntTxt {
	margin-top: 20px;
}

.rsnImg:before {
	display: block;
    content: "";
    padding-top: 70%;
}

.rsnImg img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.rsnIcn {
	max-width: 120px;
	margin: -60px auto 0;
	position: relative;
	z-index: 1;
}

.rsnTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.5;
}

.rsnTtl .stgTxt {
	font-size: 1.2em;
	color: #00a6dc;
}

/* plsAra */
#plsAra {
	padding: 40px 0 0;
}

.plsWrp {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 50px;
}

.plsLst li {
	display: flex;
	align-items: center;
}

.plsLst li:not(:last-child) {
	margin: 0 0 50px;
}

.plsImg {
	max-width: 700px;
	width: 100%;
	position: relative;
}

.plsImg:before {
	display: block;
    content: "";
    padding-top: 70%;
}

.plsImg img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 5px 5px 0;
}

.plsLst li:nth-child(even) .plsImg img {
	border-radius: 5px 0 0 5px;
}

.plsCntBox {
	width: calc(100% - 850px);
	margin: 0 50px 0 100px;
}

.plsLst li:nth-child(even) .plsImg {
	order: 2;
}

.plsLst li:nth-child(even) .plsCntBox {
	order: 1;
	margin: 0 100px 0 50px;
}

.plsNbr {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 2.2em;
	font-style: italic;
	line-height: 1;
	color: #00a6dc;
	margin: 0 0 40px;
}

.plsNbr:before {
	position: absolute;
	top: -13px;
	right: -67px;
	font-size: 1.5em;
	color: #fff;
	z-index: 2;
}

.plsNbr:after {
	content: "";
	position: absolute;
	top: -30px;
	right: -85px;
	width: 70px;
	height: 70px;
	display: block;
	background: #00a6dc;
	border-radius: 50%;
	box-shadow: 2px 0 13px rgba(67,74,100,0.2);
	z-index: 1;
	box-sizing: border-box;
	line-height: 1;
}

.plsLst li:nth-child(1) .plsNbr:before {
	content: "01";
}

.plsLst li:nth-child(2) .plsNbr:before {
	content: "02";
}

.plsLst li:nth-child(3) .plsNbr:before {
	content: "03";
}

.plsTtl {
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.5;
	margin: 0 0 40px;
}

@media screen and (max-width:1300px) {

	.plsWrp {
		padding: 0 60px;
	}
	
	.plsImg {
		max-width: 500px;
	}
	
	.plsCntBox {
		width: calc(100% - 600px);
		margin: 0 50px;
	}
	
	.plsTtl {
		font-size: 2.2em;
		margin: 0 0 30px;
	}
	
}

/* mrtAra */
#mrtAra {
	padding: 100px 35px 0;
}

.mrtWrp {
	max-width: 1230px;
	margin: 0 auto;
}

.mrtWrp .cntTtlLtBox {
	margin: 0 15px 60px;
}

.mrtLst {
	display: flex;
	flex-wrap: wrap;
}

.mrtLst li {
	width: calc(33.333% - 30px);
 	margin: 0 15px 60px;
}

.mrtImg {
	position: relative;
	margin: 0 0 35px;
}

.mrtImg:before {
	display: block;
    content: "";
    padding-top: 70%;
}

.mrtImg img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.mrtTtl {
	text-align: center;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.5;
	margin: 0 0 20px;
}

.mrtTtl .stgTxt {
	font-size: 1.2em;
	color: #00a6dc;
}

/* cosAra */
#cosAra {
	padding: 100px 50px 0;
}

.cosWrp {
	max-width: 1200px;
	margin: 0 auto;
}

.cosTtlBox {
	height: 450px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 60px;
	padding: 0 100px 0 0;
	background: url(../images/index/bg_course.jpg) top no-repeat;
	background-size: cover;
	border-radius: 5px;
}

.cosLst li {
	display: flex;
	padding: 30px;
	background: #f7f7f7;
	border-radius: 5px;
}

.cosLst li:not(:last-child) {
	margin: 0 0 60px;
}

.cosCntBox {
	width: calc(100% - 430px);
}

.cosImg {
	max-width: 380px;
	width: 100%;
	position: relative;
	margin: 0 0 0 50px;
}

.cosImg:before {
	display: block;
    content: "";
    padding-top: 70%;
}

.cosImg img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.cosCntTtlBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: solid 1px #eaeaea;
}

.cosCntTtlTyp {
	display: inline-block;
	font-weight: 400;
	font-size: 1.9em;
	line-height: 1;
	padding: 5px 10px;
	background: #fff;
	border: solid 1px #eaeaea;
}

.cosCntTtl {
	font-weight: 700;
	font-size: 3em;
	font-style: italic;
	line-height: 1.2;
	color: #00a6dc;
}

.cosCntBox .cntTxt {
	margin: 0 0 40px;
}

/* expAra */
#expAra {
	padding: 100px 30px 0;
}

.expWrp {
	max-width: 1240px;
	margin: 0 auto;
}

.expLst {
	display: flex;
	flex-wrap: wrap;
}

.expLst li {
	width: calc(50% - 40px);
	margin: 0 20px 60px;
}

.expImg {
	position: relative;
	margin: 0 0 30px;
}

.expImg:before {
	display: block;
    content: "";
    padding-top: 52%;
}

.expImg img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.expTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2.6em;
	line-height: 1.3;
	margin: 0 0 30px;
}

/* insAra */
#insAra {
	margin: 60px 0 0;
	padding: 100px 35px 20px;
	background: #f7f7f7;
}

.insWrp {
	max-width: 1230px;
	margin: 0 auto;
}

.insLst {
	display: flex;
	flex-wrap: wrap;
}

.insLst li {
	width: calc(33.333% - 70px);
	margin: 0 15px 60px;
	padding: 20px 20px 30px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 3px 0 15px rgba(67,74,100,0.2);
}

.insImg {
	max-width: 220px;
	position: relative;
	margin: 20px auto 25px;
	background: #f7f7f7;
	border-radius: 5px;
}

.insImg:before {
	display: block;
    content: "";
    padding-top: 90%;
}

.insImg img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.insNmeBox {
	text-align: center;
	margin: 0 0 30px;
}

.insTyp {
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1;
	color: #00a6dc;
	margin: 0 0 10px;
}

.insNme {
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.2;
	margin: 0 0 15px;
}

.insNme .minTxt {
	font-weight: 300;
	font-size: 0.7em;
	letter-spacing: -0.05em;
}

.insAge {
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.2;
	color: #999;
}

/* revAra */
#revAra {
	padding: 100px 35px 0;
}

.revWrp {
	max-width: 1230px;
	margin: 0 auto;
}

.revTtlBox {
	margin: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.revLst {
	display: flex;
	flex-wrap: wrap;
}

.revLst li {
	width: calc(33.333% - 92px);
	margin: 0 15px 40px;
	padding: 30px;
	border: solid 1px #eaeaea;
	border-radius: 5px;
}

.revImgBox {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}

.revImg {
	width: 90px;
	background: #bffaff;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 3px 0 15px rgba(67,74,100,0.18);
}

.revImg img {
	width: 100%;
	height: 90px;
	object-fit: cover;
}

.revNme {
	width: calc(100% - 110px);
	margin: 0 0 0 20px;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.2;
}

/* mdaAra */
#mdaAra {
	padding: 60px 50px 100px;
}

.mdaWrp {
	max-width: 1200px;
	margin: 0 auto;
}

.mdaLst {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-left: solid 1px #eaeaea;
}

.mdaLst li {
	text-align: center;
	width: calc(25% - 1px);
	border-top: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
}

.mdaLst li:nth-child(n+5) {
	border-top: none;
}

.mdaLst li a {
	display: block;
	padding: 25px;
}

.mdaLst img {
	width: 100%;
	height: 75px;
	object-fit: cover;
}

#grdAra {
  margin: 40px 0 0;
  padding: 100px 35px 20px;
  background: #f7f7f7;
}

#grdAra .insLst li {
	width: calc(50% - 70px);
	margin: 0 15px 60px;
	padding: 20px 20px 30px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 3px 0 15px rgba(67,74,100,0.2);
}

/*======================================================
  footer
======================================================*/

footer {
	min-height: 250px;
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding: 50px 40px;
	background: url(../images/common/bg_footer.png) left 220px top 0 no-repeat #05678e;
	background-size: 600px 350px;
}

.ftrTtlBox {
	order: 1;
	max-width: 400px;
	position: relative;
}

.ftrLg {
	max-width: 320px;
	margin: 0 0 20px;
}

.ftrCth {
	font-weight: 300;
	font-size: 2.4em;
	line-height: 1;
}

.cpyTxt {
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1;
}

.ftrNavBox {
	order: 2;
	position: relative;
}

#fNav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1;
}

#fNav li {
	margin: 0 0 0 50px;
}

.ftrAddBox {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
}

.ftrAdd {
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 10px;
}

.ftrTel {
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.2;
	margin: 0 0 30px;
}

.ftrTel .minTxt {
	font-size: 0.65em;
}

#fSubNav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1;
}

#fSubNav li:first-child {
	padding: 0 15px 0 0;
	border-right: solid 1px rgba(255,255,255,0.5);
}

#fSubNav li:last-child {
	padding: 0 0 0 15px;
}

/* ptpBtn */
.ptpBtn {
	position: fixed;
	right: 30px;
	bottom: 175px;
	z-index: 99;
}

.ptpBtn a {
	width: 80px;
	height: 80px;
	display: block;
	position: relative;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border: solid 1px #fff;
	border-radius: 50%;
}

.ptpBtn a:before {
	position: absolute;
	top: calc(50% - 3px);
	left: calc(50% - 5px);
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(45deg);
}

/*======================================================
  lower
======================================================*/

/* lwrMnAra */
#lwrMnAra {
	height: 320px;
	margin: 101px 0 0;
	display: flex;
	align-items: center;
	padding: 0 100px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.lwrMnTtlBox {
	color: #fff;
}

.lwrMnTtl {
	font-weight: 300;
	font-size: 4.2em;
	line-height: 1;
	margin: 0 0 20px;
}

.lwrMnSubTtl {
	display: inline-block;
	position: relative;
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1;
	letter-spacing: 0.1em;
}

.lwrMnSubTtl:after {
	content: "";
	width: 35px;
	height: 1px;
	position: absolute;
	top: calc(50% - 1px);
	right: -55px;
	background: #fff;
}

#lwrContent {
	padding: 60px 0 100px;
}

/* lwrPkzAra */
#lwrPkzAra {
	padding: 15px 50px;
	background: #f7f7f7;
}

.lwrPkzLst {
	display: flex;
}

.lwrPkzLst li {
	position: relative;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1;
	color: #999;
	margin: 0 35px 0 0;
}

.lwrPkzLst li:first-child {
	padding: 0 0 0 24px;
	background: url(../images/common/icn_top.png) left no-repeat;
	background-size: 14px 14px;
}

.lwrPkzLst li:last-child {
	font-weight: 700;
}

.lwrPkzLst li:not(:last-child):after {
	content: "＞";
	position: absolute;
	top: 0;
	right: -25px;
}

#lwrContent .cntTtlCtBox .cntTtl {
	padding: 0;
}

.lwrCntTxt {
	font-weight: 400;
	font-size: 1.6em;
	line-height: 2;
	color: #000;
	margin: 0 0 60px;
}

/*======================================================
  contact
======================================================*/

.cctMn {
	background-image: url(../images/contact/bg_main.jpg);
}

.ccMsg {
	text-align: center;
	font-size: 1.6em;
	margin-bottom: 70px;
}

.cctFrmCtr {
	margin: -100px 0 0;
	padding: 180px 50px 100px;
	background: #f7f7f7;
}

.cctFrmWrp {
	max-width: 1000px;
	margin: 0 auto;
}

.stpImg {
	max-width: 740px;
	margin: 0 auto;
}

.cctFrmBox {
	padding: 60px 50px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 0 13px rgba(67,74,100,0.2);
}

.cctFrmLst {
	display: flex;
	flex-wrap: wrap;
}

.cctFrmLst dt {
	max-width: 230px;
	width: 100%;
	font-weight: 700;
	font-size: 1.7em;
	line-height: 1;
	margin: 0 20px 30px 0;
}

.eslIcn {
	font-weight: 300;
	font-size: 0.7em;
	line-height: 1;
	color: #fff;
	margin: 0 15px 0 0;
	padding: 2px 4px;
	background: #00a6dc;
	border-radius: 3px;
}

.cctFrmLst {
	margin: 0 0 60px;
}

.check .cctFrmLst dd {
	font-size: 1.6em;
}

.cctFrmLst dd {
	width: calc(100% - 250px);
}

.cctFrmLst dd:not(:last-child) {
	margin: 0 0 30px;
}

.cctFrmLst dd input,
.cctFrmLst dd textarea {
	font-weight: 400;
	font-size: 1.7em;
	line-height: 1.8;
	border: none;
	padding: 5px 10px;
	background: #f7f7f7;
	border-radius: 5px;
}

.frmBox01 {
	width: calc(100% - 20px);
}

.frmBox02 {
	width: calc(100% - 20px);
	height: 200px;
}

.frmSndBtn button,
.frmSndBtn input {
	text-align: center;
	max-width: 320px;
	width: 100%;
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1;
	color: #fff;
	margin: 0 auto;
	padding: 23px 20px;
	background: rgb(0,166,220);
	background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
	border-radius: 50px;
	border: none;
	box-shadow: 2px 0 15px rgba(67,74,100,0.15);
}

.frmBakBtn button,
.frmBakBtn input {
	text-align: center;
	max-width: 210px;
	width: 100%;
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1;
	color: #00a6dc;
	margin: 20px auto 0;
	padding: 13px 15px;
	background: #fff;
	border: solid 2px #00a6dc;
	border-radius: 50px;
}

.frmSndBtn button:hover,
.frmSndBtn input:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

.frmBakBtn button:hover,
.frmBakBtn input:hover {
	color: #fff;
	background: #05678e;
	border: solid 2px #05678e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

.errBox {
	margin: 0 0 60px;
	padding: 25px;
	border: solid 1px #e72418;
	border-radius: 5px;
	display: none;
}

.error .errBox {
	display: block;
}

.errLst {
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #e72418;
}

.errLst li:not(:last-child) {
	margin: 0 0 15px;
}

.errTxt {
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #e72418;
	margin: 10px 0 0;
}

.thankyouMessage {
	text-align: center;
	margin-top: 50px;
}

.thankyouMessage .txt {
	font-size: 1.7em;
	margin-bottom: 20px;
}

.thankyouMessage .bck {
	font-size: 1.6em;
	margin-bottom: 20px;
}

.mwform-radio-field input {
	margin-top: 8px;
}

.mwform-radio-field-text {
	font-size: 1.6em;
}

.f_type {
	margin-top: -5px;
}

/*======================================================
  company
======================================================*/

.cmpMn {
	background-image: url(../images/company/bg_main.jpg);
}

.cmpMn .lwrMnTtlBox {
	color: #000;
}
.cmpMn .lwrMnSubTtl:after {
	background: #000;
}

/* cmpDtaAra */
#cmpDtaAra {
	padding: 0 50px;
}

.cmpDtaTtlBox {
	height: 450px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 100px 0 0;
	background: url(../images/company/bg_title.jpg) top no-repeat;
	background-size: cover;
	border-radius: 5px 5px 0 0;
}

.cmpDtaTtlBox .cntTtl {
	padding: 0;
}

.cmpDtaBox {
	padding: 60px 100px;
	border: solid 1px #eaeaea;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

.cmpDtaLst li:not(:last-child) {
	border-bottom: solid 1px #eaeaea;
}

.cmpDtaLst li {
	display: flex;
	align-items: center;
}

.cmpDtaLst li:not(:last-child) {
	margin: 0 0 30px;
	padding: 0 0 30px;
}

.cmpDtaTtl {
	width: 120px;
	position: relative;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.8;
	margin: 0 30px 0 0;
	padding: 0 0 0 20px;
}

.cmpDtaTtl:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: #00a6dc;
	border-radius: 5px;
}

.cmpDtaTxt {
	width: calc(100% - 150px);
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1.8;
}

/* cmpMapAra */
#cmpMapAra {
	padding: 100px 50px 0;
}

.gMap {
	position: relative;
	width: 100%;
	padding-top: 50%;
	border-radius: 5px;
	overflow: hidden;
}

.gMap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
}

/*======================================================
  grant
======================================================*/

.grtMn {
	background-image: url(../images/grant/bg_main.jpg);
}

.grtMn .lwrMnTtlBox {
	color: #000;
}
.grtMn .lwrMnSubTtl:after {
	background: #000;
}

/* cmpDtaAra */
#grtDtaAra {
	padding: 0 50px;
}

.grtDtaTtlBox {
	height: 450px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 100px 0 0;
	background: url(../images/grant/bg_title.jpg) top no-repeat;
	background-size: cover;
	border-radius: 5px 5px 0 0;
}

.grtDtaTtlBox .cntTtl {
	padding: 0;
}

.grtDtaBox {
	padding: 60px 100px;
	border: solid 1px #eaeaea;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

.grtDtaLst li:not(:last-child) {
	border-bottom: solid 1px #eaeaea;
}

.grtDtaLst li {
	display: flex;
	align-items: center;
}

.grtDtaLst li:not(:last-child) {
	margin: 0 0 30px;
	padding: 0 0 30px;
}

.grtDtaTtl {
	width: 120px;
	position: relative;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.8;
	margin: 0 30px 0 0;
	padding: 0 0 0 20px;
}

.grtDtaTtl:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: #00a6dc;
	border-radius: 5px;
}

.grtDtaTxt {
	width: calc(100% - 150px);
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1.8;
}

/*======================================================
  q&a
======================================================*/

.qaaMn {
	background-image: url(../images/question/bg_main.jpg);
}

/* qaaAra */
#qaaAra {
	padding: 0 50px;
}

.qaaWrp {
	max-width: 1000px;
	margin: 0 auto;
}

.qaaLst dt {
	position: relative;
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.3;
	color: #00a6dc;
	padding:  15px 20px 15px 80px;
	border: solid 3px #00a6dc;
	border-radius: 50px;
}

.qaaLst dt:before {
	content: "Q.";
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
	font-size: 1.4em;
	line-height: 1;
}

.qaaLst dt:after {
	content: "";
	width: 44px;
	height: 44px;
	position: absolute;
	top: calc(50% - 22px);
	right: 10px;
	background: #00a6dc;
	border-radius: 50%;
	z-index: 1;
}

.qaaTtl {
	font-weight: 700;
	position: relative;
	display: block;
	padding: 0 50px 0 0;
}

.qaaTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: -1px;
	width: 26px;
	border-top: solid 4px #fff;
	z-index: 2;
}

.qaaTtl:after {
	content: "";
	position: absolute;
	top: calc(50% - 13px);
	right: 10px;
	height: 26px;
	border-right: solid 4px #fff;
	z-index: 2;
}

.qaaLst dt.open .qaaTtl:after {
	display: none;
}

.qaaLst dt:hover {
	cursor: pointer;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.qaaLst dt:not(:last-child) {
	margin: 0 0 30px;
}

.qaaLst dd {
	position: relative;
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1.8;
	margin: 30px 50px;
	padding: 30px 30px 30px 80px;
	background: #f7f7f7;
	border-radius: 5px;
}

.qaaLst dd:after {
	content: "A.";
	position: absolute;
	top: 30px;
	left: 30px;
	font-weight: 700;
	font-size: 2em;
	line-height: 1;
	color: #00a6dc;
}

/*======================================================
  policy
======================================================*/

.plcMn {
	background-image: url(../images/policy/bg_main.jpg);
}

/* plcAra */
#plcAra {
	padding: 0 50px;
}

.plcWrp {
	max-width: 1000px;
	margin: 0 auto;
}

.plcLst {
	margin: 0 0 50px;
}

.plcLst dt {
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.2;
	color: #00a6dc;
	margin: 0 0 20px;
}

.plcLst dt .minTxt {
	font-size: 0.7em;
}

.plcLst dd:not(:last-child) {
	margin: 0 0 35px;
	padding: 0 0 35px;
	border-bottom: solid 1px #eaeaea;
}

.plcTxt {
	font-weight: 400;
	font-size: 1.6em;
	line-height: 2;
}

.plcNbrLst {
	counter-reset: item;
	list-style: none;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.6;
	margin: 35px 0 0;
	padding: 0 0 0 60px;
}

.plcNbrLst li {
	position: relative;
}

.plcNbrLst li:not(:last-child) {
	margin: 0 0 20px;
}

.plcNbrLst li:before {
	counter-increment: item;
	content: counter(item);
	position: absolute;
	top: 3px;
	left: -26px;
	line-height: 1;
	color: #fff;
	z-index: 1;
}

.plcNbrLst li:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -35px;
	width: 26px;
	height: 26px;
	font-weight: 700;
	color: #fff;
	background: #00a6dc;
	border-radius: 50%;
	z-index: 0;
}

.plcDtaBox {
	text-align: center;
	max-width: 550px;
	margin: 0 auto 50px;
	padding: 25px;
	border: solid 1px #eaeaea;
	border-radius: 5px;
}

.plcDtaAdd {
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.4;
	margin: 0 0 10px;
}

.plcDtaTtl {
	font-weight: 400;
	font-size: 2.4em;
	line-height: 1.4;
	margin: 0 0 15px;
}

.plcDtaTel {
	display: inline-block;
}

.plcDtaTel a {
	display: block;
	font-weight: 400;
	font-size: 2.8em;
	line-height: 1;
	padding: 10px 30px;
	background: #00a6dc;
	border-radius: 5px;
}

.plcDtaTel span {
	padding: 0 0 0 30px;
	background: url(../images/common/icn_tel_wt.png) left 0 bottom 3px no-repeat;
	background-size: 25px 29px;
}

.atnTxtBox {
	text-align: center;
}

.atnTxt {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.4;
}

.atnTxt:before {
	content: "！";
	position: absolute;
	top: 0;
	left: -36px;
	width: 26px;
	height: 26px;
	font-weight: 700;
	color: #fff;
	background: #00a6dc;
	border-radius: 50%;
	z-index: 0;
}

/*======================================================
  voice
======================================================*/

.vicMn {
	background-image: url(../images/voice/bg_main.jpg);
}

/* lwrVicAra */
#lwrVicAra {
	padding: 0 35px;
}

#lwrVicAra .revLst {
	margin: 0 0 20px;
}

/* wp-pagenavi */
.wp-pagenavi {
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	width: 50px;
	height: 35px;
	color: #00a6dc!important;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	display: inline-block;
	margin: 0 5px;
	padding: 15px 0 0;
	background: #fff;
	border-radius: 50%;
	border: solid 2px #00a6dc;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
	color: #fff!important;
	background: #00a6dc;
	text-decoration: none!important;
}

.wp-pagenavi .prevpostslink {
	color: #999!important;
	font-weight: 700;
	font-size: 16px!important;
	line-height: 1!important;
	margin: 0!important;
	padding: 0!important;
	border: none!important;
	background: none!important;
}

.wp-pagenavi .nextpostslink {
	color: #999!important;
	font-weight: 700;
	font-size: 16px!important;
	line-height: 1!important;
	margin: 0!important;
	padding: 0!important;
	border: none!important;
	background: none!important;
}

.wp-pagenavi .prevpostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	color: #d0d0d0!important;
}

/*======================================================
  instructor
======================================================*/

.insMn {
	background-image: url(../images/instructor/bg_main.jpg);
}

/*======================================================
  course
======================================================*/

.cosMn {
	background-image: url(../images/course/bg_main.jpg);
}

/* lwrCosAra */
#lwrCosAra {
	padding: 0 50px;
}
	
.lwrCosLst li {
	padding: 30px;
	background: #f7f7f7;
	border-radius: 5px;
	position: relative;
}

.lwrCosLst li:not(:last-child) {
	margin: 0 0 60px;
}

.cosCntWrp {
	display: flex;
	margin: 0 0 80px;
}

.lwrCntMinTtl {
	position: relative;
	font-weight: 700;
	font-size: 2.8em;
	line-height: 1.2;
	color: #00a6dc;
	margin: 0 0 50px;
	padding: 0 0 10px;
}

.lwrCntMinTtl:after {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #eaeaea;
	border-radius: 3px;
}

.lwrCosInfLst {
	margin: 0 0 60px;
}

.lwrCosInfLst li {
	display: flex;
	padding: 0;
}

.lwrCosInfLst li:not(:last-child) {
	margin: 0 0 3px;
}

.lwrCosInfTtl {
	text-align: center;
	width: 160px;
	display: block;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.6;
	color: #fff;
	margin: 0 3px 0 0;
	padding: 20px;
	background: #00a6dc;
}

.lwrCosInfTtl span {
	display: inline-block;
	padding: 0 0 0 40px;
}

.lwrCosInfLst li:nth-child(1) .lwrCosInfTtl span {
	background: url(../images/course/icn_beginner.png) left center no-repeat;
	background-size: 30px 30px;
}

.lwrCosInfLst li:nth-child(2) .lwrCosInfTtl span {
	background: url(../images/course/icn_student.png) left center no-repeat;
	background-size: 30px 30px;
}

.lwrCosInfTxt {
	width: calc(100% - 263px);
	display: block;
	font-weight: 400;
	font-size: 2em;
	line-height: 1.6;
	padding: 20px 30px;
	background: #fff;
}

.lwrCosInfTxt .minTxt {
	font-size: 0.8em;
}

.lwrCosInfLst li:nth-child(1) .lwrCosInfTtl {
	border-radius: 5px 0 0 0;
}

.lwrCosInfLst li:nth-child(1) .lwrCosInfTxt {
	border-radius: 0 5px 0 0;
}

.lwrCosInfLst li:nth-child(2) .lwrCosInfTtl {
	border-radius: 0 0 0 5px;
}

.lwrCosInfLst li:nth-child(2) .lwrCosInfTxt {
	border-radius: 0 0 5px 0;
}

/* lwrCosAtdAra */
#lwrCosAtdAra {
	padding: 100px 50px 0;
}

.lwrCosAtdLst li {
	display: flex;
	align-items: center;
	background: #fff;
	border: solid 1px #eaeaea;
	border-radius: 5px;
}

.lwrCosAtdLst li:not(:last-child){
	margin: 0 0 20px;
}

.lwrCosAtdImg {
	max-width: 380px;
}

.lwrCosAtdImg img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 5px 0 0 5px;
}

.lwrCosAtdCntBox {
	width: calc(100% - 500px);
	padding: 20px 20px 20px 100px;
}

.lwrCosAtdNbr {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 2.2em;
	font-style: italic;
	line-height: 1;
	color: #00a6dc;
	margin: 0 0 40px;
}

.lwrCosAtdNbr:before {
	position: absolute;
	top: -3px;
	right: -58px;
	font-size: 1.3em;
	color: #fff;
	z-index: 2;
}

.lwrCosAtdNbr:after {
	content: "";
	position: absolute;
	top: -15px;
	right: -70px;
	width: 55px;
	height: 55px;
	display: block;
	background: #00a6dc;
	border-radius: 50%;
	box-shadow: 2px 0 13px rgba(67,74,100,0.2);
	z-index: 1;
}

.lwrCosAtdLst li:nth-child(1) .lwrCosAtdNbr:before {
	content: "01";
}

.lwrCosAtdLst li:nth-child(2) .lwrCosAtdNbr:before {
	content: "02";
}

.lwrCosAtdLst li:nth-child(3) .lwrCosAtdNbr:before {
	content: "03";
}

.lwrCosAtdLst li:nth-child(4) .lwrCosAtdNbr:before {
	content: "04";
}

.lwrCosAtdLst li:nth-child(5) .lwrCosAtdNbr:before {
	content: "05";
}

.lwrCosAtdTtl {
	font-weight: 700;
	font-size: 2em;
	line-height: 1.4;
}

/* lwrCosSklAra */
#lwrCosSklAra {
	padding: 100px 35px 0;
}

.lwrCosSklWrp {
	max-width: 1230px;
	margin: 0 auto;
}

.lwrCosSklLst {
	display: flex;
	flex-wrap: wrap;
}

.lwrCosSklLst li {
	width: calc(33.333% - 30px);
	margin: 0 15px;
}

.lwrCosSklImg {
	margin: 0 0 40px;
}

.lwrCosSklImg img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 5px;
}

.lwrCosSklTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.3;
	color: #00a6dc;
}

.lwrCosSklTtl .minTxt {
	font-size: 0.68em;
	color: #999;
}

/* lwrCosRsnAra */
#lwrCosRsnAra {
	padding: 100px 50px 0;
}

.lwrCosRsnBox {
	text-align: center;
	max-width: 1050px;
	margin: 0 auto;
	padding: 50px 25px;
	border: solid 3px #00a6dc;
	border-radius: 5px;
}

.lwrCosRsnTxt {
	text-align: left;
	display: inline-block;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.6;
	color: #00a6dc;
	padding: 0 0 0 65px;
	background: url(../images/course/icn_attention.png) left 0 center no-repeat;
	background-size: 50px 50px;
}

.lwrCosRsnTxt .stgTxt {
	color: #ee4380;
}

/*======================================================
  404
======================================================*/

/* errAra */
#errAra {
	height: calc(100vh - 201px);
	display: flex;
	align-items: center;
	margin: 101px 0 0;
	padding: 50px;
	background: #f7f7f7;
}

.errWrp {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 60px 50px;
	background: #fff;
	border: solid 2px #00a6dc;
	border-radius: 5px;
}

.errWrp .cntTxt {
	font-weight: 700;
	line-height: 1.6;
	margin: 0 0 30px;
}

.errTtl {
	text-align: center;
	font-weight: 700;
	font-size: 3.6em;
	line-height: 1.2;
	color: #00a6dc;
	margin: 0 0 50px;
	padding: 0 0 30px;
	border-bottom: dashed 2px #eaeaea;
}

.dotLst {
	list-style: disc;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1.4;
	margin: 0 0 30px;
	padding: 0 0 0 30px;
}

.dotLst li:not(:last-child) {
	margin: 0 0 5px;
}

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

TB

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

@media screen and (min-width:768px) and ( max-width:1040px) {

	.pc   { display: none!important;}
	.pcsp { display: none!important;}
	.sp   { display: none!important;}
	
	.pctb { display: block!important;}
	.tb   { display: block!important;}
	.tbsp { display: block!important;}
	
	/*======================================================
	  common
	======================================================*/
	
	.cntTtlLtBox,
	.cntTtlCtBox{
		margin: 0 0 40px;
	}

	.cntTtl {
		font-size: 3em;
	}

	.cntSubTtl {
		font-size: 1.6em;
		margin: 0 0 25px;
	}

	.cntTtlCtBox .cntSubTtl {
		margin: 0 0 20px;
		padding: 0 0 10px;
	}

	.cntSubTtl:after {
		width: 25px;
		right: -40px;
	}

	.cntTtlRtBox .cntSubTtl:after {
		left: -40px;
	}

	.cntTtlCtBox .cntSubTtl:after {
		width: 25px;
		top: 25px;
		left: calc(50% - 12px);
	}

	.cntTxt {
		font-size: 1.4em;
		padding: 25px 0 0;
	}

	/* button */
	.lagBtn a {
		padding: 18px 30px 18px 0;
		font-size: 2em;
		background: url(../images/common/icn_arrow_rt.png) top 16px right 25px no-repeat;
		background-size: 24px 24px;
	}

	.midBtn {
		max-width: 190px;
	}

	.midBtn a {
		padding: 14px 20px 14px 0;
		font-size: 1.5em;
		background: url(../images/common/icn_arrow_rt.png) top 12px right 12px no-repeat;
		background-size: 18px 18px;
	}

	.smlBtn {
		max-width: 160px;
	}

	.smlBtn a {
		padding: 13px;
		font-size: 1.4em;
	}

	.bakBtn {
		max-width: 280px;
		margin: 60px auto 0;
	}

	.bakBtn a {
		padding: 18px 0 18px 30px;
		font-size: 2em;
		background: url(../images/common/icn_arrow_lt.png) top 16px left 25px no-repeat;
		background-size: 24px 24px;
	}
	
	.cosBtn {
		max-width: 280px;
		margin: 40px auto 20px;
	}

	.cosBtn a {
		padding: 4px 10px 8px;
		font-size: 1.8em;
		line-height: 1.25;
	}

	/*======================================================
	  header
	======================================================*/

	header {
		width: calc(100% - 40px);
		height: 80px;
		padding: 0 20px;
	}
	
	.pd {
		position: absolute;
		top: -110px;
		left: 0;
	}	

	.hdrLg {
		max-width: 280px;
	}

	/* gNav */
	#gNav {
		display: none;
	}
	
	/* mdlAra */
	#mdlAra {
		display: block;
	}

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top:  10px;
		right: 10px;
		width: 60px;
		height: 60px;
		z-index: 100;
		cursor: pointer;
		background: rgb(0,166,220);
		background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
		border: solid 1px #fff;
		border-radius: 5px;
	}

	.menu:hover {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}

	.menu span {
		position: absolute;
		left: 13px;
		width: 34px;
		height: 2px;
		background: #fff;
		z-index: 100;
	}

	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 21px;
	}

	.menu span:nth-of-type(2) {
		top: 29px;
	}

	.menu span:nth-of-type(3) {
		top: 37px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}

	#mNav {
		text-align: center;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 100;
		width: calc(100% - 60px);
		height: calc(100vh - 60px);
		padding: 30px;
		opacity: 0;
		background: rgba(255,255,255,0.97);
		transition: all 0.3s ease-in-out;
		visibility: hidden;
	}

	#mNav.active {
		display: block;
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

	#mNav ul {
		font-weight: 700;
		font-size: 1.8em;
		line-height: 1;
		margin: 0 0 30px;
	}

	#mNav ul li {
		margin: 0 0 15px;
	}

	#mNav ul li a {
		display: block;
		padding: 18px 0;
		transition: all 0.2s ease-in-out;
		text-align: center;
		text-decoration: none;
		border: solid 1px #00a6dc;
		border-radius: 30px;
	}

	#mNav ul li a:link,
	#mNav ul li a:visited {
		color: #00a6dc!important;
	}

	#mNav ul li a:active {
		color: #fff!important;
		background: #00a6dc;
	}

	#mNav ul li a:link:active,
	#mNav ul li a:visited:active {
		color: #fff!important;
		background: #00a6dc;
	}

	.mdlLg {
		max-width: 280px;
		margin: 0 auto 30px;
	}

	.mdlTel {
		margin: 0 0 30px;
	}

	.mdlTel a {
		font-weight: 700;
		font-size: 3em;
		line-height: 1;
		letter-spacing: -0.05em;
	}
	
	.mdlTel .minTxt {
		font-size: 0.7em;
	}

	#mNav .midBtn {
		max-width: 50%;
		margin: 0 auto;
	}
	
	/*======================================================
	  manArea
	======================================================*/

	#mnAra {
		margin: 81px 0 0;
	}

	.mnWrp {
		height: 440px;
	}

	.mnImg {
		width: 370px;
		left: calc(43% - 350px);
	}

	.mnIcn {
		max-width: 180px;
		top: 20px;
		left: calc(47% + 220px);
	}

	.mnTtl {
		top: 120px;
		left: 43%;
		font-size: 5.5em;		
	}

	.mnTtl:first-letter {
		margin: 0 0 0 -10px;
	}

	.mnTxt {
		top: 250px;
		left: 43%;
		font-size: 1.75em;
	}
	
	#mnAra .mnBtn {
		position: absolute;
		top: 310px;
		left: 43%;
		text-align: center;
		width: 430px;
	}

	#mnAra .mnBtn .lagBtn  {
		margin: 0 auto!important;
		display: block;
	}
	
	/*======================================================
	  content
	======================================================*/
	
	/* ctaAra */
	.ctaAra {
		padding: 0 30px;
		background: url(../images/index/bg_call.jpg) top  no-repeat;
		background-size: cover;
	}
	
	.ctaWrp {
		max-width: 620px;
		margin: 0 auto;
	}

	.ctaTtl {
		position: absolute;
		top: -22px;
		left: -15px;
		font-size: 12em;
		line-height: 1;
		white-space: nowrap;
	}

	.ctaCntBox {
		width: calc(100% - 350px);
		margin: 0;
	}

	.ctaCth {
		font-size: 2.6em;
		line-height: 1.2;
		margin: 0 0 10px;
	}

	.ctaTxt {
		font-size: 1.6em;
		line-height: 1.3;
		margin: 0 0 20px;
	}

	.ctaCctBox {
		display: block;
	}

	.ctaTelBox {
		margin: 0 0 20px;
	}

	.ctaTim {
		font-size: 1.5em;
	}

	.ctaTel a {
		font-size: 2.8em;
	}

	.ctaImgBox {
		max-width: 330px;
		margin: 0 0 0 20px;
		position: relative;
	}

	.ctaImg {
		margin: -15px 0 0;
	}

	/* rsnAra */
	#rsnAra {
		padding: 80px 20px 0;
	}

	.rsnWrp .cntTtlLtBox {
		margin: 0 10px 40px;
	}

	.rsnLst li {
		width: calc(33.333% - 20px);
		margin: 0 10px 40px;
	}
	
	.rsnLst li .cntTxt {
		padding: 0;
	}

	.rsnIcn {
		max-width: 100px;
		margin: -50px auto 0;
	}

	.rsnTtl {
		font-size: 1.7em;
	}

	/* plsAra */
	.plsWrp {
		padding: 0 30px;
	}

	.plsLst li:not(:last-child) {
		margin: 0 0 40px;
	}

	.plsImg {
		max-width: 380px;
	}

	.plsLst li:nth-child(even) .plsImg img {
		border-radius: 5px 0 0 5px;
	}

	.plsCntBox {
		width: calc(100% - 440px);
		margin: 0 30px;
	}

	.plsLst li:nth-child(even) .plsCntBox {
		margin: 0 30px;
	}

	.plsNbr {
		font-size: 1.8em;
		margin: 0 0 30px;
	}

	.plsNbr:before {
		top: -9px;
		right: -57px;
	}

	.plsNbr:after {
		top: -22px;
		right: -70px;
		width: 55px;
		height: 55px;
	}

	.plsTtl {
		font-size: 1.8em;
		margin: 0;
	}

	/* mrtAra */
	#mrtAra {
		padding: 80px 20px 0;
	}

	.mrtWrp .cntTtlLtBox {
		margin: 0 10px 40px;
	}

	.mrtLst li {
		width: calc(33.333% - 20px);
		margin: 0 10px 40px;
	}
	.mrtLst li .cntTxt {
		padding-top: 0;
	}
	.mrtImg {
		margin: 0 0 25px;
	}

	.mrtTtl {
		font-size: 1.6em;
		margin: 0 0 15px;
	}

	/* cosAra */
	#cosAra {
		padding: 80px 30px 0;
	}

	.cosTtlBox {
		height: 350px;
		margin: 0 0 40px;
		padding: 0 50px 0 0;
	}

	.cosLst li {
		padding: 20px;
	}

	.cosLst li:not(:last-child) {
		margin: 0 0 40px;
	}

	.cosCntBox {
		width: calc(100% - 330px);
	}

	.cosImg {
		max-width: 300px;
		margin: 0 0 0 30px;
	}

	.cosCntTtlBox {
		margin: 0 0 20px;
	}

	.cosCntTtlTyp {
		font-size: 1.7em;
	}

	.cosCntTtl {
		font-size: 2.4em;
	}

	.cosCntBox .cntTxt {
		margin: 0 0 20px;
	}

	/* expAra */
	#expAra {
		padding: 80px 15px 0;
	}

	.expLst li {
		width: calc(50% - 30px);
		margin: 0 15px 40px;
	}

	.expImg {
		margin: 0 0 20px;
	}

	.expTtl {
		font-size: 2.2em;
		margin: 0 0 20px;
	}

	/* insAra */
	#insAra {
		padding: 80px 15px 20px;
	}

	.insLst li {
		width: calc(33.333% - 60px);
		margin: 0 15px 40px;
		padding: 15px 15px 20px;
	}

	.insImg {
		max-width: 200px;
		margin: 0 auto 20px;
	}

	.insNmeBox {
		margin: 0 0 20px;
	}

	.insTyp {
		font-size: 1.5em;
	}

	.insNme {
		font-size: 2em;
		margin: 0 0 10px;
	}

	.insAge {
		font-size: 1.2em;
	}

	/* revAra */
	#revAra {
		padding: 80px 15px 0;
	}

	.revTtlBox {
		margin: 0 15px;
	}

	.revLst li {
		width: calc(33.333% - 72px);
		padding: 20px;
	}

	.revImgBox {
		margin: 0 0 20px;
	}

	.revImg {
		width: 80px;
	}

	.revImg img {
		height: 80px;
	}

	.revNme {
		width: calc(100% - 100px);
		font-size: 1.6em;
	}
	
	.revLst li .cntTxt {
		padding-top: 0;
	}

	/* mdaAra */
	#mdaAra {
		padding: 40px 30px 80px;
	}

	.mdaLst li a {
		padding: 20px;
	}

	.mdaLst img {
		height: 50px;
	}
	
	#grdAra {
		padding: 80px 15px 0;
		  margin: 20px 0 0;
	}
	
	/*======================================================
	  footer
	======================================================*/
	
	footer {
		min-height: 220px;
		padding: 40px 30px;
		background: url(../images/common/bg_footer.png) left 150px top 0 no-repeat #05678e;
		background-size: 514px 300px;
	}

	.ftrTtlBox {
		max-width: 300px;
	}

	.ftrLg {
		max-width: 280px;
		margin: 0 0 15px;
	}

	.ftrCth {
		font-size: 1.95em;
	}

	#fNav {
		font-size: 1.4em;
	}

	#fNav li {
		margin: 0 0 0 20px;
	}

	.ftrAdd {
		font-size: 1.3em;
	}

	.ftrTel {
		font-size: 2em;
		margin: 0 0 20px;
	}

	#fSubNav {
		font-size: 1.3em;
	}

	#fSubNav li:first-child {
		padding: 0 10px 0 0;
	}

	#fSubNav li:last-child {
		padding: 0 0 0 10px;
	}

	/* ptpBtn */
	.ptpBtn {
		right: 10px;
		bottom: 160px;
	}

	.ptpBtn a {
		width: 60px;
		height: 60px;
	}
	
	/*======================================================
	  lower
	======================================================*/

	/* lwrMnAra */
	#lwrMnAra {
		height: 240px;
		margin: 81px 0 0;
		padding: 0 50px;
	}

	.lwrMnTtl {
		font-size: 3.4em;
		margin: 0 0 15px;
	}

	.lwrMnSubTtl {
		font-size: 1.4em;
	}

	.lwrMnSubTtl:after {
		width: 25px;
		right: -40px;
	}

	#lwrContent {
		padding: 60px 0 80px;
	}
	
	/* lwrPkzAra */
	#lwrPkzAra {
		padding: 12px 30px;
	}

	.lwrPkzLst li {
		font-size: 1.3em;
		margin: 0 25px 0 0;
	}

	.lwrPkzLst li:first-child {
		padding: 0 0 0 20px;
		background-size: 12px 12px;
	}

	.lwrPkzLst li:not(:last-child):after {
		right: -20px;
	}
	
	.lwrCntTxt {
		font-size: 1.4em;
		margin: 0 0 40px;
	}
	
	/*======================================================
	  contact
	======================================================*/

	.cctFrmCtr {
		margin: -81px 0 0;
		padding: 121px 30px 80px;
	}

	.stpImg {
		max-width: 600px;
	}

	.cctFrmBox {
		padding: 50px 30px;
	}

	.cctFrmLst dt {
		max-width: 180px;
		font-size: 1.5em;
		margin: 0 20px 20px 0;
	}
	
	.check .cctFrmLst dd {
		font-size: 1.5em;
	}

	.eslIcn {
		margin: 0 10px 0 0;
	}

	.cctFrmLst {
		margin: 0 0 40px;
	}

	.cctFrmLst dd {
		width: calc(100% - 200px);
	}

	.cctFrmLst dd:not(:last-child) {
		margin: 0 0 25px;
	}

	.cctFrmLst dd input,
	.cctFrmLst dd textarea {
		font-size: 1.5em;
	}

	.frmBox02 {
		height: 160px;
	}

	.frmSndBtn button,
	.frmSndBtn input {
		max-width: 280px;
		font-size: 2em;
		padding: 18px 20px;
	}

	.frmBakBtn button,
	.frmBakBtn input {
		max-width: 190px;
		font-size: 1.6em;
		margin: 15px auto 0;
		padding: 10px 15px;
	}
	
	.errBox {
		margin: 0 0 40px;
		padding: 20px;
	}

	.errLst {
		font-size: 1.4em;
	}

	.errTxt {
		font-size: 1.4em;
	}
	
	.thankyouMessage {
		margin-top: 30px;
	}

	.thankyouMessage .txt {
		font-size: 1.4em;
		margin-bottom: 20px;
	}

	.thankyouMessage .bck {
		font-size: 1.4em;
	}

	.mwform-radio-field input {
		margin-top: 4px;
	}
	
	.mwform-radio-field-text {
		font-size: 1.4em;
	}

	.f_type {
		margin-top: -5px;
	}
	
	/*======================================================
	  company
	======================================================*/

	/* cmpDtaAra */
	#cmpDtaAra {
		padding: 0 30px;
	}

	.cmpDtaTtlBox {
		height: 350px;
		padding: 0 50px 0 0;
	}

	.cmpDtaBox {
		padding: 40px 30px;
	}

	.cmpDtaLst li:not(:last-child) {
		margin: 0 0 25px;
		padding: 0 0 25px;
	}

	.cmpDtaTtl {
		width: 80px;
		font-size: 1.4em;
		margin: 0 20px 0 0;
		padding: 0 0 0 15px;
	}

	.cmpDtaTxt {
		width: calc(100% - 100px);
		font-size: 1.4em;
	}

	/* cmpMapAra */
	#cmpMapAra {
		padding: 80px 30px 0;
	}
	

	/*======================================================
		grant
	======================================================*/



	/*======================================================
	  q&a
	======================================================*/

	/* qaaAra */
	#qaaAra {
		padding: 0 30px;
	}

	.qaaLst dt {
		font-size: 2em;
		padding:  15px 20px 15px 60px;
	}

	.qaaLst dt:before {
		top: calc(50% - 18px);
		left: 20px;
	}

	.qaaLst dt:after {
		width: 40px;
		height: 40px;
		top: calc(50% - 20px);
		right: 10px;
	}

	.qaaTtl {
		padding: 0 40px 0 0;
	}

	.qaaTtl:before {
		content: "";
		position: absolute;
		top: calc(50% - 2px);
		right: -2px;
		width: 24px;
	}

	.qaaTtl:after {
		top: calc(50% - 12px);
		right: 8px;
		height: 24px;
	}

	.qaaLst dt:not(:last-child) {
		margin: 0 0 25px;
	}

	.qaaLst dd {
		font-size: 1.4em;
		margin: 20px 30px;
		padding: 20px 20px 20px 60px;
	}

	.qaaLst dd:after {
		top: 18px;
		left: 20px;
	}

	/*======================================================
	  policy
	======================================================*/

	/* plcAra */
	#plcAra {
		padding: 0 30px;
	}

	.plcLst {
		margin: 0 0 40px;
	}

	.plcLst dt {
		font-size: 2em;
		margin: 0 0 15px;
	}

	.plcLst dd:not(:last-child) {
		margin: 0 0 25px;
		padding: 0 0 25px;
	}

	.plcTxt {
		font-size: 1.4em;
	}

	.plcNbrLst {
		font-size: 1.4em;
		margin: 25px 0 0;
		padding: 0 0 0 40px;
	}

	.plcNbrLst li:not(:last-child) {
		margin: 0 0 15px;
	}

	.plcNbrLst li:before {
		top: 3px;
		left: -27px;
	}

	.plcNbrLst li:after {
		top: -1px;
		left: -35px;
		width: 24px;
		height: 24px;
	}

	.plcDtaBox {
		max-width: 450px;
		margin: 0 auto 40px;
		padding: 20px;
	}

	.plcDtaAdd {
		font-size: 1.4em;
		margin: 0 0 5px;
	}

	.plcDtaTtl {
		font-size: 2em;
		margin: 0 0 10px;
	}

	.plcDtaTel a {
		font-size: 2.4em;
		padding: 10px 25px;
	}

	.plcDtaTel span {
		padding: 0 0 0 25px;
		background-size: 20px 23px;
	}

	.atnTxt {
		font-size: 1.4em;
		line-height: 1.6;
	}

	.atnTxt:before {
		left: -34px;
		width: 24px;
		height: 24px;
	}

	/*======================================================
	  voice
	======================================================*/
	
	/* lwrVicAra */
	#lwrVicAra {
		padding: 0 15px;
	}
	
	#lwrVicAra .revLst {
		margin: 0 0 10px;
	}

	/* wp-pagenavi */
	.wp-pagenavi a,
	.wp-pagenavi span {
		width: 40px;
		height: 28px;
		font-size: 16px;
		margin: 0 4px;
		padding: 12px 0 0;
	}

	.wp-pagenavi .prevpostslink,
	.wp-pagenavi .nextpostslink {
		font-size: 14px!important;
	}
	
	/*======================================================
	  course
	======================================================*/

	/* lwrCosAra */
	#lwrCosAra {
		padding: 0 30px;
	}
	
	.lwrCosLst li {
		padding: 20px;
	}

	.lwrCosLst li:not(:last-child) {
		margin: 0 0 40px;
	}

	.cosCntWrp {
		margin: 0 0 60px;
	}

	.lwrCntMinTtl {
		font-size: 2.4em;
		margin: 0 0 30px;
	}

	.lwrCntMinTtl:after {
		height: 4px;
	}

	.lwrCosInfLst {
		margin: 0 0 40px;
	}

	.lwrCosInfLst li {
		padding: 0;
	}

	.lwrCosInfLst li:not(:last-child) {
		margin: 0 0 3px;
	}

	.lwrCosInfTtl {
		width: 140px;
		font-size: 1.6em;
		padding: 15px;
	}

	.lwrCosInfTtl span {
		padding: 0 0 0 35px;
	}

	.lwrCosInfTxt {
		width: calc(100% - 213px);
		font-size: 1.6em;
		padding: 15px 20px;
	}

	/* lwrCosAtdAra */
	#lwrCosAtdAra {
		padding: 80px 30px 0;
	}

	.lwrCosAtdLst li:not(:last-child){
		margin: 0 0 15px;
	}

	.lwrCosAtdImg {
		max-width: 300px;
	}

	.lwrCosAtdImg img {
		height: 200px;
	}

	.lwrCosAtdCntBox {
		width: calc(100% - 350px);
		padding: 15px 0 15px 35px;
	}

	.lwrCosAtdNbr {
		font-size: 2em;
		margin: 0 0 30px;
	}

	.lwrCosAtdNbr:before {
		top: -3px;
		right: -50px;
		font-size: 1.2em;
	}

	.lwrCosAtdNbr:after {
		top: -13px;
		right: -60px;
		width: 45px;
		height: 45px;
	}

	.lwrCosAtdTtl {
		font-size: 1.8em;
	}

	/* lwrCosSklAra */
	#lwrCosSklAra {
		padding: 80px 20px 0;
	}

	.lwrCosSklLst li {
		width: calc(33.333% - 20px);
		margin: 0 10px;
	}

	.lwrCosSklImg {
		margin: 0 0 25px;
	}

	.lwrCosSklImg img {
		height: 200px;
	}

	.lwrCosSklTtl {
		font-size: 2em;
	}

	/* lwrCosRsnAra */
	#lwrCosRsnAra {
		padding: 80px 30px 0;
	}

	.lwrCosRsnBox {
		padding: 30px 20px;
	}

	.lwrCosRsnTxt {
		font-size: 1.8em;
		padding: 0 0 0 55px;
		background-size: 40px 40px;
	}
	
	/*======================================================
	  404
	======================================================*/

	/* errAra */
	#errAra {
		height: calc(100% - 120px);
		margin: 81px 0 0;
		padding: 60px 30px;
	}

	.errWrp {
		padding: 30px 40px 40px;
	}

	.errWrp .cntTxt {
		margin: 0 0 20px;
	}

	.errTtl {
		font-size: 3em;
		margin: 0 0 30px;
		padding: 0 0 20px;
	}

	.dotLst {
		font-size: 1.4em;
		margin: 0 0 20px;
		padding: 0 0 0 20px;
	}

}

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

SP

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

@media screen and (max-width:767px) {
	
	.pc   { display: none!important;}
	.tb   { display: none!important;}
	.pctb { display: none!important;}
	
	.pcsp { display: block!important;}
	.tbsp { display: block!important;}   
	.sp   { display: block!important;}
	
	.opacity a:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
		text-decoration: none!important;
	}
	
	a[href^="tel:"] {
		pointer-events: auto!important;
	}
	
	input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	.opacity a:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		text-decoration: none!important;
	}
	
	/*======================================================
	  common
	======================================================*/
	
	.cntTtlLtBox,
	.cntTtlCtBox{
		margin: 0 0 30px;
	}
	
	.cntTtl {
		font-size: 1.9em;
	}

	.cntSubTtl {
		font-size: 1.4em;
		margin: 0 0 20px;
	}

	.cntTtlCtBox .cntSubTtl {
		margin: 0 0 15px;
		padding: 0 0 10px;
	}

	.cntSubTtl:after {
		width: 20px;
		right: -30px;
	}

	.cntTtlRtBox .cntSubTtl:after {
		left: -30px;
	}

	.cntTtlCtBox .cntSubTtl:after {
		width: 20px;
		top: 20px;
		left: calc(50% - 10px);
	}

	.cntTxt {
		font-size: 1.2em;
		padding: 20px 0 0;
	}

	/* button */
	.lagBtn {
		max-width:50%;
	}

	.lagBtn a {
		padding: 14px 20px 14px 0;
		font-size: 1.6em;
		background: url(../images/common/icn_arrow_rt.png) top 12px right 15px no-repeat;
		background-size: 20px 20px;
	}

	.midBtn {
		max-width: 160px;
	}

	.midBtn a {
		padding: 12px 20px 12px 0;
		font-size: 1.4em;
		background: url(../images/common/icn_arrow_rt.png) top 11px right 12px no-repeat;
		background-size: 16px 16px;
	}

	.smlBtn {
		max-width: 140px;
	}

	.smlBtn a {
		padding: 10px;
		font-size: 1.3em;
	}
	
	.cosBtn {
		max-width: 220px;
		margin: 0 auto;
	}

	.cosBtn a {
		padding: 4px 10px 6px;
		font-size: 1.4em;
		line-height: 1.25;
	}

	.lagBtn:active,
	.midBtn:active,
	.smlBtn:active,
	.bakBtn:active,
	.cosBtn:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		text-decoration: none!important;
	}

	.bakBtn {
		max-width: 220px;
		margin: 40px auto 0;
	}

	.bakBtn a {
		padding: 14px 0 14px 20px;
		font-size: 1.6em;
		background: url(../images/common/icn_arrow_lt.png) top 12px left 15px no-repeat;
		background-size: 20px 20px;
	}

	/*======================================================
	  header
	======================================================*/
	
	header {
		width: calc(100% - 30px);
		height: 60px;
		padding: 0 15px;
	}
	
	.pd {
		position: absolute;
		top: -90px;
		left: 0;
	}		

	.hdrLg {
		max-width: 200px;
	}

	/* gNav */
	#gNav {
		display: none;
	}
	
	/* mdlAra */
	#mdlAra {
		display: block;
	}

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top:  7px;
		right: 7px;
		width: 45px;
		height: 45px;
		z-index: 100;
		cursor: pointer;
		background: rgb(0,166,220);
		background: linear-gradient(135deg, rgba(0,166,220,1) 0%, rgba(1,202,220,1) 100%);
		border: solid 1px #fff;
		border-radius: 5px;
	}

	.menu:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}

	.menu span {
		position: absolute;
		left: 10px;
		width: 25px;
		height: 2px;
		background: #fff;
		z-index: 100;
	}

	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 14px;
	}

	.menu span:nth-of-type(2) {
		top: 21px;
	}

	.menu span:nth-of-type(3) {
		top: 28px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}

	#mNav {
		text-align: center;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 100;
		width: calc(100% - 30px);
		height: calc(100vh - 30px);
		padding: 15px;
		opacity: 0;
		background: rgba(255,255,255,0.97);
		transition: all 0.3s ease-in-out;
		visibility: hidden;
	}

	#mNav.active {
		display: block;
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

	#mNav ul {
		font-weight: 700;
		font-size: 1.6em;
		line-height: 1;
		margin: 0 0 20px;
	}

	#mNav ul li {
		margin: 0 0 12px;
	}

	#mNav ul li a {
		display: block;
		padding: 13px 0;
		transition: all 0.2s ease-in-out;
		text-align: center;
		text-decoration: none;
		border: solid 1px #00a6dc;
		border-radius: 30px;
	}

	#mNav ul li a:link,
	#mNav ul li a:visited {
		color: #00a6dc!important;
	}

	#mNav ul li a:active {
		color: #fff!important;
		background: #00a6dc;
	}

	#mNav ul li a:link:active,
	#mNav ul li a:visited:active {
		color: #fff!important;
		background: #00a6dc;
	}

	.mdlLg {
		max-width: 200px;
		margin: 0 auto 20px;
	}

	.mdlTel {
		margin: 0 0 20px;
	}

	.mdlTel a {
		font-weight: 700;
		font-size: 2.4em;
		line-height: 1;
		letter-spacing: -0.05em;
	}
	
	.mdlTel .minTxt {
		font-size: 0.7em;
	}

	#mNav .midBtn {
		max-width: 50%;
		margin: 0 auto;
	}
	
	/*======================================================
	  manArea
	======================================================*/

	#mnAra {
		margin: 61px 0 0;
	}

	.mnWrp {
		height: 350px;	
		max-width: 400px;
		margin: 0 auto;
	}
	
	.mnImg {
		bottom: 0;
		left: -60px;
		width: 290px;
	}

	@media screen and (min-width:360px)  {
		.mnImg {
			bottom: 0;
			left: 0px;
			width: 290px;
		}
	}	

	.mnBtnSp {
		text-align: center; 
		background: url(../images/index/bg_call.jpg) top no-repeat;
		background-size: auto;
		background-size: cover;
	}

	#mnAra .mnBtn {
		position: absolute;
		top: auto;
		left: auto;
		right: 12px;
		bottom: 25px;
		width: 200px;
		text-align: center;
	}

	#mnAra .mnBtn .lagBtn  {
		margin: 0 auto!important;
		display: block;
		max-width: 100%;
	}
	
	.lagBtn a {
		padding: 14px 4px 14px 0;
		font-size: 14px;
		background: url(../images/common/icn_arrow_rt.png) center right 10px no-repeat;
		background-size: auto;
		background-size: 14px 14px;
	}

	/*
	.mnBtnSp {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 30px;
		box-sizing: border-box;
	}

	.mnBtnSp .lagBtn  {
		margin: 0 auto!important;
		display: block;
		max-width: 100%;
	}
	
	.mnBtnSp .lagBtn a {
		padding: 14px 4px 14px 0;
		font-size: 14px;
		background: url(../images/common/icn_arrow_rt.png) center right 10px no-repeat;
		background-size: auto;
		background-size: 14px 14px;
	}
	*/

	.mnIcn {
		max-width: 140px;
		top: 47px;
		left: auto;
		right: 20px;
	}
	
	.mnTtlTxt {
		top: 145px;
		right: 0;
		padding: 15px;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.9);
		display: inline-block;
	}

	.mnTtl {
		font-size: 2.2em;
		left: auto;
		top: auto;
		right: auto;
		position: relative;
		display: block;
		margin-bottom: 10px;
	}
	.mnTtl:first-letter {
		margin: 0 0 0 -4px;
	}

	.mnTxt {
		left: auto;
		top: auto;
		right: auto;
		position: relative;
		display: block;
		font-size: 1.2em;
		line-height: 1.2;
	}





	
	
	/*
	.mnWrp {
		height: 180px;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}

	.mnImg {
		max-width: 150px;
		left: calc(40% - 160px);
	}

	.mnIcn {
		max-width: 70px;
		top: 57px;
		left: auto;
		right: 20px;
	}
	
	.mnTtlTxt {
		position: absolute;
		top: 15px;
		right: 20px;
		text-align: left;
	}

	.mnTtl {
		font-size: 2.5em;
		left: auto;
		top: auto;
		right: auto;
		position: relative;
		display: block;
		margin-bottom: 10px;
	}
	.mnTtl:first-letter {
		margin: 0 0 0 -4px;
	}

	.mnTxt {
		left: auto;
		top: auto;
		right: auto;
		position: relative;
		display: block;
		font-size: 1.2em;
		line-height: 1.2;
	}
	
	#mnAra .mnBtn {
		position: absolute;
		top: 120px;
		left: auto;
		right: 20px;
		width: 200px;
		text-align: center;
	}

	#mnAra .mnBtn .lagBtn  {
		margin: 0 auto!important;
		display: block;
		max-width: 100%;
	}
	
	.lagBtn a {
		padding: 14px 4px 14px 0;
		font-size: 14px;
		background: url(../images/common/icn_arrow_rt.png) center right 10px no-repeat;
		background-size: auto;
		background-size: 14px 14px;
	}
	*/
	
	/*======================================================
	  content
	======================================================*/
	
	/* ctaAra */
	.ctaAra {
		height: auto;
		padding: 10px 10px 0;
		background: url(../images/index/bg_call.jpg) top no-repeat;
		background-size: cover;
		position: relative;
	}

	.ctaTtl {
		position: absolute;
		top: -11px;
		left: -5px;
		font-size: 6em;
		line-height: 1;
		white-space: nowrap;
	}
	
	.ctaWrp {
		max-width: 350px;
		display: flex;
		align-items: flex-end;
		margin: 0 auto;
		position: relative;
	}

	.ctaCntBox {
		width: 100%;
		margin: 0;
		padding: 0 0 10px;
	}

	.ctaCth {
		text-align: lefft;
		font-size: 1.8em;
		line-height: 1.3;
		color: #fff;
		white-space: nowrap;
		margin: 0 0 5px;
		z-index: 2;
		position: relative;
	}

	.ctaTxt {
		text-align: lefft;
		font-size: 1.2em;
		line-height: 1.3;
		letter-spacing: -0.005em;
		margin: 0 0 7px;
		z-index: 2;
		position: relative;
	}

	.ctaCctBox {
		text-align: center;
		z-index: 2;
	}

	.ctaTelBox {
		margin: 0 0 5px 10px;
		z-index: 2;
	}

	.ctaTim {
		font-size: 1em;
		padding: 3px;
	}
	
	.ctaTel {
		padding: 3px;
		font-size: 80%;
		z-index: 2;
	}

	.ctaTel a {
		font-size: 2.1em;
		padding: 0 0 0 18px;
		background: url(../images/common/icn_tel_wt.png) left 0 top 4px no-repeat;
		background-size: 16px 19px;
	}
	
	.ctaCctBox .lagBtn {
		margin: 0 auto;
		font-size: 80%;
	}
	
	.ctaCctBox .lagBtn a {
		padding: 11px 20px 13px 10px;
		background: url(../images/common/icn_arrow_rt.png) center right 5px no-repeat;
		background-size: 12px 12px;
		font-size: 1.2em;
	}
	
	.ctaImgBox {
		max-width: 120px;
		width: 100%;
		position: relative;
		display: none;
	}

	.ctaImg {
		position: absolute;
		bottom: 0;
	}
	
	.ctaAddress {
		margin: 5px 0 0;
		padding: 5px;
		font-size: 85%;	
		z-index: 2;
		position: relative;
	}
	
	.spCtaImg {
		position: absolute;
		right: -30px;
		bottom: 0;
		left: auto;
		width: 180px;
		z-index: 1;
	}
	
	.spCtaImg img {
		width: 100%;
		height: auto;	
	}

	/* rsnAra */
	#rsnAra {
		padding: 40px 15px 0;
	}

	.rsnWrp .cntTtlLtBox {
		margin: 0 0 30px;
	}
	
	.rsnWrp .cntTxt {
		padding-top: 0;	
	}
	
	.rsnLst {
		max-width: 450px;
		display: block;
		margin: 0 auto;
	}
	
	.rsnLst li {
		width: 100%;
		margin: 0 0 30px;
	}

	.rsnImg img {
		height: auto;
		object-fit: auto;
		top: auto;
		position: relative;
	}

	.rsnImg:before {
		display: none;
	}

	.rsnIcn {
		max-width: 80px;
		margin: -40px auto 0;
	}

	.rsnTtl {
		font-size: 1.6em;
	}
	
	#plsAra {
		padding-top: 20px;	
	}

	/* plsAra */
	.plsWrp {
		padding: 0 15px;
	}
	
	.plsLst {
		max-width: 480px;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	.plsLst li {
		display: block;
	}
	
	.plsLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.plsImg {
		max-width: 100%;
		margin: 0 0 40px;
	}
	
	.plsImg:before {
		display: none;
	}
	
	.plsImg img {
		border-radius: 5px;
		height: auto;
		object-fit: auto;
		top: auto;
		position: relative;		
	}

	.plsCntBox {
		width: 100%;
		margin: 0;
	}

	.plsLst li:nth-child(even) .plsCntBox {
		margin: 0;
	}
	
	.plsNbr {
		font-size: 1.5em;
		margin: 0 0 20px;
	}

	.plsNbr:before {
		top: -8px;
		right: -46px;
	}

	.plsNbr:after {
		top: -18px;
		right: -55px;
		width: 45px;
		height: 45px;
	}

	.plsTtl {
		font-size: 1.6em;
		margin: 0 0 0;
	}
	
	/* mrtAra */
	#mrtAra {
		padding: 40px 10px 0;
	}

	.mrtWrp .cntTtlLtBox {
		margin: 0 5px 40px;
	}
	
	.mrtLst {
		max-width: 460px;
		margin: 0 auto;
	}
	
	.mrtLst li {
		width: 100%;
		margin: 0 0 30px;
	}

	.mrtImg {
		margin: 0 0 15px;
	}

	.mrtTtl {
		font-size: 1.6em;
		margin: 0 0 15px;
	}
	
	.mrtLst li .cntTxt {
		padding: 0;
	}

	/* cosAra */
	#cosAra {
		padding: 50px 15px 0;
	}

	.cosTtlBox {
		max-width: 420px;
		height: 200px;
		margin: 0 auto 40px;
		padding: 0 15px;
	}
	
	.cosLst {
		max-width: 450px;
		margin: 0 auto;
	}

	.cosLst li {
		display: block;
		padding: 15px;
	}

	.cosLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.cosCntBox {
		width: 100%;
		margin: 0;
	}

	.cosImg {
		max-width: 100%;
		margin: 0 0 10px;
	}
	
	.cosImg:before {
		display: none;
	}
	
	.cosImg img{
		height: auto;
		object-fit: auto;
		top: auto;
		position: relative;
	}

	.cosCntTtlBox {
		margin: 0 0 15px;
	}

	.cosCntTtlTyp {
		font-size: 1.4em;
	}

	.cosCntTtl {
		font-size: 1.8em;
	}

	.cosCntBox .cntTxt {
		margin: 0 0 15px;
		padding-top: 0;
	}
	
	.cosCntBox .midBtn {
		margin: 0 auto;
	}

	/* expAra */
	#expAra {
		padding: 50px 10px 0;
	}
	
	.expLst {
		max-width: 450px;
		margin: 0 auto;
	}
	
	.expLst li {
		width: calc(50% - 10px);
		margin: 0 5px 30px;
	}

	.expImg {
		margin: 0 0 15px;
	}

	.expImg:before {
		padding-top: 85%;
	}

	.expTtl {
		font-size: 1.6em;
		margin: 0 0 15px;
	}

	/* insAra */
	#insAra {
		margin: 20px 0 0;
		padding: 40px 10px 10px;
	}
	
	.insLst {
		max-width: 450px;
		margin: 0 auto;
	}
	
	.insLst li {
		width: calc(50% - 30px);
		margin: 0 5px 30px;
		padding: 10px 10px 15px;
	}

	.insImg {
		max-width: 100%;
		margin: 0 auto 15px;
	}

	.insImg:before {
		padding-top: 90%;
	}

	.insNmeBox {
		margin: 0 0 15px;
	}

	.insTyp {
		font-size: 1.4em;
	}

	.insNme {
		font-size: 1.6em;
		margin: 0 0 7px;
	}

	.insAge {
		font-size: 1.1em;
	}

	/* revAra */
	#revAra {
		padding: 40px 10px 0;
	}

	.revTtlBox {
		margin: 0 5px 30px;
		display: block;
	}
	
	.revTtlBox .cntTtlLtBox {
		margin: 0 0 15px;
	}
	
	.revLst {
		max-width: 450px;
		margin: 0 auto;
	}

	.revLst li {
		width: calc(100% - 30px);
		margin: 0 0 20px;
		padding: 15px;
	}
	
	.revLst li:last-child {
		margin-bottom :0;	
	}

	.revImgBox {
		margin: 0;
	}

	.revImg {
		width: 50px;
	}

	.revImg img {
		height: 50px;
	}

	.revNme {
		width: calc(100% - 55px);
		font-size: 1.4em;
		margin: 0 0 0 5px;
	}

	/* mdaAra */
	#mdaAra {
		padding: 20px 15px 50px;
	}
	
	.mdaLst {
		max-width: 450px;
		margin: 0 auto;
	}
	
	.mdaLst li {
		width: calc(50% - 1px);
	}
	
	.mdaLst li:nth-child(n+3) {
		border-top: none;
	}
	
	.mdaLst li a {
		padding: 7px;
	}

	.mdaLst img {
		height: 60px;
	}
	
	#grdAra {
		padding: 40px 10px 40px;
	}
	
	#grdAra .insLst li {
		width: calc(100% - 30px);
		padding: 15px;
		margin: 0 0 20px;
	}
	
	#grdAra .insLst li:last-child {
		margin-bottom: 0;	
	}
	
	#grdAra .insLst li .insImg {
		max-width: 195px;
	}
	
	/*======================================================
	  footer
	======================================================*/
	
	footer {
		display: block;
		padding: 0px 0 60px;
		background: url(../images/common/bg_footer.png) left 50px top 0 no-repeat #05678e;
		background-size: auto 100%;
	}

	.ftrTtlBox {
		text-align: center;
		max-width: 100%;
	}

	.ftrLg {
		max-width: 200px;
		margin: 0 auto 10px;
	}

	.ftrCth {
		font-size: 1.4em;
		margin: 0 0 30px;
	}
	
	.cpyTxt {
		font-size: 1em;
		position: relative;
	}

	#fNav {
		font-size: 1.4em;
		display: block!important;
		margin: 0 0 15px;
	}

	#fNav li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #125073;
	}
	#fNav li a {
		display: block;
		padding: 15px 15px 15px 30px;	
		position: relative;
	}
	
	#fNav li a::before {
		top: calc(50% - 3px);
  		left: 10px;
  		width: 6px;
  		height: 6px;
		position: absolute;
		content: "";
		display: inline-block;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		transform: rotate(135deg);
	}
	
	.ftrAddBox {
		text-align: center;
		position: relative;
		margin: 0 0 30px;
	}
	
	.ftrAdd {
		font-size: 1.2em;
	}

	.ftrTel {
		font-size: 1.6em;
		margin: 0 0 25px;
	}

	#fSubNav {
		justify-content: center;
		font-size: 1.3em;
	}

	#fSubNav li:first-child {
		padding: 0 10px 0 0;
	}

	#fSubNav li:last-child {
		padding: 0 0 0 10px;
	}

	/* ptpBtn */
	.ptpBtn {
		width: 100%;
		left: 0;
		bottom: 0;
	}

	.ptpBtn a {
		width: 100%;
		height: 30px;
		border: none;
		border-top: solid 1px #fff;
		border-radius: 0;
	}

	.ptpBtn a:before {
		top: calc(50% - 2px);
		left: calc(50% - 4px);
		width: 8px;
		height: 8px;
	}
	
	/*======================================================
	  lower
	======================================================*/

	/* lwrMnAra */
	#lwrMnAra {
		height: 130px;
		margin: 61px 0 0;
		padding: 0 15px;
	}

	.lwrMnTtl {
		font-size: 2.2em;
		margin: 0 0 10px;
	}

	.lwrMnSubTtl {
		font-size: 1.2em;
	}

	.lwrMnSubTtl:after {
		width: 20px;
		right: -25px;
	}

	#lwrContent {
		padding: 40px 0 50px;
	}
	
	.cntWrp {
		max-width: 450px;
		margin: 0 auto;
	}
	
	/* lwrPkzAra */
	#lwrPkzAra {
		padding: 10px 15px;
	}

	.lwrPkzLst li {
		font-size: 1.2em;
		margin: 0 15px 0 0;
	}

	.lwrPkzLst li:first-child {
		padding: 0 0 0 15px;
		background-size: 10px 10px;
	}

	.lwrPkzLst li:not(:last-child):after {
		right: -15px;
	}
	
	.lwrCntTxt {
		font-size: 1.4em;
		line-height: 1.8;
		margin: 0 0 30px;
	}
	
	/*======================================================
	  contact
	======================================================*/

	.cctFrmCtr {
		margin: -41px 0 0;
		padding: 61px 15px 50px;
	}

	.ccMsg {
		font-size: 1.3em;
		margin-bottom: 40px;
	}

	.stpImg {
		max-width: 300px;
	}

	.cctFrmBox {
		padding: 30px 15px;
	}
	
	.cctFrmLst {
		display: block;
	}
	
	.cctFrmLst dt {
		max-width: 100%;
		font-size: 1.4em;
		margin: 0 15px 15px 0;
	}

	.eslIcn {
		margin: 0 10px 0 0;
	}

	.cctFrmLst {
		margin: 0 0 25px;
	}

	.cctFrmLst dd {
		width: 100%;
	}

	.cctFrmLst dd:not(:last-child) {
		margin: 0 0 20px;
	}

	.cctFrmLst dd input,
	.cctFrmLst dd textarea {
		font-size: 1.4em;
		padding: 5px;
	}
	
	.frmBox01 {
		width: calc(100% - 10px);
	}
	
	.frmBox02 {
		width: calc(100% - 10px);
		height: 120px;
	}

	.frmSndBtn button,
	.frmSndBtn input {
		max-width: 220px;
		font-size: 1.6em;
		padding: 14px 20px;
		border-radius: 50px;
	}

	.frmBakBtn button,
	.frmBakBtn input {
		max-width: 160px;
		font-size: 1.4em;
		margin: 15px auto 0;
		padding: 8px 10px;
		border-radius: 50px;
	}
	
	.errBox {
		margin: 0 0 40px;
		padding: 10px;
	}

	.errLst {
		font-size: 1.4em;
	}
	
	.errLst li:not(:last-child) {
		margin: 0 0 10px;
	}

	.errTxt {
		font-size: 1.4em;
		margin: 5px 0 0;
	}
	
	.thankyouMessage {
		margin-top: 30px;
	}

	.thankyouMessage .txt {
		font-size: 1.4em;
		margin-bottom: 20px;
	}

	.thankyouMessage .bck {
		font-size: 1.4em;
	}
	
	.mwform-radio-field input {
		margin-top: 4px;
	}
	
	.mwform-radio-field-text {
		font-size: 1.2em;
	}

	.f_type {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	/*======================================================
	  company
	======================================================*/

	/* cmpDtaAra */
	#cmpDtaAra {
		padding: 0 15px;
	}

	.cmpDtaTtlBox {
		height: 200px;
		padding: 0 15px;
	}

	.cmpDtaBox {
		padding: 20px 15px;
	}
	
	.cmpDtaLst li {
		display: block;
	}
	
	.cmpDtaLst li:not(:last-child) {
		margin: 0 0 13px;
		padding: 0 0 13px;
	}

	.cmpDtaTtl {
		width: 100%;
		font-size: 1.4em;
		margin: 0 0 7px;
		padding: 0 0 0 15px;
	}
	
	.cmpDtaTtl:before {
		width: 3px;
	}
	
	.cmpDtaTxt {
		width: 100%;
		font-size: 1.4em;
	}

	/* cmpMapAra */
	#cmpMapAra {
		padding: 50px 15px 0;
	}
	
	/*======================================================
	  q&a
	======================================================*/

	/* qaaAra */
	#qaaAra {
		padding: 0 15px;
	}
	
	.qaaWrp {
		max-width: 450px;
		margin: 0 auto;
	}

	.qaaLst dt {
		font-size: 1.6em;
		padding:  12px 15px 12px 45px;
		border: solid 2px #00a6dc;
	}
	
	.qaaLst dt:hover {
		opacity: 1;
	}
	
	.qaaLst dt:active {
		opacity: 0.50;
		transition: all  0.3s ease;
	}
	
	.qaaLst dt:before {
		top: calc(50% - 15px);
		left: 15px;
	}

	.qaaLst dt:after {
		width: 30px;
		height: 30px;
		top: calc(50% - 15px);
		right: 7px;
	}

	.qaaTtl {
		padding: 0 30px 0 0;
	}

	.qaaTtl:before {
		content: "";
		position: absolute;
		top: calc(50% - 2px);
		right: -3px;
		width: 20px;
	}

	.qaaTtl:after {
		top: calc(50% - 10px);
		right: 5px;
		height: 20px;
	}

	.qaaLst dt:not(:last-child) {
		margin: 0 0 15px;
	}

	.qaaLst dd {
		font-size: 1.4em;
		margin: 15px;
		padding: 15px 15px 15px 45px;
	}

	.qaaLst dd:after {
		top: 15px;
		left: 15px;
		font-size: 1.7em;
	}

	/*======================================================
	  policy
	======================================================*/

	/* plcAra */
	#plcAra {
		padding: 0 15px;
	}
	
	.plcWrp {
		max-width: 450px;
		margin: 0 auto;
	}

	.plcLst {
		margin: 0 0 30px;
	}

	.plcLst dt {
		font-size: 1.8em;
		margin: 0 0 10px;
	}

	.plcLst dd:not(:last-child) {
		margin: 0 0 13px;
		padding: 0 0 13px;
	}

	.plcTxt {
		font-size: 1.4em;
		line-height: 1.8;
	}

	.plcNbrLst {
		font-size: 1.4em;
		margin: 15px 0 0;
		padding: 0 0 0 30px;
	}

	.plcNbrLst li:not(:last-child) {
		margin: 0 0 10px;
	}

	.plcNbrLst li:before {
		font-size: 0.9em;
		top: 4px;
		left: -24px;
	}

	.plcNbrLst li:after {
		top: 1px;
		left: -30px;
		width: 20px;
		height: 20px;
	}

	.plcDtaBox {
		max-width: 450px;
		margin: 0 auto 30px;
		padding: 15px;
	}

	.plcDtaAdd {
		font-size: 1.4em;
		margin: 0 0 5px;
	}

	.plcDtaTtl {
		font-size: 1.8em;
		margin: 0 0 10px;
	}

	.plcDtaTel a {
		font-size: 2.2em;
		padding: 8px 20px;
	}

	.plcDtaTel span {
		padding: 0 0 0 25px;
		background-size: 20px 23px;
	}

	.atnTxt {
		font-size: 1.5em;
		line-height: 1.5;
		margin: 20px 0 0;
	}

	.atnTxt:before {
		top: -20px;
		left: calc(50% - 10px);
		width: 20px;
		height: 20px;
	}
	
	/*======================================================
	  voice
	======================================================*/
	
	/* lwrVicAra */
	#lwrVicAra {
		padding: 0 10px;
	}
	
	#lwrVicAra .revLst {
		margin: 0 auto;
	}

	/* wp-pagenavi */
	.wp-pagenavi a,
	.wp-pagenavi span {
		width: 30px;
		height: 23px;
		font-size: 14px;
		margin: 0 3px;
		padding: 7px 0 0;
	}

	.wp-pagenavi .prevpostslink,
	.wp-pagenavi .nextpostslink {
		font-size: 12px!important;
	}
	
	/*======================================================
	  course
	======================================================*/

	/* lwrCosAra */
	#lwrCosAra {
		padding: 0 15px;
	}
	
	.cosWrp {
		max-width: 450px;
		margin: 0 auto;
	}
	
	.lwrCosLst li {
		padding: 15px;
	}

	.lwrCosLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.cosCntWrp {
		display: block;
		margin: 0 0 25px;
	}
	
	.cosCntBox {
		margin: 0 0 25px;
	}

	.lwrCntMinTtl {
		font-size: 1.8em;
		margin: 0 0 20px;
		padding: 0 0 7px;
	}

	.lwrCntMinTtl:after {
		height: 3px;
	}

	.lwrCosInfLst {
		margin: 0 0 25px;
	}

	.lwrCosInfLst li {
		display: block;
		padding: 0;
	}

	.lwrCosInfLst li:not(:last-child) {
		margin: 0 0 3px;
	}

	.lwrCosInfTtl {
		width: calc(100% - 20px);
		font-size: 1.4em;
		padding: 7px 10px;
		border-radius: 0!important;
	}

	.lwrCosInfTtl span {
		padding: 0 0 0 25px;
		background-size: 20px 20px!important;
	}

	.lwrCosInfTxt {
		width: calc(100% - 20px);
		font-size: 1.4em;
		padding: 10px;
		border-radius: 0!important;
	}
	
	.lwrCosInfLst li:first-child .lwrCosInfTtl {
		border-radius: 5px 5px 0 0!important;
	}
	
	.lwrCosInfLst li:last-child .lwrCosInfTxt {
		border-radius: 0 0 5px 5px!important;
	}

	/* lwrCosAtdAra */
	#lwrCosAtdAra {
		padding: 50px 15px 0;
	}
	
	.lwrCosAtdLst li {
		display: block;
	}

	.lwrCosAtdLst li:not(:last-child){
		margin: 0 0 15px;
	}

	.lwrCosAtdImg {
		max-width: 100%;
	}

	.lwrCosAtdImg img {
		height: 100px;
		border-radius: 5px 5px 0 0;
	}

	.lwrCosAtdCntBox {
		width: calc(100% - 30px);
		padding: 15px;
	}

	.lwrCosAtdNbr {
		font-size: 1.5em;
		margin: 15px 0 20px;
	}

	.lwrCosAtdNbr:before {
		top: -3px;
		right: -40px;
		font-size: 1.2em;
	}

	.lwrCosAtdNbr:after {
		top: -13px;
		right: -50px;
		width: 40px;
		height: 40px;
	}

	.lwrCosAtdTtl {
		font-size: 1.6em;
	}

	/* lwrCosSklAra */
	#lwrCosSklAra {
		padding: 50px 15px 0;
	}
	
	.lwrCosSklWrp {
		max-width: 450px;
		margin: 0 auto;
	}

	.lwrCosSklLst li {
		width: 100%;
		margin: 0;
	}
	
	.lwrCosSklLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.lwrCosSklImg {
		margin: 0 0 15px;
	}

	.lwrCosSklImg img {
		height: 200px;
	}

	.lwrCosSklTtl {
		font-size: 1.8em;
	}

	/* lwrCosRsnAra */
	#lwrCosRsnAra {
		padding: 50px 15px 0;
	}

	.lwrCosRsnBox {
		padding: 10px 15px;
		border: solid 2px #00a6dc;
	}

	.lwrCosRsnTxt {
		font-size: 1.5em;
		padding: 30px 0 0;
		background: url(../images/course/icn_attention.png) top center no-repeat;
		background-size: 30px 30px;
	}
	
	/*======================================================
	  404
	======================================================*/

	/* errAra */
	#errAra {
		height: calc(100% - 70px);
		margin: 61px 0 0;
		padding: 35px 15px;
	}

	.errWrp {
		max-width: 416px;
		margin: 0 auto;
		padding: 15px;
	}

	.errWrp .cntTxt {
		line-height: 1.7;
		margin: 0 0 25px;
	}

	.errTtl {
		font-size: 2em;
		margin: 0 0 20px;
		padding: 0 0 10px;
	}

	.dotLst {
		font-size: 1.4em;
		margin: 0 0 15px;
		padding: 0 0 0 20px;
	}
}

@media screen and (min-width:1081px) and (max-width:1250px) {
	#fNav li {
		font-size: 90%;
		margin: 0 0 0 20px;
	}
}

@media screen and (min-width:901px) and (max-width:1080px) {
	#fNav li {
		font-size: 85%;
		margin: 0 0 0 15px;
	}
}

@media screen and (min-width:768px) and (max-width:900px) {
	#fNav li {
		font-size: 80%;
		margin: 0 0 0 12px;
	}
}	
		
.shopsSp span {
  display: block;
  padding: 13px 0;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  border: solid 1px #00a6dc;
  border-radius: 30px;
  color: #00a6dc;;
}

.shopsSp span.open {
	border-radius: 20px 20px 0 0;
	background: #00a6dc;
	color: #fff;
}

.shopsSp span:before {
	content: "＋ ";
}
.shopsSp span.open:before {
	content: "ー ";
}

.shopsSp div {
  border: solid 1px #00a6dc;
  border-radius: 0 0 20px 20px;
}

#mNav ul li.shopsSp a {
	padding: 15px 20px 15px 30px;
	position: relative;
	border:none;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
}

#mNav ul li.shopsSp a:last-of-type {
	border-bottom: none;
}

.shopsSp a:before {
	content: "▼";
	transform:rotate(-90deg);
	display: inline-block;
	font-size: 8px;
	color: #00a6dc;
	position: absolute;
	top: 20px;
	left: 17px;
}
}