@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

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

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;500;700&family=Water+Brush&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Noto+Serif+JP:wght@400;500;700&display=swap');

/*------------------------*/

.webFontJosefin {
	font-family: 'Josefin Sans', sans-serif;
}

.webFontBebasNeue {
	font-family: 'Bebas Neue', sans-serif;
}
.webFontRoboto {
	font-family: 'Roboto', sans-serif;
}
.webFontWaterBrush {
	font-family: 'Water Brush', cursive;
}

.webNotoSerif {
	font-family: 'Noto Serif JP', serif;
}

.webHomemadeApple {
	font-family: 'Homemade Apple', cursive;
}

/*------------------------*/

@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}

/*-------------------------*/

.contTextLink01 {}
a.contTextLink01:link {	color: #333333;	text-decoration: underline;}
a.contTextLink01:visited {	color: #333333;	text-decoration: underline;}
a.contTextLink01:hover {	color:#333333;	text-decoration: none;}
a.contTextLink01:active {	color:#333333;	text-decoration: none;}


/* -------------------------------------------------------------------- 
 body
-------------------------------------------------------------------- */

body {
 color: #333333;

font-family: 'Noto Sans JP', sans-serif;

font-size: 13px;
 *font-size:small;
 *font:x-small;
 text-align: center;
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

#top {
	/*overflow: hidden;*/
}

#wrap {
	overflow: hidden;
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	min-width: 1280px;
}


img {
	vertical-align: bottom;
	max-width: 100%;
	width: auto;
	height: auto;
}

.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/spacer.gif");
}


/*-----------------------*/

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -120px;
}

#top {
	padding-top: 120px;
}

/*-----------------------*/

.pc {
	display: block;
}

.sp {
	display: none;
}

.pcBr {
	display: inline;
}

.spBr {
	display: none;
}

.pcTable {
	display: table !important;
}
.spTable {
	display: none !important;
}

.contIn1000 {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

.contIn1040 {
	width: 1040px;
	margin: 0px auto;
	position: relative;
}

.contIn1100 {
	width: 1100px;
	margin: 0px auto;
	position: relative;
}

.contIn1200 {
	width: 1200px;
	margin: 0px auto;
	position: relative;
}

.contIn1440 {
	max-width: 1440px;
	width: auto;
	margin: 0px auto;
	position: relative;
}


.radius200 {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	body {

	/* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

	}

	#wrap {
		overflow: hidden;
		width: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		min-width: 200px;
	}

	/*-----------------------*/

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		top: -120px;
	}

	#top {
		padding-top: 120px;
	}

	/*-----------------------*/

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.pcBr {
		display: none;
	}
	.spBr {
		display: inline;
	}

	.pcTable {
		display: none !important;
	}
	.spTable {
		display: table !important;
	}

	.contIn1000 {
		width: auto;
	}

	.contIn1040 {
		width: auto;
	}

	.contIn1100 {
		width: auto;
	}

	.contIn1200 {
		width: auto;
	}


}


/* -------------------------------------------------------------------- 
 header
-------------------------------------------------------------------- */

/*　上に上がる動き　*/

.headerWrap01.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 1;
	transform: translateY(-150px);
  }
}

/*　下に下がる動き　*/

.headerWrap01.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(-150px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/*------------------------------------*/

.headerWrap01 {
	box-sizing: border-box;
	padding: 10px 75px 10px 75px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 120px;
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
}
.headerWrap01 a:link {	color: #000000;	text-decoration: none;}
.headerWrap01 a:visited {	color: #000000;	text-decoration: none;}
.headerWrap01 a:hover {	color:#000000;	text-decoration: none;}
.headerWrap01 a:active {	color:#000000;	text-decoration: none;}

.headerMenu01 {}
.headerMenu01 img {
	width: 44px;
	height: auto;
}

/*---------------------*/

.slideNaviWrap01 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition-duration: 0.2s;
}
.slideNaviWrap01.open {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
}

.slideNaviWrap01In {
	box-sizing: border-box;
	text-align: left;
	padding: 40px 30px 30px 30px;
	height: 100%;
  transition-duration: 0.4s;
	overflow: auto;
	position: relative;
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}

.slideNaviBg01 {
	background-color: #000000;
	opacity: 0.9;
	width: 120vw;
	height: 120vh;
	position: fixed;
	top: 0px;
	left: 0px;
}
.closeBtn01 {
	position: absolute;
	top: 44px;
	right: 20px;
}
.closeBtn01 img {
	width: 34px;
	height: auto;
}

.slideNaviBox01 {
	/*display: inline-block;*/
	/*font-size: 32px;
	line-height: 1.6em;
	font-weight: bold;*/
}
.slideNaviBox01 a:link {	color: #ffffff;	text-decoration: none;}
.slideNaviBox01 a:visited {	color: #ffffff;	text-decoration: none;}
.slideNaviBox01 a:hover {	color:#ffffff;	text-decoration: underline;}
.slideNaviBox01 a:active {	color:#ffffff;	text-decoration: none;}

.slideNaviLink01 {
	color: #001F75;
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 65px;
}
.slideNaviLink01 a:link {	color: #001F75;	text-decoration: none;}
.slideNaviLink01 a:visited {	color: #001F75;	text-decoration: none;}
.slideNaviLink01 a:hover {	color:#001F75;	text-decoration: underline;}
.slideNaviLink01 a:active {	color:#001F75;	text-decoration: none;}

/*---追加------------------*/

.logoWrap01 {}
.logoWrap01 img {
	width: 211px;
	height: auto;
}

/*-----------*/

.slideNaviCont01 {
	text-align: right;
}
.slideNaviCont01 ul {
	display: inline-flex;
	margin: auto 0px auto auto;
}
.slideNaviCont01 ul li {
	width: 240px;
	margin-left: 20px;
}
.slideNaviCont01 ul a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	background-color: #A9843D;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
}
.slideNaviCont01 a:link {	color: #ffffff;	text-decoration: none;}
.slideNaviCont01 a:visited {	color: #ffffff;	text-decoration: none;}
.slideNaviCont01 a:hover {	color:#ffffff;	text-decoration: none;}
.slideNaviCont01 a:active {	color:#ffffff;	text-decoration: none;}

.slideNaviCont02 {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
}
.slideNaviCont02 .box01 {
	width: 440px;
	border-right: 2px solid #A9843D;
}

.slideNaviUl01 {
	margin-bottom: 3.0em;
}
.slideNaviUl01 li {
	margin-bottom: 0.8em;
	color: #ffffff;
}
.slideNaviUl01 li .s01 {
	cursor: pointer;
}
.slideNaviUl01 li .s01:hover {
	color: #A9843D;
}

.slideNaviCont02 .box02 {
	/*position: relative;*/
	width: calc( 100% - 440px - 100px );
	display: flex;
	align-items: flex-end;
}

.slideNaiDl01 {
	width: 100%;
	margin-top: 1.2em;
}
.slideNaiDl01 dt {
	color: #ffffff;
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	padding-bottom: 5px;
}
.slideNaiDl01 dt .s0102 {
	font-size: 12px;
}

.slideNaiDl01 dd {
	padding: 16px 0px 0px 1em;
}
.slideNaiDl01 .slideNaviUl01 {
	margin-bottom: 1.4em;
}
.slideNaiDl01 .slideNaviUl01 li {
	margin-bottom: 0.4em;
}

.slideNaiDl01:nth-child(2) dt {
	border-bottom: 2px solid #FFFF00;
}
.slideNaiDl01:nth-child(3) dt {
	border-bottom: 2px solid #AF3E8A;
}
.slideNaiDl01:nth-child(4) dt {
	border-bottom: 2px solid #8159BC;
}
.slideNaiDl01:nth-child(5) dt {
	border-bottom: 2px solid #BCDE00;
}

.slideNaviAcCont01 {
	display: none;
	position: absolute;
	left: 500px;
	bottom: 0px;
}
.slideNaviAcCont02 {
	display: none;
	position: absolute;
	left: 550px;
	bottom: 0px;
}

.slideNaviAcCont02 .slideNaviUl01 li {
	margin-bottom: 1.6em;
}






/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.headerWrap01 {
		box-sizing: border-box;
		padding: 10px 20px 10px 20px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 120px;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 100;
	}
	.headerWrap01 a:link {	color: #000000;	text-decoration: none;}
	.headerWrap01 a:visited {	color: #000000;	text-decoration: none;}
	.headerWrap01 a:hover {	color:#000000;	text-decoration: none;}
	.headerWrap01 a:active {	color:#000000;	text-decoration: none;}

	.headerMenu01 {}
	.headerMenu01 img {
		width: 44px;
		height: auto;
	}

	/*---------------------*/

	.slideNaviWrap01 {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 9999;
		visibility: hidden;
		opacity: 0;
		transition-duration: 0.2s;
	}
	.slideNaviWrap01.open {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 9999;
		visibility: visible;
		opacity: 1;
		transition-duration: 0.2s;
	}

	.slideNaviWrap01In {
		box-sizing: border-box;
		text-align: left;
		padding: 115px 20px 40px 20px;
		height: 100%;
		transition-duration: 0.4s;
		overflow: auto;
		position: relative;
		/*display: block;*/
	}

	.slideNaviBg01 {
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.closeBtn01 {
		position: absolute;
		top: 40px;
		right: 25px;
	}
	.closeBtn01 img {
		width: 30px;
		height: auto;
	}

	.slideNaviBox01 {
		/*display: inline-block;*/
		/*font-size: 24px;
		line-height: 1.0em;
		font-weight: bold;*/
	}

	.slideNaviBox01 li {
		margin-bottom: 12px;
	}

	.slideNaviLink01 {
		color: #001F75;
		font-size: 13px;
		line-height: 1.5em;
		margin-top: 40px;
	}
	.slideNaviLink01 a:link {	color: #001F75;	text-decoration: none;}
	.slideNaviLink01 a:visited {	color: #001F75;	text-decoration: none;}
	.slideNaviLink01 a:hover {	color:#001F75;	text-decoration: underline;}
	.slideNaviLink01 a:active {	color:#001F75;	text-decoration: none;}

	/*---追加------------------*/

	.headerSpLogo01 {
	/*-width: calc( 100% - 50px );*/
	}
	.logoWrap01 {
	}
	.logoWrap01 img {
		width: 160px;
		height: auto;
	}

	/*-----------*/

	.slideNaviCont01 {
		text-align: center;
		margin-bottom: 40px;
	}
	.slideNaviCont01 ul {
		display: flex;
		justify-content: space-between;
		margin: auto 0px auto auto;
	}
	.slideNaviCont01 ul li {
		width: 48%;
		margin-left: 0px;
		margin-bottom: 0px;
	}
	.slideNaviCont01 ul a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		height: 40px;
		padding: 3px 10px;
		background-color: #A9843D;
		font-size: 12px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.slideNaviCont01 a:link {	color: #ffffff;	text-decoration: none;}
	.slideNaviCont01 a:visited {	color: #ffffff;	text-decoration: none;}
	.slideNaviCont01 a:hover {	color:#ffffff;	text-decoration: none;}
	.slideNaviCont01 a:active {	color:#ffffff;	text-decoration: none;}

	.slideNaviCont02 {
		display: block;
		justify-content: space-between;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.slideNaviCont02 .box01 {
		width: auto;
		border-right: none;
	}

	.slideNaviUl01 {
		margin-bottom: 3.0em;
	}
	.slideNaviUl01 li {
		margin-bottom: 0.8em;
		color: #ffffff;
	}
	.slideNaviUl01 li .s01 {
		cursor: pointer;
		display: block;
		position: relative;
	}
	.slideNaviUl01 li .s01.slideNaviAc01::after,
	.slideNaviUl01 li .s01.slideNaviAc02::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 8px 0 8px;
		border-color: #a9833d transparent transparent transparent;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -5px;
	}
	.slideNaviUl01 li .s01.slideNaviAc01.open::after,
	.slideNaviUl01 li .s01.slideNaviAc02.open::after {
		border-width: 0 8px 10px 8px;
		border-color: transparent transparent #a9833d transparent;
	}
	
	.slideNaviUl01 li .s01:hover {
		color: #A9843D;
	}

	.slideNaviCont02 .box02 {
		/*position: relative;*/
		width: auto;
		display: flex;
		align-items: flex-end;
	}

	.slideNaiDl01 {
		width: 100%;
		margin-top: 1.2em;
	}
	.slideNaiDl01 dt {
		color: #ffffff;
		font-size: 24px;
		line-height: 1.3em;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.slideNaiDl01 dt .s01 {
		font-size: 12px;
	}

	.slideNaiDl01 dd {
		padding: 16px 0px 0px 1em;
	}
	.slideNaiDl01 .slideNaviUl01 {
		margin-bottom: 1.8em;
	}
	.slideNaiDl01 .slideNaviUl01 li {
		margin-bottom: 0.4em;
	}

	/*.slideNaiDl01:nth-child(2) dt {
		border-bottom: 2px solid #FFFF00;
	}
	.slideNaiDl01:nth-child(3) dt {
		border-bottom: 2px solid #AF3E8A;
	}
	.slideNaiDl01:nth-child(4) dt {
		border-bottom: 2px solid #8159BC;
	}
	.slideNaiDl01:nth-child(5) dt {
		border-bottom: 2px solid #BCDE00;
	}*/

	.slideNaviAcCont01 {
		display: none;
		position: relative;
		left: 0px;
		bottom: 0px;
		background-color: rgba(51,51,51,0.9);
		box-sizing: border-box;
		padding: 20px 20px 20px 20px;
		width: 100vw;
		margin-left: -20px;
		margin-top: 15px;
	}
	.slideNaviAcCont02 {
		display: none;
		position: relative;
		left: 0px;
		bottom: 0px;
		padding: 20px 20px 20px 20px;
		background-color: rgba(51,51,51,0.9);
		box-sizing: border-box;
		width: 100vw;
		margin-left: -20px;
		margin-top: 15px;
	}

	.slideNaviAcCont02 .slideNaviUl01 li {
		margin-bottom: 1.6em;
	}







}


/* -------------------------------------------------------------------- 
 main
-------------------------------------------------------------------- */

.breadWrap01 {
	text-align: left;
	margin: 40px 0 40px 0;
}

.breadWrap01.bread02 {
	margin-bottom: 0px;
}

.breadWrap01 li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #8D6C51;
	padding: 0px 1.5em 0px 1.5em;
}
.breadWrap01 li a:link {	color: #707070;	text-decoration: none;}
.breadWrap01 li a:visited {	color: #707070;	text-decoration: none;}
.breadWrap01 li a:hover {	color:#707070;	text-decoration: underline;}
.breadWrap01 li a:active {	color:#707070;	text-decoration: none;}

.breadWrap01 li::before {
	content: "|";
	position: absolute;
	left: 0px;
	top: 0px;
}

.breadWrap01 li:first-child {
	padding-left: 0px;
}
.breadWrap01 li:first-child::before {
	display: none;
}

/*------------------------*/

.detailH2Wrap01 {
	text-align: left;
	height: 220px;
}
.detailH201 {
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
}

/*------------------------*/

.detailBaseBlock01 {}

.detailAncNaviWrap01 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.detailAncNaviWrap01 li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.detailAncNaviWrap01 li:nth-child(4n) {
	margin-right: 0px;
}
.detailAncNaviWrap01 li a {
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background-color: #8D6C51;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: bold;
}
.detailAncNaviWrap01 li a:link {	color: #ffffff;	text-decoration: none;}
.detailAncNaviWrap01 li a:visited {	color: #ffffff;	text-decoration: none;}
.detailAncNaviWrap01 li a:hover {	color:#ffffff;	text-decoration: none;}
.detailAncNaviWrap01 li a:active {	color:#ffffff;	text-decoration: none;}

.detailAncNaviWrap01 li a::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -5px;
}

/*------------------------------*/

.detailFlex01 {
	display: flex;
}

.detailFlexBox01 {
	position: relative;
	box-sizing: border-box;
	width: 280px;
	padding-top: 40px;
}
.detailFlexBox01::after {
	content: "";
	width: 2px;
	height: 100%;
	background-color: #8D6C51;
	position: absolute;
	top: 0px;
	right: 0px;
}

.detailFlexBox02 {
	position: relative;
	box-sizing: border-box;
	width: calc( 100% - 280px );
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	text-align: left;
}
.detailFlex01:last-child .detailFlexBox02 {
	margin-bottom: 120px;
}

.detailH301 {
	text-align: left;
	color: #000000;
}

.topRightImg02 .detailH301 {
	color: #ffffff;
}
.topCourseBlock01 .detailH301 {
	color: #ffffff;
}

.detailH301 .s01 {
	display: block;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 2px solid #8D6C51;
}
.detailH301 .s02 {
	display: block;
	font-size: 16px;
	line-height: 1.0em;
	font-weight: 500;
	padding-top: 8px;
}

/*-------------------------*/

.detailAcWrap01 {
	border-top: 2px solid #CCCCCC;
}
.detailAcWrap01 li {
	border-bottom: 2px solid #CCCCCC;
	/*position: relative;*/
}

.detailAc01 {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	color: #8D6C51;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	height: 80px;
	cursor: pointer;
}
.detailAc01::after {
	content: "+";
	font-size: 24px;
	line-height: 1.0em;
	font-weight: 900;
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -12px;
}
.detailAc01.open::after {
	content: "ー";
	font-size: 16px;
	margin-top: -6px;
}

.detailAcS01 {
	font-size: 24px;
	line-height: 1.0em;
	font-weight: bold;
	display: block;
	width: 40px;
}
.detailAcS02 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
}
.detailAcCont01 {
	display: none;
}
.detailAcContIn01 {
	text-align: left;
	font-size: 16px;
	line-height: 1.35em;
	padding: 0px 55px 20px 40px;
}

/*-------------------------*/

.topSlideH2Flex01 {
	display: flex;
	align-items: center;
	height: 514px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.breadWrap01 {
		text-align: left;
		margin: 10px 0 20px 0;
		padding: 0px 20px 7px 20px;
		display: flex;
		white-space: nowrap;
		overflow: auto;
	}

	.breadWrap01.bread02 {
		margin-bottom: 20px;
	}

	.breadWrap01 li {
		position: relative;
		display: inline-block;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
		color: #8D6C51;
		padding: 0px 1.5em 0px 1.5em;
	}
	.breadWrap01 li a:link {	color: #707070;	text-decoration: none;}
	.breadWrap01 li a:visited {	color: #707070;	text-decoration: none;}
	.breadWrap01 li a:hover {	color:#707070;	text-decoration: underline;}
	.breadWrap01 li a:active {	color:#707070;	text-decoration: none;}

	.breadWrap01 li::before {
		content: "|";
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.breadWrap01 li:first-child {
		padding-left: 0px;
	}
	.breadWrap01 li:first-child::before {
		display: none;
	}

	/*------------------------*/

	.detailH2Wrap01 {
		text-align: left;
		height: auto;
		padding: 0px 20px 20px 20px;
	}
	.detailH201 {
		font-size: 32px;
		line-height: 1.6em;
		font-weight: bold;
	}

	/*------------------------*/

	.detailBaseBlock01 {
		padding: 0px 20px;
	}

	.detailAncNaviWrap01 {
		display: block;
		margin-bottom: 30px;
	}
	.detailAncNaviWrap01 li {
		width: auto;
		margin-right: 0px;
		margin-bottom: 15px;
	}
	.detailAncNaviWrap01 li:nth-child(4n) {
		margin-right: 0px;
	}
	.detailAncNaviWrap01 li a {
		position: relative;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 45px;
		background-color: #8D6C51;
		font-size: 13px;
		line-height: 1.25em;
		font-weight: bold;
	}
	.detailAncNaviWrap01 li a:link {	color: #ffffff;	text-decoration: none;}
	.detailAncNaviWrap01 li a:visited {	color: #ffffff;	text-decoration: none;}
	.detailAncNaviWrap01 li a:hover {	color:#ffffff;	text-decoration: none;}
	.detailAncNaviWrap01 li a:active {	color:#ffffff;	text-decoration: none;}

	.detailAncNaviWrap01 li a::before {
		content: '';
		width: 8px;
		height: 8px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		left: 22px;
		margin-top: -5px;
	}

	/*------------------------------*/

	.detailFlex01 {
		display: block;
	}

	.detailFlexBox01 {
		position: relative;
		box-sizing: border-box;
		width: auto;
		padding-top: 10px;
	}
	.detailFlexBox01::after {
		display: none;
		content: "";
		width: 2px;
		height: 100%;
		background-color: #8D6C51;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	.detailFlexBox02 {
		position: relative;
		box-sizing: border-box;
		width: auto;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 0px;
	}
	.detailFlex01:last-child .detailFlexBox02 {
		margin-bottom: 120px;
	}

	.detailH301 {
		text-align: left;
		width: calc( 100% + 20px );
	}
	.detailH301 .s01 {
		display: block;
		font-size: 16px;
		line-height: 1.5em;
		padding-bottom: 8px;
		border-bottom: 2px solid #8D6C51;
	}
	.detailH301 .s02 {
		display: block;
		font-size: 16px;
		line-height: 1.0em;
		padding-top: 8px;
	}

	/*-------------------------*/

	.detailAcWrap01 {
		border-top: 2px solid #CCCCCC;
	}
	.detailAcWrap01 li {
		border-bottom: 2px solid #CCCCCC;
		/*position: relative;*/
	}

	.detailAc01 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		color: #8D6C51;
		text-align: left;
		padding-left: 0px;
		padding-right: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		min-height: 80px;
		cursor: pointer;
	}
	.detailAc01::after {
		content: "+";
		font-size: 24px;
		line-height: 1.0em;
		font-weight: 900;
		position: absolute;
		right: 17px;
		top: 50%;
		margin-top: -12px;
	}
	.detailAc01.open::after {
		content: "ー";
		font-size: 16px;
		margin-top: -6px;
	}

	.detailAcS01 {
		font-size: 24px;
		line-height: 1.0em;
		font-weight: bold;
		display: block;
		width: 40px;
		flex-shrink: 0;
	}
	.detailAcS02 {
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
	}
	.detailAcCont01 {
		display: none;
	}
	.detailAcContIn01 {
		text-align: left;
		font-size: 13px;
		line-height: 1.35em;
		padding: 0px 0px 20px 0px;
	}

	/*-------------------------*/

	.topSlideH2Flex01 {
		display: flex;
		align-items: center;
		height: 250px;
	}


}



/* -------------------------------------------------------------------- 
 footer
-------------------------------------------------------------------- */

.pagetopButton {
	display: none;
	position: fixed;
	bottom: 86px;
	right: 48px;
	z-index: 500;
}
/*.pagetopButton a {
	display: block;
	font-size: 12px;
	line-height: 1.0em;
	font-weight: 500;
	padding-top: 20px;
	position: relative;
}
.pagetopButton a:link {	color: #000000;	text-decoration: none;}
.pagetopButton a:visited {	color: #000000;	text-decoration: none;}
.pagetopButton a:hover {	color:#000000;	text-decoration: none;}
.pagetopButton a:active {	color:#000000;	text-decoration: none;}

.pagetopButton a::before {
  content: '';
  width: 13px;
  height: 13px;
  border: 0px;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -6px;
}*/

.pagetopButton img {
	width: 120px;
	height: auto;
}

/*-------------------------*/

.kyoutsuuBlock01 {
	padding: 170px 0px 240px 0px;
	border-top: 2px solid #8D6C51;
}
.contKyoutsuuH301 {
	font-size: 40px;
	line-height: 1.8em;
	color: #8D6C51;
	margin-bottom: 40px;
}

.kyoutsuuEnText01 {
	font-size: 118px;
	line-height: 1.0em;
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
	position: absolute;
	left: -110px;
	top: 10px;
	color: #000000;
}
.kyoutsuuFlex01 {
	display: flex;
	align-items: center;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	background-color: #ffffff;
}
a.kyoutsuuFlex01:link {	color: #000000;	text-decoration: none;}
a.kyoutsuuFlex01:visited {	color: #000000;	text-decoration: none;}
a.kyoutsuuFlex01:hover {	color:#000000;	text-decoration: none;}
a.kyoutsuuFlex01:active {	color:#000000;	text-decoration: none;}

.kyoutsuuFlexBox01 {
	box-sizing: border-box;
	width: calc( 100% - 560px );
	padding: 20px 40px 20px 40px;
	text-align: left;
}
.kyoutsuuFlexBox02 {
	box-sizing: border-box;
	width: 560px;
}
.kyoutsuuFlexBox02 img {
	object-fit: cover;
	width: 560px;
	height: 254px;
}

.kyoutsuuH401 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000000;
}
.kyoutsuuText01 {
	font-size: 16px;
	line-height: 2.0em;
}
.kyoutsuuText02 {
	font-size: 16px;
	line-height: 2.0em;
	font-weight: normal;
	color: #8D6C51;
	text-align: right;
	margin-top: 12px;
}

.kyoutsuuBtnWrap01 {
	margin-top: 40px;
}
.kyoutsuuBtn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #000000;
	border-radius: 100px;
	background-color: #ffffff;
	width: 240px;
	height: 40px;
	margin: auto;
	font-size: 16px;
	line-height: 1.3em;
}
a.kyoutsuuBtn01:link {	color: #000000;	text-decoration: none;}
a.kyoutsuuBtn01:visited {	color: #000000;	text-decoration: none;}
a.kyoutsuuBtn01:hover {	color:#000000;	text-decoration: none;}
a.kyoutsuuBtn01:active {	color:#000000;	text-decoration: none;}

.kyoutsuuMt80 {
	margin-top: 80px;
}

/*---------------------------*/

.footerWrap01 {
	background-color: #EFEFEF;
	padding: 40px 0px 120px 0px;
}
.footerCont01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footerBox01 {
	display: flex;
	align-items: center;
}
.footerBtnWrap01 {
	display: flex;
	margin-left: 110px;
}
.footerBtnWrap01 li {
	width: 240px;
	margin-right: 20px;
}
.footerBtnWrap01 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	background-color: #000000;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
}
.footerBtnWrap01 a:link {	color: #ffffff;	text-decoration: none;}
.footerBtnWrap01 a:visited {	color: #ffffff;	text-decoration: none;}
.footerBtnWrap01 a:hover {	color:#ffffff;	text-decoration: none;}
.footerBtnWrap01 a:active {	color:#ffffff;	text-decoration: none;}

.footerLogo01 img {
	width: 211px;
	height: auto;
}
.footerBox02 {}
.footerBox02 ul {
	display: flex;
}
.footerBox02 li {
	width: 40px;
	margin-left: 10px;
}

.footerCont02 {
	display: flex;
	margin-top: 25px;
	text-align: left;
	font-size: 12px;
	line-height: 1.35em;
}
.footerCont02 ul {
	width: 250px;
}
.footerCont02 li {
	margin-bottom: 1.35em;
}
.footerCont02 li a:link {	color: #333333;	text-decoration: none;}
.footerCont02 li a:visited {	color: #333333;	text-decoration: none;}
.footerCont02 li a:hover {	color:#333333;	text-decoration: underline;}
.footerCont02 li a:active {	color:#333333;	text-decoration: none;}

.footerCont03 {
	margin-top: 20px;
}
.footerCopy01 {
	font-size: 12px;
	line-height: 1.6em;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.pagetopButton {
		display: none;
		position: fixed;
		bottom: 32px;
		right: 0px;
		z-index: 500;
	}
	/*.pagetopButton a {
		display: block;
		font-size: 10px;
		line-height: 1.0em;
		font-weight: 500;
		padding-top: 15px;
		position: relative;
	}
	.pagetopButton a:link {	color: #000000;	text-decoration: none;}
	.pagetopButton a:visited {	color: #000000;	text-decoration: none;}
	.pagetopButton a:hover {	color:#000000;	text-decoration: none;}
	.pagetopButton a:active {	color:#000000;	text-decoration: none;}

	.pagetopButton a::before {
		content: '';
		width: 13px;
		height: 13px;
		border: 0px;
		border-top: solid 1px #000000;
		border-right: solid 1px #000000;
		-ms-transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -6px;
	}*/

	.pagetopButton img {
		width: 120px;
		height: auto;
	}

	/*-------------------------*/

	.kyoutsuuBlock01 {
		padding: 150px 20px 120px 20px;
		border-top: 2px solid #8D6C51;
	}
	.contKyoutsuuH301 {
		font-size: 24px;
		line-height: 1.8em;
		color: #8D6C51;
		margin-bottom: 20px;
	}

	.kyoutsuuEnText01 {
		font-size: 60px;
		line-height: 1.0em;
		-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		left: 0px;
		top: -70px;
	}
	.kyoutsuuFlex01 {
		display: block;
		align-items: center;
		border: 1px solid #CCCCCC;
		margin-top: 20px;
	}
	a.kyoutsuuFlex01:link {	color: #000000;	text-decoration: none;}
	a.kyoutsuuFlex01:visited {	color: #000000;	text-decoration: none;}
	a.kyoutsuuFlex01:hover {	color:#000000;	text-decoration: none;}
	a.kyoutsuuFlex01:active {	color:#000000;	text-decoration: none;}

	.kyoutsuuFlexBox01 {
		box-sizing: border-box;
		width: auto;
		padding: 20px 10px 10px 10px;
		text-align: left;
	}
	.kyoutsuuFlexBox02 {
		box-sizing: border-box;
		width: auto;
	}
	.kyoutsuuFlexBox02 img {
		object-fit: cover;
		width: 100%;
		height: 152px;
	}

	.kyoutsuuH401 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.kyoutsuuText01 {
		font-size: 16px;
		line-height: 2.0em;
	}
	.kyoutsuuText02 {
		font-size: 16px;
		line-height: 2.0em;
		color: #8D6C51;
		text-align: right;
		margin-top: 0px;
	}

	.kyoutsuuBtnWrap01 {
		margin-top: 40px;
	}
	.kyoutsuuBtn01 {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		border: 1px solid #000000;
		border-radius: 100px;
		width: 240px;
		height: 40px;
		margin: auto;
		font-size: 16px;
		line-height: 1.3em;
	}
	a.kyoutsuuBtn01:link {	color: #000000;	text-decoration: none;}
	a.kyoutsuuBtn01:visited {	color: #000000;	text-decoration: none;}
	a.kyoutsuuBtn01:hover {	color:#000000;	text-decoration: none;}
	a.kyoutsuuBtn01:active {	color:#000000;	text-decoration: none;}

	.kyoutsuuMt80 {
		margin-top: 80px;
	}

	/*---------------------------*/

	.footerWrap01 {
		background-color: #EFEFEF;
		padding: 40px 20px 80px 20px;
	}
	.footerCont01 {
		display: block;
	}

	.footerBox01 {
		display: block;
	}
	.footerBtnWrap01 {
		display: block;
		margin-left: 0px;
	}
	.footerBtnWrap01 li {
		width: 240px;
		margin: auto;
		margin-bottom: 20px;
	}
	.footerBtnWrap01 li a {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		height: 40px;
		background-color: #000000;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.footerBtnWrap01 a:link {	color: #ffffff;	text-decoration: none;}
	.footerBtnWrap01 a:visited {	color: #ffffff;	text-decoration: none;}
	.footerBtnWrap01 a:hover {	color:#ffffff;	text-decoration: none;}
	.footerBtnWrap01 a:active {	color:#ffffff;	text-decoration: none;}

	.footerLogo01 {
		margin-bottom: 40px;
	}
	.footerLogo01 img {
		width: 211px;
		height: auto;
	}
	.footerBox02 {
		margin-top: 40px;
	}
	.footerBox02 ul {
		display: flex;
		justify-content: center;
	}
	.footerBox02 li {
		width: 40px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.footerCont02 {
		display: block;
		margin-top: 40px;
		margin-bottom: 40px;
		text-align: center;
		font-size: 12px;
		line-height: 1.35em;
	}
	.footerCont02 ul {
		width: auto;
	}
	.footerCont02 li {
		margin-bottom: 1.35em;
	}
	.footerCont02 li a:link {	color: #333333;	text-decoration: none;}
	.footerCont02 li a:visited {	color: #333333;	text-decoration: none;}
	.footerCont02 li a:hover {	color:#333333;	text-decoration: underline;}
	.footerCont02 li a:active {	color:#333333;	text-decoration: none;}

	.footerCont03 {
		margin-top: 20px;
	}
	.footerCopy01 {
		font-size: 12px;
		line-height: 1.6em;
	}



}


/* -------------------------------------------------------------------- 
 セミナー会場一覧
-------------------------------------------------------------------- */

.detailSeminarBox01 {
	padding-left: 50px;
}

/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.detailSeminarBox01 {
		padding-left: 40px;
	}

}


/* -------------------------------------------------------------------- 
 運営会社
-------------------------------------------------------------------- */

.companyProfileTable01 {
	width: 100%;
	border-top: 2px solid #CCCCCC;
}
.companyProfileTable01 a:link {	color: #333333;	text-decoration: none;}
.companyProfileTable01 a:visited {	color: #333333;	text-decoration: none;}
.companyProfileTable01 a:hover {	color:#333333;	text-decoration: underline;}
.companyProfileTable01 a:active {	color:#333333;	text-decoration: none;}

.companyProfileTable01 th {
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	box-sizing: border-box;
	width: 170px;
	padding: 18px 20px 18px 20px;
	border-bottom: 2px solid #CCCCCC;
}
.companyProfileTable01 td {
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.6em;
	box-sizing: border-box;
	padding: 18px 20px 18px 20px;
	border-bottom: 2px solid #CCCCCC;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.companyProfileTable01 {
		width: 100%;
		border-top: 2px solid #CCCCCC;
		display: block;
	}

	.companyProfileTable01 th {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		box-sizing: border-box;
		width: auto;
		padding: 18px 10px 10px 10px;
		border-bottom: none;
	}
	.companyProfileTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 16px;
		line-height: 1.6em;
		box-sizing: border-box;
		padding: 0px 10px 18px 10px;
		border-bottom: 2px solid #CCCCCC;
	}


}


/* -------------------------------------------------------------------- 
 申込規約
-------------------------------------------------------------------- */

.termsBox01 {
	margin-bottom: 75px;
}
.termsText01 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	color: #000000;
}

.termsH401 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}

.termsBox02 {
	text-align: left;
	font-size: 16px;
	line-height: 2.0em;
}
.termsBox02 a:link {	color: #333333;	text-decoration: none;}
.termsBox02 a:visited {	color: #333333;	text-decoration: none;}
.termsBox02 a:hover {	color:#333333;	text-decoration: underline;}
.termsBox02 a:active {	color:#333333;	text-decoration: none;}

.termsColRed01{
	color: #F90821;
}
.termsBoxIn01 {
	margin-bottom: 30px;
}
.termsBoxIn02 {
	margin-bottom: 18px;
}

.termsTable01 {}
.termsTable01 th {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	box-sizing: border-box;
	padding: 10px;
	width: 300px;
	height: 60px;
	background-color: #EFEFEF;
	border: 2px solid #ffffff;
}
.termsTable01 td {
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 10px;
	width: 300px;
	height: 60px;
	background-color: #EFEFEF;
	border: 2px solid #ffffff;
}
.termsTable01 tr:nth-child(2n) td {
	background-color: #ffffff;
	border: 2px solid #EFEFEF;
}

.termsTyusyaku01 {
	font-size: 12px;
	line-height: 1.6em;
}

/*---------------------------*/

.detailFlexBox02 .termsBox02 li {
	padding-left: 1em;
	text-indent: -1em;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.termsBox01 {
		margin-bottom: 40px;
		padding: 0px 20px;
		text-align: left;
	}
	.termsText01 {
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
	}

	.termsH401 {
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
		text-align: left;
		margin-bottom: 20px;
	}

	.termsBox02 {
		text-align: left;
		font-size: 15px;
		line-height: 1.8em;
	}

	.termsColRed01{
		color: #F90821;
	}
	.termsBoxIn01 {
		margin-bottom: 30px;
	}
	.termsBoxIn02 {
		margin-bottom: 18px;
	}

	.termsTable01 {}
	.termsTable01 th {
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		box-sizing: border-box;
		padding: 10px;
		width: 300px;
		height: 60px;
		background-color: #EFEFEF;
		border: 2px solid #ffffff;
	}
	.termsTable01 td {
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		padding: 10px;
		width: 300px;
		height: 60px;
		background-color: #EFEFEF;
		border: 2px solid #ffffff;
	}
	.termsTable01 tr:nth-child(2n) td {
		background-color: #ffffff;
		border: 2px solid #EFEFEF;
	}

	.termsTyusyaku01 {
		font-size: 12px;
		line-height: 1.6em;
	}


}


/* -------------------------------------------------------------------- 
 404ページ
-------------------------------------------------------------------- */

.detail404Block01 {
	margin: 160px auto 160px auto;
}
.d404H201 {
	color: #8B6F4A;
	font-size: 80px;
	line-height: 1.0em;
	font-weight: 500;
	margin-bottom: 4px;
}
.d404Text01 {
	font-size: 16px;
	line-height: 2.0em;
	margin-bottom: 12px;
}
.d404Text02 {
	font-size: 16px;
	line-height: 2.0em;
	font-weight: bold;
	margin-bottom: 12px;
}
.d404BtnWrap01 {
	margin-top: 80px;
}
.d404Btn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 240px;
	height: 40px;
	padding: 5px;
	border-radius: 100px;
	background-color: #8D6C51;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
	margin: auto;
}
a.d404Btn01:link {	color: #ffffff;	text-decoration: none;}
a.d404Btn01:visited {	color: #ffffff;	text-decoration: none;}
a.d404Btn01:hover {	color:#ffffff;	text-decoration: none;}
a.d404Btn01:active {	color:#ffffff;	text-decoration: none;}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.detail404Block01 {
		margin: 80px auto 80px auto;
		padding: 0px 20px;
	}
	.d404H201 {
		color: #8B6F4A;
		font-size: 60px;
		line-height: 1.0em;
		margin-bottom: 4px;
	}
	.d404Text01 {
		font-size: 14px;
		line-height: 2.0em;
		margin-bottom: 12px;
	}
	.d404Text02 {
		font-size: 14px;
		line-height: 2.0em;
		font-weight: bold;
		margin-bottom: 12px;
	}
	.d404BtnWrap01 {
		margin-top: 50px;
	}
	.d404Btn01 {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 240px;
		height: 40px;
		padding: 5px;
		border-radius: 100px;
		background-color: #8D6C51;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
		margin: auto;
	}


}


/* -------------------------------------------------------------------- 
 各種認定制度
-------------------------------------------------------------------- */

.detailAncNaviWrap01.ancNavi_3 li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.detailAncNaviWrap01.ancNavi_3 li:nth-child(3n) {
	margin-right: 0px;
}
.detailAncNaviWrap01.ancNavi_3 li a {
	height: 60px;
}

.certifiH301 {
	font-size: 40px;
	line-height: 1.8em;
	text-align: center;
	margin: 0px auto 40px auto;
}

.certifiTable01 {
	width: 100%;
	/*border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;*/
	border: 1px solid #EFEFEF;
}
.certifiTable01 th {
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	width: 33%;
	height: 84px;
	padding: 18px 26px 18px 26px;
	background-color: #EFEFEF;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	/*border: 1px solid #ffffff;*/
	border-right: 1px solid #ffffff;
}
.certifiTable01 th:last-child {
	border-right: none;
}

.certifiTable01 td {
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	padding: 18px 26px 18px 26px;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 2.0em;
	/*border: 1px solid #EFEFEF;*/
	border-right: 1px solid #EFEFEF;
}

.certifiTable01.table02 th {
	width: 25%;
	height: 64px;
}
.certifiTable01.table02 td {
	text-align: center;
	vertical-align: middle;
	height: 64px;
	padding: 10px 20px;
	line-height: 1.25em;
	background-color: #EFEFEF;
	/*border: 1px solid #ffffff;*/
	border-right: 1px solid #ffffff;
}
.certifiTable01.table02 td:last-child {
	border-right: none;
}
.certifiTable01.table02 tr:nth-child(2n) td {
	background-color: #ffffff;
	/*border: 1px solid #EFEFEF;*/
	border-right: 1px solid #EFEFEF;
}
.certifiTable01.table02 tr:nth-child(2n) td:last-child {
	border-right: none;
}

.certifiBlock01 .detailFlex01:last-child .detailFlexBox02 {
	margin-bottom: 0px;
}

.certifiBlock01 {
	margin-bottom: 60px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.detailAncNaviWrap01.ancNavi_3 li {
		width: auto;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.detailAncNaviWrap01.ancNavi_3 li:nth-child(3n) {
		margin-right: 0px;
	}
	.detailAncNaviWrap01.ancNavi_3 li a {
		height: 60px;
	}

	.certifiH301 {
		font-size: 20px;
		line-height: 1.8em;
		text-align: center;
		margin: 0px auto 40px auto;
	}

	.certifiSpTableWrap {
		overflow: auto;
		padding-bottom: 15px;
	}
	
	.certifiTable01 {
		width: 800px;
	}
	.certifiTable01 th {
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		width: 33%;
		height: 64px;
		padding: 18px 26px 18px 26px;
		background-color: #EFEFEF;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: bold;
		/*border: 1px solid #ffffff;*/
	}
	.certifiTable01 td {
		text-align: left;
		vertical-align: top;
		box-sizing: border-box;
		padding: 10px 20px;
		background-color: #ffffff;
		font-size: 14px;
		line-height: 2.0em;
		/*border: 1px solid #EFEFEF;*/
	}

	.certifiTable01.table02 th {
		width: 25%;
		height: 64px;
	}
	.certifiTable01.table02 td {
		text-align: center;
		vertical-align: middle;
		height: 64px;
		padding: 10px 20px;
		line-height: 1.25em;
		background-color: #EFEFEF;
		/*border: 1px solid #ffffff;*/
	}
	.certifiTable01.table02 tr:nth-child(2n) td {
		background-color: #ffffff;
		/*border: 1px solid #EFEFEF;*/
	}

	.certifiBlock01 .detailFlex01:last-child .detailFlexBox02 {
		margin-bottom: 0px;
	}

	.certifiBlock01 {
		margin-bottom: 60px;
	}



}


/* -------------------------------------------------------------------- 
 記事詳細ページ
-------------------------------------------------------------------- */

.detailCont01 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.detailContCate01 {
	font-size: 12px;
	line-height: 1.6em;
	color: #8D6C51;
	text-align: left;
}
.detailContCate01 a:link {	color: #8D6C51;	text-decoration: none;}
.detailContCate01 a:visited {	color: #8D6C51;	text-decoration: none;}
.detailContCate01 a:hover {	color:#8D6C51;	text-decoration: underline;}
.detailContCate01 a:active {	color:#8D6C51;	text-decoration: none;}

.detailContBlockBase01 {
	position: relative;
	padding-bottom: 80px;
	font-size: 16px;
	line-height: 2.0em;
	text-align: left;
}
.detailContBlockBase01::before {
	content: "";
	width: 100%;
	height: calc( 100% - 216px );
	background-color: #EFEFEF;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.detailContBlock01 {
	background-color: #ffffff;
}

.detailContIn01 {
	width: 900px;
	margin: auto;
	padding: 80px 0px 80px 0px;
}
.detailBox01 {
	font-weight: bold;
	padding-bottom: 30px;
	border-bottom: 2px solid #8D6C51;
}
.textLine01 {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/text_lin01.png");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.detailContBlockBase01 h2 {
	font-size: 40px;
	line-height: 1.8em;
	font-weight: bold;
	margin-top: 45px;
}
.detailContBlockBase01 p {
	margin-top: 1.8em;
}

.detailUl01 {
	margin-top: 1.8em;
	padding-left: 40px;
}
.detailUl01 li {
	font-weight: bold;
	margin-top: 0.6em;
}
.detailUl01 li::before {
	content: "";
	font-family: 'Bebas Neue', cursive;
	font-size: 32px;
	line-height: 1.25em;
	color: #8B6F4A;
	display: inline-block;
	width: 26px;
	vertical-align: middle;
}
.detailUl01 li:nth-child(1)::before {
	content: "1";
}
.detailUl01 li:nth-child(2)::before {
	content: "2";
}
.detailUl01 li:nth-child(3)::before {
	content: "3";
}
.detailUl01 li:nth-child(4)::before {
	content: "4";
}
.detailUl01 li:nth-child(5)::before {
	content: "5";
}

.detailUl02 {
	margin-top: 1.8em;
	padding-left: 40px;
}
.detailUl02 li {
	font-weight: bold;
	margin-top: 0.6em;
}
.detailUl02 li::before {
	content: "\02714";
	font-family: 'Bebas Neue', cursive;
	font-size: 32px;
	line-height: 1.25em;
	color: #8B6F4A;
	display: inline-block;
	width: 26px;
	vertical-align: middle;
}

.detailGreyBox01 {
	margin-top: 1.8em;
	background-color: #EFEFEF;
	padding: 5px 40px 36px 40px;
}
.detailContBlockBase01 h4 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-top: 1.6em;
	color: #8D6C51;
}

.detailContBlockBase01 h3 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-top: 1.6em;
	padding-bottom: 18px;
	border-bottom: 2px solid #8D6C51;
}

.detailBox02 {
	margin-top: 1.8em;
	background-color: #333333;
	padding: 40px 40px 40px 40px;
	display: flex;
	justify-content: space-between;
	color: #ffffff;
	overflow: hidden;
}
.detailBox02 .flexBox01 {
	width: 36.5%;
}
.detailBox02 .flexBox02 {
	width: 58.5%;
}

.detailBox02 .flexBox02 dt {
	font-weight: bold;
	position: relative;
	padding-bottom: 28px;
}
.detailBox02 .flexBox02 dt::after {
	content: "";
	width: 140%;
	height: 2px;
	background-color: #A9843D;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.detailBox02 .flexBox02 dt span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: 20px;
}
.detailBox02 .flexBox02 dd {
	padding-top: 30px;
}

.detailBox03 {
	margin-top: 80px;
}

.detailTalkBoxWrap .talkBox {
	position: relative;
	padding: 0px 120px 0px 120px;
	margin-top: 50px;
}

.detailTalkBoxWrap .talkBox .boxImg01 {
	width: 80px;
	position: absolute;
	top: -10px;
	left: 0px;
}
.detailTalkBoxWrap .talkBox .boxImg01 img {
	border-radius: 160px;
}
.detailTalkBoxWrap .talkBox .boxImg01 span {
	display: block;
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 6px;
	text-align: center;
}

.detailTalkBoxWrap .talkBox .boxCont01 {
	background-color: #EFEFEF;
	border-radius: 13px;
	position: relative;
	padding: 22px 20px 22px 20px;
}
.detailTalkBoxWrap .talkBox .boxCont01 p:first-child {
	margin-top: 0px;
}
.detailTalkBoxWrap .talkBox .boxCont01::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 30px 8px 0;
border-color: transparent #efefef transparent transparent;
	position: absolute;
	top: 26px;
	left: -22px;
}

.detailTalkBoxWrap .talkBox:nth-child(2n) .boxImg01 {
	left: auto;
	right: 0px;
}
.detailTalkBoxWrap .talkBox:nth-child(2n) .boxCont01::before {
border-width: 8px 0 8px 30px;
border-color: transparent transparent transparent #efefef;
	left: auto;
	right: -22px;
}

.detailBox04 {
	border: 3px solid #8D6C51;
	border-radius: 12px;
	padding: 30px 40px 30px 40px;
	margin-top: 80px;
}
.detailBox04 dt {
	font-weight: bold;
}

.detailBlock01 {
	background-color: #333333;
	padding: 4px 0px 80px 0px;
}
.detailBlock01In01 {
	width: 920px;
	margin: 40px auto 0px auto;
}

/*------------------*/

.detailCourseBox01 {
	margin-bottom: 40px;
}
.detailH501 {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 18px;
}

.detailFlex02 {
	display: flex;
	background-color: #ffffff;
}
a.detailFlex02:link {	color: #000000;	text-decoration: none;}
a.detailFlex02:visited {	color: #000000;	text-decoration: none;}
a.detailFlex02:hover {	color:#000000;	text-decoration: none;}
a.detailFlex02:active {	color:#000000;	text-decoration: none;}

.detailFlex02 .img01 {
	box-sizing: border-box;
	width: 44%;
}
.detailFlex02 .cont01 {
	position: relative;
	box-sizing: border-box;
	width: 56%;
	padding: 20px;
}

.detailDl01 {}
.detailDl01 dt {
	font-weight: bold;
}
.detailDl01 dt .s01 {
	display: block;
	font-size: 16px;
	line-height: 1.4em;
	color: #000000;
}
.detailDl01 dt .s02 {
	display: block;
	font-size: 24px;
	line-height: 1.4em;
	color: #000000;
}

.detailDl01 dd {
	margin-top: 20px;
}

.detailCourseUl01 {
	display: flex;
	font-size: 16px;
	line-height: 1.6em;
}
.detailCourseUl01 li {
	width: 50%;
}
.detailCourseUl01 li::before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 20px;
	vertical-align: middle;
}
.detailCourseUl01 li.li01::before {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_icon01.png");
	background-size: 12px auto;
	width: 12px;
	height: 15px;
}
.detailCourseUl01 li.li02::before {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_icon02.png");
	background-size: 13px auto;
	width: 13px;
	height: 13px;
}

.detailCourseUl02 {
	padding-left: 38px;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_text_schedule01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 29px auto;
	margin-top: 10px;
}
.detailCourseUl02 li {
	display: flex;
	font-size: 16px;
	line-height: 1.6em;
	margin: 4px 0px 4px 0px;
}
.detailCourseUl02 li .liIn01 {
	font-family: 'Bebas Neue', cursive;
	width: 96px;
	color: #000000;
}

.detailCourseMore01 {
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
	line-height: 1.0em;
	position: absolute;
	right: 22px;
	bottom: 18px;
	color: #8D6C51;
}

/*--------------------*/

.detailPagerBlock01 {
	background-color: #ffffff;
	padding: 30px 40px 30px 40px;
}
.detailPagerBlock01 ul .nav-links {
	/*display: flex;*/
	display: block;
	/*justify-content: space-between;*/
}
.detailPagerBlock01 ul .nav-links::after{
	content: ""; display: block; clear: both;
}

.detailPagerBlock01 a:link {	color: #333333;	text-decoration: none;}
.detailPagerBlock01 a:visited {	color: #333333;	text-decoration: none;}
.detailPagerBlock01 a:hover {	color:#333333;	text-decoration: underline;}
.detailPagerBlock01 a:active {	color:#333333;	text-decoration: none;}

.detailPagerBlock01 ul .nav-previous li {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_ar01_left.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 24px;
	padding-left: 40px;
	float: left;
}
.detailPagerBlock01 ul .nav-previous li::before {
	content: "BACK";
	display: inline-block;
	font-family: 'Bebas Neue', cursive;
	font-size: 24px;
	line-height: 1.3em;
	color: #8B6F4A;
	margin-right: 40px;
	vertical-align: middle;
}

.detailPagerBlock01 ul .nav-next li {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_ar01_right.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 24px;
	padding-right: 40px;
	float: right;
}
.detailPagerBlock01 ul .nav-next li::after {
	content: "NEXT";
	display: inline-block;
	font-family: 'Bebas Neue', cursive;
	font-size: 24px;
	line-height: 1.3em;
	color: #8B6F4A;
	margin-left: 40px;
	vertical-align: middle;
}

.detailListBlock01 {
	text-align: left;
	/*padding: 80px 0px 120px 0px;*/
	padding: 0px 0px 120px 0px;
}
.detailListBlock01.listBlock02 {
	padding-top: 80px;
}

.detailH302 {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 40px;
}
.detailH302 .s01 {
	font-size: 16px;
}

.contListFlex01 {
	display: flex;
	flex-wrap: wrap;
}
.contListFlex01 a {
	display: block;
	width: 32%;
	margin: 0px 2% 40px 0px;
}
.contListFlex01 a:nth-child(3n) {
	margin-right: 0px;
}
.contListFlex01 a:link {	color: #333333;	text-decoration: none;}
.contListFlex01 a:visited {	color: #333333;	text-decoration: none;}
.contListFlex01 a:hover {	color:#333333;	text-decoration: none;}
.contListFlex01 a:active {	color:#333333;	text-decoration: none;}

.contListDl01 {
	margin-top: 10px;
}
.contListDl01 dt {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	color: #000000;
}
.contListDl01 dd {
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 10px;
}
.contListDl01 dd .ul01 {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.contListDl01 dd .ul01 li:first-child {
	font-weight: bold;
	color: #8D6C51;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	/*.detailH201 {
		font-size: 32px;
		line-height: 1.6em;
		font-weight: bold;
	}*/

	
	.detailCont01 {
		display: block;
		margin-bottom: 30px;
		padding: 0px 20px;
	}
	.detailContCate01 {
		font-size: 12px;
		line-height: 1.6em;
		color: #8D6C51;
		text-align: left;
	}
	.detailContCate01 a:link {	color: #8D6C51;	text-decoration: none;}
	.detailContCate01 a:visited {	color: #8D6C51;	text-decoration: none;}
	.detailContCate01 a:hover {	color:#8D6C51;	text-decoration: underline;}
	.detailContCate01 a:active {	color:#8D6C51;	text-decoration: none;}

	.detailContBlockBase01 {
		position: relative;
		padding: 0px 20px 80px 20px;
		font-size: 14px;
		line-height: 2.0em;
		text-align: left;
	}
	.detailContBlockBase01::before {
		content: "";
		width: 100%;
		height: calc( 100% - 60px );
		background-color: #EFEFEF;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

	.detailContBlock01 {
		background-color: #ffffff;
	}

	.detailContIn01 {
		width: auto;
		margin: auto;
		padding: 10px 20px 30px 20px;
	}
	.detailBox01 {
		font-weight: bold;
		padding-bottom: 30px;
		border-bottom: 2px solid #8D6C51;
	}
	.textLine01 {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/text_lin01.png");
		background-repeat: repeat-x;
		background-position: left bottom;
	}

	.detailContBlockBase01 h2 {
		font-size: 20px;
		line-height: 1.8em;
		font-weight: bold;
		margin-top: 30px;
	}
	.detailContBlockBase01 p {
		margin-top: 1.8em;
	}

	.detailUl01 {
		margin-top: 1.0em;
		padding-left: 10px;
	}
	.detailUl01 li {
		font-weight: bold;
		margin-top: 0.4em;
		position: relative;
		padding-left: 26px;
	}
	.detailUl01 li::before {
		content: "";
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.25em;
		color: #8B6F4A;
		display: inline-block;
		width: 26px;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.detailUl01 li:nth-child(1)::before {
		content: "1";
	}
	.detailUl01 li:nth-child(2)::before {
		content: "2";
	}
	.detailUl01 li:nth-child(3)::before {
		content: "3";
	}
	.detailUl01 li:nth-child(4)::before {
		content: "4";
	}
	.detailUl01 li:nth-child(5)::before {
		content: "5";
	}

	.detailUl02 {
		margin-top: 1.0em;
		padding-left: 10px;
	}
	.detailUl02 li {
		font-weight: bold;
		margin-top: 0.4em;
		position: relative;
		padding-left: 26px;
	}
	.detailUl02 li::before {
		content: "\02714";
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.25em;
		color: #8B6F4A;
		display: inline-block;
		width: 26px;
		vertical-align: middle;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.detailGreyBox01 {
		margin-top: 1.8em;
		background-color: #EFEFEF;
		padding: 5px 20px 25px 20px;
	}
	.detailContBlockBase01 h4 {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin-top: 1.0em;
		color: #8D6C51;
	}

	.detailContBlockBase01 h3 {
		font-size: 24px;
		line-height: 1.6em;
		font-weight: bold;
		margin-top: 1.6em;
		padding-bottom: 18px;
		border-bottom: 2px solid #8D6C51;
	}

	.detailBox02 {
		margin-top: 1.8em;
		background-color: #333333;
		padding: 20px 20px 20px 20px;
		display: block;
		color: #ffffff;
		overflow: hidden;
	}
	.detailBox02 .flexBox01 {
		width: auto;
	}
	.detailBox02 .flexBox02 {
		width: auto;
		margin-top: 1.0em;
	}

	.detailBox02 .flexBox02 dt {
		font-weight: bold;
		position: relative;
		padding-bottom: 15px;
	}
	.detailBox02 .flexBox02 dt::after {
		content: "";
		width: 140%;
		height: 2px;
		background-color: #A9843D;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}

	.detailBox02 .flexBox02 dt span {
		display: block;
		font-size: 12px;
		font-weight: normal;
		margin-top: 5px;
	}
	.detailBox02 .flexBox02 dd {
		padding-top: 15px;
	}

	.detailBox03 {
		margin-top: 30px;
	}

	.detailTalkBoxWrap .talkBox {
		position: relative;
		padding: 0px 0px 0px 0px;
		margin-top: 30px;
	}

	.detailTalkBoxWrap .talkBox .boxImg01 {
		width: 80px;
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 15px;
	}
	.detailTalkBoxWrap .talkBox .boxImg01 img {
		border-radius: 160px;
	}
	.detailTalkBoxWrap .talkBox .boxImg01 span {
		display: block;
		font-size: 12px;
		line-height: 1.6em;
		margin-top: 6px;
		text-align: center;
	}

	.detailTalkBoxWrap .talkBox .boxCont01 {
		background-color: #EFEFEF;
		border-radius: 13px;
		position: relative;
		padding: 20px 15px 20px 15px;
	}
	.detailTalkBoxWrap .talkBox .boxCont01 p:first-child {
		margin-top: 0px;
	}
	.detailTalkBoxWrap .talkBox .boxCont01::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 30px 10px;
	border-color: transparent transparent #efefef transparent;
		position: absolute;
		top: -18px;
		left: 30%;
	}

	.detailTalkBoxWrap .talkBox:nth-child(2n) .boxImg01 {
		left: auto;
		right: 0px;
	}
	.detailTalkBoxWrap .talkBox:nth-child(2n) .boxCont01::before {
	border-width: 0 10px 30px 10px;
	border-color: transparent transparent #efefef transparent;
		top: -18px;
		left: 30%;
	}

	.detailBox04 {
		border: 2px solid #8D6C51;
		border-radius: 12px;
		padding: 20px 20px 20px 20px;
		margin-top: 30px;
	}
	.detailBox04 dt {
		font-weight: bold;
	}

	.detailBlock01 {
		background-color: #333333;
		padding: 4px 10px 30px 10px;
	}
	.detailBlock01In01 {
		width: auto;
		margin: 40px auto 0px auto;
	}

	/*------------------*/

	.detailCourseBox01 {
		margin-bottom: 40px;
	}
	.detailH501 {
		color: #ffffff;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 18px;
	}

	.detailFlex02 {
		display: block;
		background-color: #ffffff;
	}
	a.detailFlex02:link {	color: #000000;	text-decoration: none;}
	a.detailFlex02:visited {	color: #000000;	text-decoration: none;}
	a.detailFlex02:hover {	color:#000000;	text-decoration: none;}
	a.detailFlex02:active {	color:#000000;	text-decoration: none;}

	.detailFlex02 .img01 {
		box-sizing: border-box;
		width: auto;
	}
	.detailFlex02 .cont01 {
		position: relative;
		box-sizing: border-box;
		width: auto;
		padding: 12px;
	}

	.detailDl01 {}
	.detailDl01 dt {
		font-weight: bold;
	}
	.detailDl01 dt .s01 {
		display: block;
		font-size: 15px;
		line-height: 1.4em;
	}
	.detailDl01 dt .s02 {
		display: block;
		font-size: 22px;
		line-height: 1.4em;
	}

	.detailDl01 dd {
		margin-top: 20px;
	}

	.detailCourseUl01 {
		display: flex;
		font-size: 15px;
		line-height: 1.6em;
	}
	.detailCourseUl01 li {
		width: auto;
		padding-right: 15px;
	}
	.detailCourseUl01 li::before {
		content: "";
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center center;
		margin-right: 10px;
		vertical-align: middle;
	}
	.detailCourseUl01 li.li01::before {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_icon01.png");
		background-size: 12px auto;
		width: 12px;
		height: 15px;
	}
	.detailCourseUl01 li.li02::before {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_icon02.png");
		background-size: 13px auto;
		width: 13px;
		height: 13px;
	}

	.detailCourseUl02 {
		padding-left: 38px;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_text_schedule01.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 29px auto;
		margin-top: 10px;
	}
	.detailCourseUl02 li {
		display: flex;
		font-size: 16px;
		line-height: 1.6em;
		margin: 4px 0px 4px 0px;
	}
	.detailCourseUl02 li .liIn01 {
		font-family: 'Bebas Neue', cursive;
		width: 56px;
	}

	.detailCourseMore01 {
		font-family: 'Bebas Neue', cursive;
		font-size: 16px;
		line-height: 1.0em;
		position: relative;
		right: 0px;
		bottom: 0px;
		color: #8D6C51;
		text-align: right;
	}

	/*--------------------*/

	.detailPagerBlock01 {
		background-color: #ffffff;
		padding: 20px 15px 20px 15px;
	}
	.detailPagerBlock01 ul .nav-links {
		display: block;
		line-height: 1.4em;
	}
	.detailPagerBlock01 a:link {	color: #333333;	text-decoration: none;}
	.detailPagerBlock01 a:visited {	color: #333333;	text-decoration: none;}
	.detailPagerBlock01 a:hover {	color:#333333;	text-decoration: underline;}
	.detailPagerBlock01 a:active {	color:#333333;	text-decoration: none;}

	.detailPagerBlock01 ul .nav-previous li {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_ar01_left.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: auto 24px;
		padding-left: 25px;
		float: none;
	}
	.detailPagerBlock01 ul .nav-previous li::before {
		content: "BACK";
		display: inline-block;
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.3em;
		color: #8B6F4A;
		margin-right: 25px;
		vertical-align: middle;
	}

	.detailPagerBlock01 ul .nav-next li {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/detail/detail_ar01_right.png");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 24px;
		padding-right: 25px;
		text-align: right;
		margin-top: 20px;
		float: none;
	}
	.detailPagerBlock01 ul .nav-next li::after {
		content: "NEXT";
		display: inline-block;
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.3em;
		color: #8B6F4A;
		margin-left: 25px;
		vertical-align: middle;
	}

	.detailListBlock01 {
		text-align: left;
		padding: 0px 20px 40px 20px;
	}
	.detailListBlock01.listBlock02 {
		padding-top: 30px;
	}

	.detailH302 {
		font-size: 24px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.detailH302 .s01 {
		font-size: 16px;
	}

	.contListFlex01 {
		display: block;
	}
	.contListFlex01 a {
		display: flex;
		width: auto;
		margin: 0px 0px 18px 0px;
	}
	.contListFlex01 a:nth-child(3n) {
		margin-right: 0px;
	}
	.contListFlex01 a:link {	color: #333333;	text-decoration: none;}
	.contListFlex01 a:visited {	color: #333333;	text-decoration: none;}
	.contListFlex01 a:hover {	color:#333333;	text-decoration: none;}
	.contListFlex01 a:active {	color:#333333;	text-decoration: none;}

	.contListFlex01 a img {
		width: 100% !important;
		height: auto !important;
	}
	
	.contListDl01 {
		margin-top: 0px;
		width: 50%;
		margin-left: 10px;
		flex-shrink: 0;
	}
	.contListDl01 dt {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.contListDl01 dd {
		font-size: 12px;
		line-height: 1.6em;
		margin-top: 10px;
	}
	.contListDl01 dd .p01 {
		display: none;
	}
	
	.contListDl01 dd .ul01 {
		display: block;
		margin-top: 10px;
	}
	.contListDl01 dd .ul01 li:first-child {
		font-weight: bold;
		color: #8D6C51;
	}



}


/* -------------------------------------------------------------------- 
 コラム&お知らせ
-------------------------------------------------------------------- */

.blogNaviWrap01 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.blogNaviWrap01 li {
	width: 18.6%;
	margin: 0px 1.75% 20px 0px;
}
.blogNaviWrap01 li:nth-child(5n) {
	margin-right: 0px;
}
.blogNaviWrap01 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #8D6C51;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
}
.blogNaviWrap01 li a:link {	color: #ffffff;	text-decoration: none;}
.blogNaviWrap01 li a:visited {	color: #ffffff;	text-decoration: none;}
.blogNaviWrap01 li a:hover {
	color:#ffffff;
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}
.blogNaviWrap01 li a:active {	color:#ffffff;	text-decoration: none;}

/*--------------------------*/

.pagination{
   margin:40px 0 0;
	padding: 18px 40px 18px 40px;
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
	text-align: center;
	position: relative;
}
.nav-links {
   /*display: flex;
	justify-content: center;*/
}
.nav-links {
}
.nav-links a:link {	color: #8B6F4A;	text-decoration: none;}
.nav-links a:visited {	color: #8B6F4A;	text-decoration: none;}
.nav-links a:hover {	color:#EDE8E1;	text-decoration: none;}
.nav-links a:active {	color:#8B6F4A;	text-decoration: none;}

.pagination .page-numbers{
   display:inline-block;
   margin-right: 5px;
	margin-left: 5px;
   padding: 0px 0.5em;
	font-family: 'Bebas Neue', cursive;
	font-size: 32px;
	line-height: 1.0em;
	color: #8B6F4A;
}
.pagination .current{
   color: #EDE8E1;
}
.pagination .prev,
.pagination .next{
	
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}
.pagination .prev {
	position: absolute;
	left: 0px;
}

.pagination .next{
	position: absolute;
	right: 0px;
}

/*--プラグイン用 ページネーション------------------------*/

.wp-pagenavi{
   margin:40px 0 0;
	padding: 18px 40px 18px 40px;
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
	text-align: center;
	position: relative;
}
.wp-pagenavi {
   /*display: flex;
	justify-content: center;*/
}
.nav-links {
}
.wp-pagenavi a:link {	color: #8B6F4A;	text-decoration: none;}
.wp-pagenavi a:visited {	color: #8B6F4A;	text-decoration: none;}
.wp-pagenavi a:hover {	color:#EDE8E1;	text-decoration: none;}
.wp-pagenavi a:active {	color:#8B6F4A;	text-decoration: none;}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .current,
.wp-pagenavi .page{
   display:inline-block;
   margin-right: 5px;
	margin-left: 5px;
   padding: 0px 0.5em;
	font-family: 'Bebas Neue', cursive;
	font-size: 32px;
	line-height: 1.0em;
	color: #8B6F4A;
}
.wp-pagenavi .current{
   color: #EDE8E1;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	
}
.wp-pagenavi .dots{
   background:transparent;
   box-shadow:none;
}
.wp-pagenavi .previouspostslink {
	position: absolute;
	left: 0px;
}

.wp-pagenavi .nextpostslink{
	position: absolute;
	right: 0px;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.blogNaviWrap01 {
		display: block;
		flex-wrap: wrap;
		padding: 0px 20px;
		margin-bottom: 30px;
	}
	.blogNaviWrap01 li {
		width: auto;
		margin: 0px 0px 15px 0px;
	}
	.blogNaviWrap01 li:nth-child(5n) {
		margin-right: 0px;
	}
	.blogNaviWrap01 li a {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #8D6C51;
		box-sizing: border-box;
		width: 100%;
		height: 46px;
		font-size: 13px;
		line-height: 1.5em;
		font-weight: bold;
	}
	.blogNaviWrap01 li a:link {	color: #ffffff;	text-decoration: none;}
	.blogNaviWrap01 li a:visited {	color: #ffffff;	text-decoration: none;}
	.blogNaviWrap01 li a:hover {
		color:#ffffff;
		text-decoration: none;
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}
	.blogNaviWrap01 li a:active {	color:#ffffff;	text-decoration: none;}

	/*--------------------------*/

	.pagination{
		 margin:40px 0 0;
		padding: 18px 20px 18px 20px;
		border-top: 2px solid #707070;
		border-bottom: 2px solid #707070;
		text-align: center;
		position: relative;
	}
	.nav-links {
		 /*display: flex;
		justify-content: center;*/
	}
	.nav-links {
	}
	.nav-links a:link {	color: #8B6F4A;	text-decoration: none;}
	.nav-links a:visited {	color: #8B6F4A;	text-decoration: none;}
	.nav-links a:hover {	color:#EDE8E1;	text-decoration: none;}
	.nav-links a:active {	color:#8B6F4A;	text-decoration: none;}

	.pagination .page-numbers{
		 display:inline-block;
		 margin-right: 0px;
		margin-left: 0px;
		 padding: 0px 0.5em;
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.0em;
		color: #8B6F4A;
	}
	.pagination .current{
		 color: #EDE8E1;
	}
	.pagination .prev,
	.pagination .next{

	}
	.pagination .dots{
		 background:transparent;
		 box-shadow:none;
	}
	.pagination .prev {
		position: absolute;
		left: 0px;
	}

	.pagination .next{
		position: absolute;
		right: 0px;
	}

	/*--プラグイン用 ページネーション------------------------*/

	.wp-pagenavi{
		 margin:40px 0 0;
		padding: 18px 40px 18px 40px;
		border-top: 2px solid #707070;
		border-bottom: 2px solid #707070;
		text-align: center;
		position: relative;
	}
	.wp-pagenavi {
		 /*display: flex;
		justify-content: center;*/
	}
	.nav-links {
	}
	.wp-pagenavi a:link {	color: #8B6F4A;	text-decoration: none;}
	.wp-pagenavi a:visited {	color: #8B6F4A;	text-decoration: none;}
	.wp-pagenavi a:hover {	color:#EDE8E1;	text-decoration: none;}
	.wp-pagenavi a:active {	color:#8B6F4A;	text-decoration: none;}

	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .current,
	.wp-pagenavi .page{
		 display:inline-block;
		 margin-right: 0px;
		margin-left: 0px;
		 padding: 0px 0.5em;
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.0em;
		color: #8B6F4A;
	}
	.wp-pagenavi .current{
		 color: #EDE8E1;
	}
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink{

	}
	.wp-pagenavi .dots{
		 background:transparent;
		 box-shadow:none;
	}
	.wp-pagenavi .previouspostslink {
		position: absolute;
		left: 0px;
	}

	.wp-pagenavi .nextpostslink{
		position: absolute;
		right: 0px;
	}



}


/* -------------------------------------------------------------------- 
 トップ
-------------------------------------------------------------------- */

.topMainCont01 {
	background-color: #ffffff;
	display: flex;
}
a.topMainCont01:link {	text-decoration: none;}
a.topMainCont01:visited {	text-decoration: none;}
a.topMainCont01:hover {	text-decoration: none;}
a.topMainCont01:active {	text-decoration: none;}

.topMainCont01 .box01 {
	position: relative;
	width: 620px;
	text-align: left;
}
.topMainCont01 .box02 {
	width: auto;
	flex-shrink: 0;
}
.topMainCont01 .box02 img {
	width: auto;
	height: 630px;
}

.topMainCont01 .box01 .boxIn01 {
	white-space: nowrap;
	display: flex;
	align-items: center;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 40px;
}
.mainH201 {
	text-shadow    : 
			 1px  1px 0px #ffffff,
			-1px  1px 0px #ffffff,
			 1px -1px 0px #ffffff,
			-1px -1px 0px #ffffff,
			 1px  0px 0px #ffffff,
			 0px  1px 0px #ffffff,
			-1px  0px 0px #ffffff,
			 0px -1px 0px #ffffff;
	color: #000000;
}
.mainH201 .s01 {
	display: block;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 35px;
}
.mainH201 .s02 {
	display: block;
	font-size: 150px;
	line-height: 0.8em;
	letter-spacing: 0.1em;
}
.mainH201 .s03 {
	display: block;
	font-size: 46px;
	line-height: 1.6em;
	font-weight: bold;
}

.mainH202 {
	text-shadow    : 
			 1px  1px 0px #ffffff,
			-1px  1px 0px #ffffff,
			 1px -1px 0px #ffffff,
			-1px -1px 0px #ffffff,
			 1px  0px 0px #ffffff,
			 0px  1px 0px #ffffff,
			-1px  0px 0px #ffffff,
			 0px -1px 0px #ffffff;
	color: #000000;
}
.mainH202 .s01 {
	display: block;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 25px;
}
.mainH202 .s02 {
	display: block;
	font-size: 90px;
	line-height: 0.8em;
	letter-spacing: 0.03em;
}
.mainH202 .s03 {
	display: block;
	font-size: 32px;
	line-height: 1.6em;
	font-weight: bold;
}


.mainCourseObi01 {
	position: relative;
	padding: 7px 0px 7px 0px;
	margin-top: 20px;
}
.mainCourseObi01::before {
	content: "";
	width: 660px;
	height: 100%;
	background-color: rgba(255,255,0,0.9);
	position: absolute;
	top: 0px;
	left: -40px;
}

div.topMainCont01 .mainCourseObi01.pc::before {
	width: 100vw;
	left: auto;
	right: 0px;
}


.mainCourseObi01.obi02::before {
	background-color: rgba(175,62,138,0.9);
}
.mainCourseObi01.obi03::before {
	background-color: rgba(129,89,188,0.9);
}
.mainCourseObi01.obi04::before {
	background-color: rgba(188,222,0,0.9);
}
.mainCourseObi01.obi05::before {
	background-color: rgba(37,169,229,0.9);
}

.mainCourseObi01 .ul01 {
	position: relative;
	display: flex;
	align-items: center;
	height: 35px;
}
.mainCourseObi01 .ul01 li {
	text-align: left;
	padding-right: 40px;
	margin-right: 40px;
	border-right: 1px solid #000000;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: bold;
}

.swiper-button-next,
.swiper-button-prev {
	 color: #000000;
}
.swiper-button-next {
	right: 8vw;
}
.swiper-button-prev {
	left: 8vw;
}

/*--------------------*/

.parallax-slider {
	top: 0;
	left: 0;
}
.parallax-mirror {
	background-color: #333333;
}
.contImgWrap01 {
	box-sizing: border-box;
	min-height: 100vh;
	padding: 140px 0px 180px 0px;
}

.topBlock01 {
	margin-top: -40px;
}
.block01BtnWrap01 {
	display: flex;
	max-width: 1320px;
	margin: auto;
}
.block01Btn01.btn01 {
	background-color: #333333;
	border: 1px solid #707070;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 88px;
	width: 50%;
}
a.block01Btn01:link {	color: #ffffff;	text-decoration: none;}
a.block01Btn01:visited {	color: #ffffff;	text-decoration: none;}
a.block01Btn01:hover {	color:#ffffff;	text-decoration: none;}
a.block01Btn01:active {	color:#ffffff;	text-decoration: none;}

.block01Btn01.btn02 {
	background-color: #8D6C51;
	border: 1px solid #8D6C51;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 88px;
	width: 50%;
}
.block01Btn01 .p01 {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
}
.block01Btn01 .p02 {
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
}

.topContH301 {
	font-size: 62px;
	line-height: 1.3em;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	margin-bottom: 60px;
}
.topContH301 .s01 {
	position: relative;
	display: inline-block;
	padding-top: 146px;
}
.topContH301 .s01::before {
	content: "What’s  MMS?";
	font-family: 'Water Brush', cursive;
	font-size: 56px;
	line-height: 1.2em;
	color: #ffffff;
	  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
	position: absolute;
	top: 40px;
	left: 114px;
}
.topContBox01 {
	width: 710px;
	margin: 0px auto;
}
.topContBox01 dt {
	text-align: center;
	color: #A9843D;
	font-size: 40px;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: 40px;
}
.topContBox01 dd {
	text-align: left;
	color: #ffffff;
}
.topContMore01 {
	font-family: 'Bebas Neue', cursive;
	text-align: right;
	margin-top: 40px;
}
.topContMore01 a:link {	color: #A9843D;	text-decoration: none;}
.topContMore01 a:visited {	color: #A9843D;	text-decoration: none;}
.topContMore01 a:hover {	color:#A9843D;	text-decoration: underline;}
.topContMore01 a:active {	color:#A9843D;	text-decoration: none;}



.topContBox02Wrap01 {
	position: relative;
	padding-top: 230px;
	margin-top: 110px;
}
.topContBox02 {
	position: relative;
	padding: 150px 0px 150px 0px;
}
.topContBox02::before {
	content: "";
	width: calc( 100vw + 210px );
	height: 100%;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont_bg02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #EFEFEF;
	position: absolute;
	top: 0px;
	left:-210px;
}

.topContBoxIn01 {
	position: relative;
	width: 680px;
	text-align: left;
}
.topContText01 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
	color: #000000;
}
.topContText02 {
	margin-bottom: 40px;
	color: #000000;
}
.topContText02 .s01 {
	color: #8D6C51;
	font-size: 48px;
	line-height: 1.3em;
	font-weight: bold;
}
.topContText02 .s02 {
	font-size: 40px;
	line-height: 1.3em;
	margin-left: 12px;
}

.topContImg01 {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont_img01.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	height: 610px;
	width: 41vw;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

/*--------------------*/

.topBox01 {
	text-align: left;
	padding-right: 30px;
}
.topH401 {
	margin-bottom: 45px;
	color: #000000;
}
.topH401 .s01 {
	display: block;
	font-size: 120px;
	line-height: 0.8em;
}
.topH401 .s02 {
	display: block;
	font-size: 40px;
	line-height: 1.8em;
	font-weight: bold;
	margin-top: 30px;
}

.topRightImg01 {
	position: relative;
}
.topRightImg01::after {
	content: "";
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont02_img01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: calc( ( 100% - 1200px ) / 2 );
	position: absolute;
	top: 0px;
	right: 0px;
}
.topRightImg01 .detailFlexBox01 {
	padding-top: 120px;
}
.topRightImg01 .detailFlexBox02 {
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 0px !important;
}

.topRightImg02 {
	position: relative;
	background-color: #333333;
	color: #ffffff;
}
.topRightImg02::after {
	content: "";
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont02_img02.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: calc( ( 100% - 1200px ) / 2 );
	position: absolute;
	top: 0px;
	right: 0px;
}
.topRightImg02 .detailFlexBox01 {
	padding-top: 120px;
}
.topRightImg02 .detailFlexBox02 {
	padding-top: 120px;
	padding-bottom: 90px;
	margin-bottom: 0px !important;
}

.topFlex01 {
	display: flex;
	flex-wrap: wrap;
}
.topFlex01 li {
	width: 404px;
	display: flex;
	padding-top: 25px;
	margin-bottom: 40px;
	text-indent: 0px;
	padding-left: 0px;
}
.topFlex01 li .box01 {
	width: 110px;
	flex-shrink: 0;
	font-size: 80px;
	line-height: 0.8em;
	position: relative;
}
.topFlex01 li .box01::after {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 34px 76px 34px;
border-color: transparent transparent #a9833d transparent;
	opacity: 0.6;
	position: absolute;
	left: 0px;
	top: -25px;
}

.topFlex01 li .box02 {
}
.topFlex01 li .box02 dt {
	margin-bottom: 20px;
}

.kyoutsuuText24_16_b {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}

.topImgBg01 {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont02_img03.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 237px;
}

.topContBaseBox01 {
	text-align: left;
}

.topSectionBlock01 .detailFlexBox01 {
	padding-top: 80px;
}
.topSectionBlock01 .detailFlexBox02 {
	padding-top: 80px;
	padding-bottom: 50px;
	margin-bottom: 0px !important;
}

.topSectionBlock02 {
	background-color: #EFEFEF;
}
.topSectionBlock02 .detailFlexBox01 {
	padding-top: 80px;
}
.topSectionBlock02 .detailFlexBox02 {
	padding-top: 80px;
	padding-bottom: 50px;
	margin-bottom: 0px !important;
}

/*--------------------*/

.mediaFlex01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mediaFlex01 a {
	display: flex;
	width: 48%;
	margin-bottom: 40px;
}
.mediaFlex01 a:link {	color: #333333;	text-decoration: none;}
.mediaFlex01 a:visited {	color: #333333;	text-decoration: none;}
.mediaFlex01 a:hover {	color:#333333;	text-decoration: none;}
.mediaFlex01 a:active {	color:#333333;	text-decoration: none;}

.mediaFlex01 a .box01 {
	width: 160px;
	flex-shrink: 0;
	margin-right: 10px;
}
.mediaFlex01 a .box02 {
	position: relative;
}
.mediaFlex01 a .box02 .p01 {
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.mediaFlex01 a .box02 .h401 {
	font-size: 16px;
	line-height: 2.0em;
	font-weight: bold;
	color: #000000;
}

.topContMore02 {
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
	color: #A9843D;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/*------------------*/

.swiper02Wrap01 {
	overflow: hidden;
}
.swiper02Box01 {
	display: block;
	background-color: #ffffff;
	border-radius: 19px;
	box-sizing: border-box;
	padding: 20px;
	position: relative;
}
a.swiper02Box01:link {	color: #000000;	text-decoration: none;}
a.swiper02Box01:visited {	color: #000000;	text-decoration: none;}
a.swiper02Box01:hover {	color:#000000;	text-decoration: none;}
a.swiper02Box01:active {	color:#000000;	text-decoration: none;}

.swiper02Box01 .h401 {
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: -0.05em;
	font-weight: bold;
}
.swiper02Flex01 {
	display: flex;
	margin-top: 13px;
}
.swiper02Flex01 .swImg01 {
	width: 72px;
	flex-shrink: 0;
	margin-right: 10px;
}
.swiper02Flex01 .swImg01 img {
	border-radius: 150px;
}
.swiper02Flex01 dt {
	font-size: 12px;
	line-height: 1.3em;
	font-weight: bold;
}
.swiper02Flex01 dd {
	font-size: 12px;
	line-height: 1.3em;
}
.topContMore02.voices {
	right: 20px;
	bottom: 0px;
}

.topSectionBlock03 {
	background-color: #EFEFEF;
}
.topSectionBlock03 .detailFlexBox01 {
	padding-top: 30px;
}
.topSectionBlock03 .detailFlexBox02 {
	padding-top: 30px;
	padding-bottom: 50px;
	margin-bottom: 30px !important;
}

.swiper-pagination-bullet {
	background-color: #ffffff;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background-color: #8D6C51;
	opacity: 1;
}

/*---------------------------*/

.topCourseBlock01 {
	background-color: #333333;
	color: #ffffff;
}
.topCourseBlock01 .detailFlexBox01 {
	padding-top: 120px;
}
.topCourseBlock01 .detailFlexBox02 {
	text-align: left;
	padding-top: 120px;
	padding-bottom: 80px;
	margin-bottom: 0px !important;
}

.courseH401 {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 25px;
}
.courseH401 .s01 {
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	line-height: 0.8em;
	font-weight: normal;
	margin-right: 19px;
}

.courseH401 .s01.col01 {
	color: #FFFF00;
}
.courseH401 .s01.col02 {
	color: #AF3E8A;
}
.courseH401 .s01.col03 {
	color: #8159BC;
}
.courseH401 .s01.col04 {
	color: #BCDE00;
}
.courseH401 .s01.col05 {
	color: #25A9E5;
}
.courseH401 .s01.col06 {
	color: #A9843D;
}

.topCourseBox {
	margin-bottom: 70px;
}
.topCourseBox .detailFlex02 {
	margin-bottom: 20px;
}

.topMt25 {
	margin-top: 25px;
}

.topImgBg02 {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_course_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 237px;
}

.topIntDay01 {
	margin-top: 10px;
}

.topSectionBlock04 {
}
.topSectionBlock04 .detailFlexBox01 {
	padding-top: 30px;
}
.topSectionBlock04 .detailFlexBox02 {
	padding-top: 30px;
	padding-bottom: 50px;
	margin-bottom: 30px !important;
}

/*----------------------------*/

.topFloatBtnWrap01 {
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 500;
	display: none;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.topMainCont01 {
		background-color: #ffffff;
		display: block;
	}
	.topMainCont01 .box01 {
		position: relative;
		width: auto;
		text-align: left;
		padding: 0px 20px;
	}
	.topMainCont01 .box02 {
		width: auto;
		flex-shrink: 0;
	}
	
	.topMainCont01 .box02 img {
		width: 100%;
		height: auto;
	}

	.topMainCont01 .box01 .boxIn01 {
		white-space: nowrap;
		display: flex;
		align-items: center;
		height: 100%;
		position: relative;
		top: 0px;
		left: 0px;
	}
	.mainH201 {
		text-shadow    : 
				 1px  1px 0px #ffffff,
				-1px  1px 0px #ffffff,
				 1px -1px 0px #ffffff,
				-1px -1px 0px #ffffff,
				 1px  0px 0px #ffffff,
				 0px  1px 0px #ffffff,
				-1px  0px 0px #ffffff,
				 0px -1px 0px #ffffff;
		margin-bottom: 15px;
	}
	.mainH201 .s01 {
		display: block;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.mainH201 .s02 {
		display: block;
		font-size: 66px;
		line-height: 0.8em;
		letter-spacing: 0.02em;
	}
	.mainH201 .s03 {
		display: block;
		font-size: 24px;
		line-height: 1.6em;
		font-weight: bold;
	}

	.mainCourseObi01 {
		position: absolute;
		padding: 7px 0px 7px 20px;
		margin-top: 0px;
		bottom: -20px;
	}
	.mainCourseObi01::before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,0,0.9);
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.mainCourseObi01.obi02::before {
		background-color: rgba(175,62,138,0.9);
	}
	.mainCourseObi01.obi03::before {
		background-color: rgba(129,89,188,0.9);
	}
	.mainCourseObi01.obi04::before {
		background-color: rgba(188,222,0,0.9);
	}
	.mainCourseObi01.obi05::before {
		background-color: rgba(37,169,229,0.9);
	}

	.mainCourseObi01 .ul01 {
		position: relative;
		display: flex;
		align-items: center;
		height: 35px;
	}
	.mainCourseObi01 .ul01 li {
		text-align: left;
		padding-right: 30px;
		margin-right: 30px;
		border-right: 1px solid #000000;
		font-size: 22px;
		line-height: 1.2em;
		font-weight: bold;
	}

	.swiper {
		overflow: visible;
	}
	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}

	/*--------------------*/

	.parallax-slider {
		top: 0;
		left: 0;
	}
	.parallax-mirror {
		background-color: #333333;
	}
	.contImgWrap01 {
		background-color: #333333;
		box-sizing: border-box;
		min-height: 100vh;
		padding: 60px 0px 0px 0px;
	}

	.topBlock01 {
		margin-top: -40px;
	}
	.block01BtnWrap01 {
		display: flex;
	}
	.block01Btn01.btn01 {
		background-color: #333333;
		border: 1px solid #707070;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 40px;
		width: 50%;
	}
	a.block01Btn01:link {	color: #ffffff;	text-decoration: none;}
	a.block01Btn01:visited {	color: #ffffff;	text-decoration: none;}
	a.block01Btn01:hover {	color:#ffffff;	text-decoration: none;}
	a.block01Btn01:active {	color:#ffffff;	text-decoration: none;}

	.block01Btn01.btn02 {
		background-color: #8D6C51;
		border: 1px solid #8D6C51;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 40px;
		width: 50%;
	}
	.block01Btn01 .p01 {
		font-size: 12px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.block01Btn01 .p02 {
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
	}

	.topContH301 {
		font-size: 30px;
		line-height: 1.8em;
		font-weight: 500;
		color: #ffffff;
		text-align: center;
		margin-bottom: 38px;
	}
	.topContH301 .s01 {
		position: relative;
		display: block;
		padding-top: 96px;
	}
	.topContH301 .s01::before {
		content: "What’s  MMS?";
		font-family: 'Water Brush', cursive;
		font-size: 35px;
		line-height: 1.2em;
		color: #ffffff;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: 40px;
		left: 20px;
	}
	.topContBox01 {
		width: auto;
		margin: 0px auto;
		padding: 0px 20px;
	}
	.topContBox01 dt {
		text-align: center;
		color: #A9843D;
		font-size: 22px;
		line-height: 1.8em;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.topContBox01 dd {
		text-align: left;
		color: #ffffff;
	}
	.topContMore01 {
		font-family: 'Bebas Neue', cursive;
		font-weight: bold;
		text-align: right;
		margin-top: 20px;
		font-size: 18px;
	}
	.topContMore01 a:link {	color: #A9843D;	text-decoration: none;}
	.topContMore01 a:visited {	color: #A9843D;	text-decoration: none;}
	.topContMore01 a:hover {	color:#A9843D;	text-decoration: underline;}
	.topContMore01 a:active {	color:#A9843D;	text-decoration: none;}

	.kyoutsuuText01.topSpText16 {
		font-size: 16px;
	}

	.topContBox02Wrap01 {
		position: relative;
		padding-top: 106px;
		margin-top: 80px;
	}
	.topContBox02 {
		position: relative;
		padding: 230px 20px 100px 20px;
	}
	.topContBox02::before {
		content: "";
		width: calc( 100vw + 210px );
		height: 100%;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont_bg02.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #EFEFEF;
		position: absolute;
		top: 0px;
		left:-210px;
	}

	.topContBoxIn01 {
		position: relative;
		width: auto;
		text-align: left;
	}
	.topContText01 {
		font-size: 24px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.topContText02 {
		margin-bottom: 40px;
	}
	.topContText02 .s01 {
		color: #8D6C51;
		font-size: 48px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.topContText02 .s02 {
		font-size: 40px;
		line-height: 1.3em;
		margin-left: 0px;
	}

	.topContImg01 {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont_img01.jpg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		height: 300px;
		width: 352px;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	/*--------------------*/

	.topBox01 {
		text-align: left;
		padding-right: 0px;
	}
	.topH401 {
		margin-bottom: 45px;
	}
	.topH401 .s01 {
		display: block;
		font-size: 48px;
		line-height: 0.8em;
	}
	.topH401 .s02 {
		display: block;
		font-size: 40px;
		line-height: 1.8em;
		font-weight: bold;
		margin-top: 30px;
	}

	.topRightImg01 {
		position: relative;
		padding-top: 120px;
	}
	.topRightImg01::after {
		content: "";
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont02_img01_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 120px;
		width: 100%;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.topRightImg01 .detailFlexBox01 {
		padding-top: 80px;
	}
	.topRightImg01 .detailFlexBox02 {
		padding-top: 40px;
		padding-bottom: 70px;
		margin-bottom: 0px !important;
	}

	.topRightImg02 {
		position: relative;
		background-color: #333333;
		color: #ffffff;
		padding-top: 120px;
	}
	.topRightImg02::after {
		content: "";
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont02_img02_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 120px;
		width: 100%;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.topRightImg02 .detailFlexBox01 {
		padding-top: 40px;
	}
	.topRightImg02 .detailFlexBox02 {
		padding-top: 40px;
		padding-bottom: 90px;
		margin-bottom: 0px !important;
	}

	.topFlex01 {
		display: block;
	}
	.topFlex01 li {
		width: auto;
		display: block;
		padding-top: 25px;
		margin-bottom: 40px;
		text-indent: 0px;
		padding-left: 0px;
	}
	.topFlex01 li .box01 {
		width: auto;
		flex-shrink: 0;
		font-size: 80px;
		line-height: 0.8em;
		position: relative;
	}
	.topFlex01 li .box01::after {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 34px 76px 34px;
	border-color: transparent transparent #a9833d transparent;
		opacity: 0.6;
		position: absolute;
		left: 0px;
		top: -25px;
	}

	.topFlex01 li .box02 {
	}
	.topFlex01 li .box02 dt {
		margin-bottom: 20px;
	}

	.kyoutsuuText24_16_b {
		font-size: 24px;
		line-height: 1.6em;
		font-weight: bold;
	}

	.topImgBg01 {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_cont02_img03_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 120px;
	}

	.topContBaseBox01 {
		text-align: left;
	}

	.topSectionBlock01 .detailFlexBox01 {
		padding-top: 40px;
	}
	.topSectionBlock01 .detailFlexBox02 {
		padding-top: 25px;
		padding-bottom: 30px;
		margin-bottom: 0px !important;
	}

	.topSectionBlock02 {
		background-color: #EFEFEF;
	}
	.topSectionBlock02 .detailFlexBox01 {
		padding-top: 40px;
	}
	.topSectionBlock02 .detailFlexBox02 {
		padding-top: 40px;
		padding-bottom: 50px;
		margin-bottom: 0px !important;
	}

	.contListFlex01.topPickUp01 a {
		display: block;
		width: auto;
		margin: 0px 0px 18px 0px;
	}
	.topPickUp01 .contListDl01 {
		margin-top: 10px;
		width: auto;
		margin-left: 0px;
		flex-shrink: 0;
	}
	.topPickUp01 .contListDl01 dd .p01 {
		display: block;
	}
	.topPickUp01 .contListDl01 dd .ul01 {
		display: flex;
	}
	
	
	
	/*--------------------*/

	.mediaFlex01 {
		display: block;
	}
	.mediaFlex01 a {
		display: flex;
		width: auto;
		margin-bottom: 40px;
	}
	.mediaFlex01 a:link {	color: #333333;	text-decoration: none;}
	.mediaFlex01 a:visited {	color: #333333;	text-decoration: none;}
	.mediaFlex01 a:hover {	color:#333333;	text-decoration: none;}
	.mediaFlex01 a:active {	color:#333333;	text-decoration: none;}

	.mediaFlex01 a .box01 {
		width: 160px;
		flex-shrink: 0;
		margin-right: 10px;
	}
	.mediaFlex01 a .box02 {
		position: relative;
	}
	.mediaFlex01 a .box02 .p01 {
		font-size: 12px;
		line-height: 1.6em;
		margin-bottom: 10px;
	}
	.mediaFlex01 a .box02 .h401 {
		font-size: 16px;
		line-height: 2.0em;
		font-weight: bold;
	}

	.topContMore02 {
		font-family: 'Bebas Neue', cursive;
		font-size: 16px;
		color: #A9843D;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	/*------------------*/

	.swiper02Wrap01 {
		overflow: hidden;
	}
	.swiper02Box01 {
		display: block;
		background-color: #ffffff;
		border-radius: 19px;
		box-sizing: border-box;
		padding: 20px;
		position: relative;
	}
	a.swiper02Box01:link {	color: #333333;	text-decoration: none;}
	a.swiper02Box01:visited {	color: #333333;	text-decoration: none;}
	a.swiper02Box01:hover {	color:#333333;	text-decoration: none;}
	a.swiper02Box01:active {	color:#333333;	text-decoration: none;}

	.swiper02Box01 .h401 {
		font-size: 16px;
		line-height: 1.5em;
		letter-spacing: -0.05em;
		font-weight: bold;
	}
	.swiper02Flex01 {
		display: flex;
		margin-top: 13px;
	}
	.swiper02Flex01 .swImg01 {
		width: 72px;
		flex-shrink: 0;
		margin-right: 10px;
	}
	.swiper02Flex01 .swImg01 img {
		border-radius: 150px;
	}
	.swiper02Flex01 dt {
		font-size: 12px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.swiper02Flex01 dd {
		font-size: 12px;
		line-height: 1.3em;
	}
	.topContMore02.voices {
		right: 20px;
		bottom: 0px;
	}

	.topSectionBlock03 {
		background-color: #EFEFEF;
	}
	.topSectionBlock03 .detailFlexBox01 {
		padding-top: 30px;
	}
	.topSectionBlock03 .detailFlexBox02 {
		padding-top: 30px;
		padding-bottom: 50px;
		margin-bottom: 30px !important;
		width: 100vw;
		margin-left: -20px;
	}

	.swiper-pagination-bullet {
		background-color: #ffffff;
		opacity: 1;
	}
	.swiper-pagination-bullet-active {
		background-color: #8D6C51;
		opacity: 1;
	}

	/*---------------------------*/

	.topCourseBlock01 {
		background-color: #333333;
		color: #ffffff;
	}
	.topCourseBlock01 .detailFlexBox01 {
		padding-top: 40px;
	}
	.topCourseBlock01 .detailFlexBox02 {
		text-align: left;
		padding-top: 40px;
		padding-bottom: 80px;
		margin-bottom: 0px !important;
	}

	.courseH401 {
		color: #ffffff;
		font-size: 16px;
		line-height: 1.3em;
		margin-bottom: 25px;
	}
	.courseH401 .s01 {
		font-family: 'Bebas Neue', cursive;
		font-size: 32px;
		line-height: 0.8em;
		margin-right: 19px;
	}

	.courseH401 .s01.col01 {
		color: #FFFF00;
	}
	.courseH401 .s01.col02 {
		color: #AF3E8A;
	}
	.courseH401 .s01.col03 {
		color: #8159BC;
	}

	.topCourseBox {
		margin-bottom: 70px;
	}
	.topCourseBox .detailFlex02 {
		margin-bottom: 20px;
	}

	.topMt25 {
		margin-top: 25px;
	}

	.topImgBg02 {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/top_course_bg01_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 120px;
	}

	.topIntDay01 {
		margin-top: 10px;
	}

	.topSectionBlock04 {
	}
	.topSectionBlock04 .detailFlexBox01 {
		padding-top: 30px;
	}
	.topSectionBlock04 .detailFlexBox02 {
		padding-top: 30px;
		padding-bottom: 50px;
		margin-bottom: 30px !important;
	}



}


/* -------------------------------------------------------------------- 
 リーダーシップコース
-------------------------------------------------------------------- */

.schoolBlock01 {
	position: relative;
	padding: 200px 0px 160px 0px;
}
.schoolBlock01::before {
	content: "";
	width: 100vw;
	height: 72%;
	background-color: #EFEFEF;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.schoolFlex01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.schoolFlex01 .box01 {
	width: 420px;
}
.schoolFlex01 .box02 {
	text-align: left;
	width: 600px;
}
.schoolFlex01 .box02 .h301 {
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
	color: #000000;
}
.schoolFlex01 .box02 .h301 .s01 {
	font-family: 'Water Brush', cursive;
	font-size: 158px;
	line-height: 1.0em;
	font-weight: normal;
	vertical-align: middle;
	margin-right: 15px;
}

.schoolTextWrap01 {
	position: relative;
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
	padding: 200px 0px 80px 0px;
}
.schoolTextWrap01 .p01 {
	margin-bottom: 1.6em;
	color: #000000;
}
.schoolTextWrap01 .p01 span {
	display: inline-block;
	position: relative;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_text_line01.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 26px;
}
.schoolTextWrap01 .p01 span::before {
	content: "Answer";
	font-family: 'Water Brush', cursive;
	font-size: 118px;
	line-height: 1.0em;
	font-weight: normal;
		-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position: absolute;
	top: -70px;
	left: -248px;
}
.schoolTextWrap01 .p02 {
	color: #000000;
}

.schoolFlex02 {
	display: flex;
	justify-content: space-between;
	text-align: left;
	flex-direction: row-reverse;
}
.schoolFlex02 .box01 {
	width: 48%;
	flex-shrink: 0;
}
.schoolFlex02 .box02 {
	width: 48%;
	flex-shrink: 0;
}

.schoolText16 {
	font-size: 16px;
	line-height: 2.0em;
}

/*-------------------------*/

.schoolBlock02 {
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_cont_bg01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 160px 0px 160px 0px;
	color: #ffffff;
	position: relative;
}

.schoolH301 {}
.schoolH301 .s01 {
	display: block;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}
.schoolH301 .s02 {
	display: inline-block;
	font-size: 40px;
	line-height: 1.4em;
	font-weight: bold;
}
.schoolH301 .s02 .s02In02 {
	display: block;
	font-size: 16px;
	line-height: 2.0em;
	text-align: right;
}

.schoolFlex03 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.schoolFlex03 .box01 {
	width: 33%;
	margin-top: 78px;
	text-align: left;
}
.schoolBoxIn01 {
	width: 340px;
	margin: auto;
}

.schoolFlex03 .box01 .p01 {
	text-align: center;
	color: #AA906E;
	font-family: 'Homemade Apple', cursive;
	font-size: 40px;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_cont_line01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 23px;
	padding-bottom: 30px;
	margin-bottom: 28px;
}
.schoolFlex03 .box01 .h401 {
	text-align: center;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
}

/*------------------------*/

.schoolBlock03 {
	padding: 160px 0px 0px 0px;
}
.schoolImgWrap01 {
	text-align: center;
	margin-bottom: 40px;
}
.schoolContBox01 {
	text-align: left;
	margin-bottom: 120px;
}

.schoolH302 {
	text-align: center;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 40px;
	color: #000000;
}
.schoolBlock02 .schoolH302 {
	color: #ffffff;
}

.schoolFlex04 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.schoolFlex04 li {
	width: 46.5%;
	display: flex;
	margin-bottom: 20px;
}
.schoolFlex04 li .p01 {
	width: 60px;
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	line-height: 1.0em;
	color: #8B6F4A;
}
.schoolFlex04 li dt {
	font-size: 16px;
	line-height: 2.0em;
	font-weight: bold;
	margin-bottom: 8px;
	color: #000000;
}
.schoolFlex04 li dd {
	font-size: 12px;
	line-height: 1.6em;
}

/*----------------------*/

.schoolBlock04 {
	position: relative;
}
.schoolContBox02 {
	position: relative;
	padding: 180px 0px 40px 0px;
}
.schoolPosiText01 {
	font-family: 'Water Brush', cursive;
	font-size: 118px;
	line-height: 1.0em;
		-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position: absolute;
	top: 32px;
	left: 50%;
	margin-left: -700px;
	text-align: left;
	color: #000000;
}

.schoolContBox02In01 {
	margin-bottom: 80px;
	display: flex;
	justify-content: space-between;
}
.schoolContBox02In01.flexReverse {
	flex-direction: row-reverse;
}

.schoolContBox02In01 .box01 {
	width: 46.5%;
}
.schoolContBox02In01 .box02 {
	width: 46.5%;
	text-align: left;
}
.schoolContBox02In01 .box02 .schoolH302 {
	text-align: left;
	margin-bottom: 20px;
}
.schoolContBox02In01 .box02 .boxIn01 {
}
.schoolBoxIn02 dl {
	position: relative;
	margin-top: 40px;
}
.schoolBoxIn02 dl::before {
	content: "｜";
	font-family: 'Bebas Neue', cursive;
	color: #8D6C51;
	font-size: 24px;
	line-height: 1.0em;
	position: absolute;
	left: 5px;
	top: -30px;
}
.schoolBoxIn02 dl:first-child::before {
	display: none;
}

.schoolBoxIn02 dt {
	font-family: 'Bebas Neue', cursive;
	font-size: 24px;
	line-height: 1.6em;
	color: #8D6C51;
	margin-bottom: 0px;
}
.schoolBoxIn02 dd {
	font-size: 16px;
	line-height: 2.4em;
}

/*--------------------*/

.schoolBlock05 {
	position: relative;
	background-color: #EFEFEF;
	padding: 160px 0px 125px 0px;
}
.schoolPosiText02 {
	font-family: 'Water Brush', cursive;
	font-size: 118px;
	line-height: 1.0em;
		-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position: absolute;
	top: -54px;
	left: 50%;
	margin-left: -700px;
	text-align: left;
	color: #000000;
}

.schoolH303 {
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 60px;
	color: #000000;
}
.schoolBlock02 .schoolH303 {
	color: #ffffff;
}
.schoolBlock06 .schoolH303 {
	color: #ffffff;
}
.schoolBlock06 .schoolH302 {
	color: #ffffff;
}

.multiply {
	mix-blend-mode: multiply;
}

.schoolTable01 {
	width: 100%;
	border-top: 2px solid #CCCCCC;
	margin: 80px auto 40px auto;
}
.schoolTable01 th {
	border-bottom: 2px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	width: 224px;
	padding: 10px 10px 10px 20px;
	font-family: 'Bebas Neue', cursive;
	font-size: 24px;
	line-height: 1.6em;
	background-color: #F2F2F2;
}
.schoolTable01 td {
	border-bottom: 2px solid #CCCCCC;
	padding: 10px 20px 10px 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.8em;
	background-color: #F2F2F2;
}
.schoolTable01 tr:nth-child(2n) th {
	background-color: #E2E2E2;
}
.schoolTable01 tr:nth-child(2n) td {
	background-color: #E2E2E2;
}
.schoolTable01 th span {
	display: inline-block;
	margin-right: 1em;
	color: #000000;
}
.schoolTable01 th span:nth-child(2) {
	color: #8D6C51;
}
.schoolTable01 td dt {
	font-weight: bold;
	color: #000000;
}

.schoolContBox03 {
	border-top: 2px solid #8D6C51;
	border-bottom: 2px solid #8D6C51;
	padding: 40px 0px 40px 0px;
	margin: 40px auto 40px auto;
	display: flex;
	justify-content: space-between;
}
.schoolContBox03 .box01 {
	width: 46.5%;
}
.schoolContBox03 .box02 {
	width: 46.5%;
	text-align: left;
}
.schoolContBox03 .box02 .schoolH302 {
	text-align: left;
	margin-bottom: 20px;
}

.schoolFlex05 {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 120px auto 120px auto;
	text-align: left;
}
.schoolFlex05 .box01 {
	width: 46.5%;
}
.schoolFlex05 .box02 {
	width: 46.5%;
}

.schoolContBox04 {
	text-align: left;
}
.schoolContBox04 .schoolH303 {
	text-align: center;
}

/*--------------------------*/

.schoolBlock06 {
	background-color: #333333;
	padding: 120px 0px 120px 0px;
	color: #ffffff;
}
a.contLink01:link {	color: #ffffff;	text-decoration: underline;}
a.contLink01:visited {	color: #ffffff;	text-decoration: underline;}
a.contLink01:hover {	color:#ffffff;	text-decoration: none;}
a.contLink01:active {	color:#ffffff;	text-decoration: none;}

.schoolH304 {
	font-size: 40px;
	line-height: 1.4em;
	margin-bottom: 120px;
}
.schoolFlex06 {
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin-bottom: 40px;
}
.schoolFlex06 .box01 {
	width: 35%;
}
.schoolFlex06 .box02 {
	width: 52%;
}
.schoolH401 {
	margin-bottom: 65px;
}
.schoolH401 .s01 {
	display: block;
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	line-height: 0.8em;
	letter-spacing: 0.02em;
	color: #A9843D;
}
.schoolH401 .s02 {
	display: block;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}
.schoolText24 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}
.schoolTextAlL {
	text-align: left;
}

.schoolFlex07 {
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin-top: 80px;
}
.schoolFlex07 .schoolH401 {
	margin-bottom: 40px;
}

.schoolFlex07 .box01 {
	width: 20%;
}
.schoolFlex07 .box02 {
	width: 76.5%;
}

.schoolText16Col01 {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	color: #A9843D;
}
.schoolContBox05 {
	margin-bottom: 40px;
}
.schoolWrap01 {
	margin-top: 120px;
}
.schoolWrap01:first-child {
	margin-top: 0px;
}

/*----------------------*/

.schoolBlock07 {
	position: relative;
}
.schoolBlock07::after {
	content: "";
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_img04.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
	width: 27%;
	height: 320px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.schoolBlock07 .detailFlexBox01 {
	padding-top: 80px;
}
.schoolBlock07 .detailFlexBox02 {
	padding-top: 0px;
	padding-bottom: 110px;
	margin-bottom: 0px !important;
}
.schoolBlock07 .detailH301 {
	position: relative;
}
.schoolContBox06 {
	position: relative;
	text-align: left;
	padding: 70px 0px 70px 0px;
}
.schoolBlock07 .contIn1200::before {
	content: "";
	width: 200vw;
	height: calc( 100% - 110px );
	background-color: #EFEFEF;
	position: absolute;
	top: 0px;
	right: 0px;
}

.schoolText01 {
	color: #8D6C51;
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 18px;
}
.schoolText02 {
	color: #990000;
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}

/*------------------*/

.schoolFlex08 {
	display: flex;
	text-align: left;
	margin-bottom: 30px;
}
.schoolFlex08 .box01 {
	width: 280px;
}
.schoolFlex08 .box02 {
	width: calc( 100% - 280px );
}

.schoolFlex08 .box01 .p01 {
	font-family: 'Bebas Neue', cursive;
	color: #000000;
}
.schoolFlex08 .box01 .p01 .s01 {
	font-size: 30px;
	line-height: 1.0em;
}
.schoolFlex08 .box01 .p01 .s02 {
	color: #8D6C51;
	font-size: 80px;
	line-height: 1.0em;
}
.schoolFlex08 .box01 .p02 {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	color: #000000;
}

/*--------------------------*/

.schoolContBox07 {
	text-align: left;
	margin-top: -70px;
}
.schoolH303 .schoolH30302 {
	display: block;
	font-size: 24px;
	line-height: 1.6em;
}

.schoolTyusyaku01 {
	margin-top: -34px;
}

/*-------------------------*/

.schoolContBox08 {
	width: 94%;
}
.schoolTbFlex01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.schoolTbFlex01 .box01 {
	width: 360px;
}
.schoolTbFlex01 .box02 {
	box-sizing: border-box;
	width: 280px;
	padding: 0px 20px;
}
.schoolTable01.table02 th {
	vertical-align: top;
	/*white-space: nowrap;*/
	padding-right: 20px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
}
.kyoutsuuBtn01.btn02 {
	background-color: #000000;
}
a.kyoutsuuBtn01.btn02:link {	color: #ffffff;	text-decoration: none;}
a.kyoutsuuBtn01.btn02:visited {	color: #ffffff;	text-decoration: none;}
a.kyoutsuuBtn01.btn02:hover {	color:#ffffff;	text-decoration: none;}
a.kyoutsuuBtn01.btn02:active {	color:#ffffff;	text-decoration: none;}

.schoolTbFlex01 .box01 .li01 {
	color: #8D6C51;
	font-weight: bold;
}

/*------------------*/

.contRubi01 {
	font-size: 0.5em;
	vertical-align: super;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.schoolBlock01 {
		position: relative;
		padding: 100px 20px 40px 20px;
	}
	.schoolBlock01::before {
		content: "";
		width: 100vw;
		height: 72%;
		background-color: #EFEFEF;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}

	.schoolFlex01 {
		display: block;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.schoolFlex01 .box01 {
		width: auto;
		margin-bottom: 25px;
	}
	.schoolFlex01 .box02 {
		text-align: left;
		width: auto;
	}
	.schoolFlex01 .box02 .h301 {
		font-size: 24px;
		line-height: 1.3em;
		font-weight: bold;
	}
	.schoolFlex01 .box02 .h301 .s01 {
		font-family: 'Water Brush', cursive;
		font-size: 88px;
		line-height: 1.0em;
		vertical-align: middle;
		margin-right: 15px;
	}

	.schoolTextWrap01 {
		position: relative;
		font-size: 24px;
		line-height: 1.6em;
		font-weight: bold;
		padding: 120px 0px 40px 0px;
	}
	.schoolTextWrap01 .p01 {
		margin-bottom: 1.6em;
	}
	.schoolTextWrap01 .p01 span {
		display: inline-block;
		position: relative;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_text_line01.png");
		background-repeat: repeat-x;
		background-position: center bottom;
		background-size: auto 26px;
	}
	.schoolTextWrap01 .p01 span::before {
		content: "Answer";
		font-family: 'Water Brush', cursive;
		font-size: 60px;
		line-height: 1.0em;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: -70px;
		left: -60px;
	}

	.schoolFlex02 {
		display: block;
		justify-content: space-between;
		text-align: left;
	}
	.schoolFlex02 .box01 {
		width: auto;
		margin-top: 20px;
	}
	.schoolFlex02 .box02 {
		width: auto;
	}

	.schoolText16 {
		font-size: 16px;
		line-height: 2.0em;
	}

	/*-------------------------*/

	.schoolBlock02 {
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_cont_bg01_sp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 80px 0px 80px 0px;
		color: #ffffff;
	}

	.schoolH301 {
		padding: 0px 20px;
	}
	.schoolH301 .s01 {
		display: block;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
		text-align: left;
	}
	.schoolH301 .s02 {
		display: inline-block;
		font-size: 24px;
		line-height: 1.4em;
	}
	.schoolH301 .s02 .s02In02 {
		display: block;
		font-size: 12px;
		line-height: 2.0em;
		text-align: right;
	}

	.schoolFlex03 {
		display: block;
	}
	.schoolFlex03 .box01 {
		width: auto;
		margin-top: 40px;
		text-align: left;
	}
	.schoolBoxIn01 {
		width: auto;
		margin: auto;
		padding: 0px 20px;
	}

	.schoolFlex03 .box01 .p01 {
		text-align: center;
		font-family: 'Homemade Apple', cursive;
		font-size: 35px;
		line-height: 1.4em;
		letter-spacing: -0.05em;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_cont_line01.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 23px;
		padding-bottom: 30px;
		margin-bottom: 28px;
	}
	.schoolFlex03 .box01 .h401 {
		text-align: center;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
		margin-bottom: 10px;
	}

	/*------------------------*/

	.schoolBlock03 {
		padding: 80px 20px 0px 20px;
	}
	.schoolImgWrap01 {
		text-align: center;
		margin-bottom: 40px;
	}
	.schoolContBox01 {
		text-align: left;
		margin-bottom: 40px;
	}

	.schoolH302 {
		text-align: left;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.schoolFlex04 {
		display: block;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.schoolFlex04 li {
		width: auto;
		display: flex;
		margin-bottom: 20px;
}
	.schoolFlex04 li .p01 {
		width: 60px;
		font-family: 'Bebas Neue', cursive;
		font-size: 40px;
		line-height: 1.0em;
		color: #8B6F4A;
	}
	.schoolFlex04 li dt {
		font-size: 16px;
		line-height: 2.0em;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.schoolFlex04 li dd {
		font-size: 12px;
		line-height: 1.6em;
	}

	/*----------------------*/

	.schoolBlock04 {
		position: relative;
	}
	.schoolContBox02 {
		position: relative;
		padding: 140px 0px 40px 0px;
	}
	.schoolPosiText01 {
		font-family: 'Water Brush', cursive;
		font-size: 60px;
		line-height: 1.0em;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: 54px;
		left: 20px;
		margin-left: 0px;
		text-align: left;
	}

	.schoolContBox02In01 {
		margin-bottom: 80px;
		display: block;
		justify-content: space-between;
	}
	.schoolContBox02In01.flexReverse {
		flex-direction: row-reverse;
	}

	.schoolContBox02In01 .box01 {
		width: auto;
	}
	.schoolContBox02In01 .box02 {
		width: auto;
		text-align: left;
		padding: 30px 20px 0px 20px;
	}
	.schoolContBox02In01 .box02 .schoolH302 {
		text-align: left;
		margin-bottom: 20px;
	}
	.schoolContBox02In01 .box02 .boxIn01 {
	}
	.schoolBoxIn02 dl {
		position: relative;
		margin-top: 40px;
	}
	.schoolBoxIn02 dl::before {
		content: "｜";
		font-family: 'Bebas Neue', cursive;
		color: #8D6C51;
		font-size: 24px;
		line-height: 1.0em;
		position: absolute;
		left: 5px;
		top: -30px;
	}
	.schoolBoxIn02 dl:first-child::before {
		display: none;
	}

	.schoolBoxIn02 dt {
		font-family: 'Bebas Neue', cursive;
		font-size: 24px;
		line-height: 1.6em;
		color: #8D6C51;
		margin-bottom: 0px;
	}
	.schoolBoxIn02 dd {
		font-size: 16px;
		line-height: 2.4em;
	}

	/*--------------------*/

	.schoolBlock05 {
		position: relative;
		background-color: #EFEFEF;
		padding: 160px 0px 125px 0px;
	}
	.schoolPosiText02 {
		font-family: 'Water Brush', cursive;
		font-size: 60px;
		line-height: 1.0em;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: -34px;
		left: 20px;
		margin-left: 0px;
		text-align: left;
	}

	.schoolH303 {
		text-align: left;
		font-size: 24px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 40px;
		padding: 0px 20px;
	}

	.multiply {
		mix-blend-mode: multiply;
	}

	.schoolTable01 {
		width: calc( 100% - 40px );
		border-top: 2px solid #CCCCCC;
		margin: 40px 20px 40px 20px;
	}
	.schoolTable01 th {
		border-bottom: 2px solid #CCCCCC;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		width: 72px;
		padding: 10px 10px 10px 20px;
		font-family: 'Bebas Neue', cursive;
		font-size: 16px;
		line-height: 1.6em;
		background-color: #F2F2F2;
	}
	.schoolTable01 td {
		border-bottom: 2px solid #CCCCCC;
		padding: 10px 20px 10px 0px;
		text-align: left;
		vertical-align: middle;
		font-size: 12px;
		line-height: 1.8em;
		background-color: #F2F2F2;
	}
	.schoolTable01 tr:nth-child(2n) th {
		background-color: #E2E2E2;
	}
	.schoolTable01 tr:nth-child(2n) td {
		background-color: #E2E2E2;
	}
	.schoolTable01 th span {
		display: inline-block;
		margin-right: 4px;
	}
	.schoolTable01 th span:nth-child(2) {
		color: #8D6C51;
	}
	.schoolTable01 td dt {
		font-weight: bold;
	}

	.schoolContBox03 {
		border-top: 2px solid #8D6C51;
		border-bottom: 2px solid #8D6C51;
		padding: 40px 0px 40px 0px;
		margin: 40px auto 40px auto;
		display: block;
		justify-content: space-between;
	}
	.schoolContBox03 .box01 {
		width: auto;
	}
	.schoolContBox03 .box02 {
		width: auto;
		text-align: left;
		padding: 35px 20px 0px 20px;
	}
	.schoolContBox03 .box02 .schoolH302 {
		text-align: left;
		margin-bottom: 20px;
	}

	.schoolFlex05 {
		display: block;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin: 80px auto 80px auto;
		text-align: left;
	}
	.schoolFlex05 .box01 {
		width: auto;
	}
	.schoolFlex05 .box02 {
		width: auto;
		padding: 35px 20px 0px 20px;
	}

	.schoolContBox04 {
		text-align: left;
	}
	.schoolContBox04 .schoolH303 {
		text-align: left;
	}

	.schoolSpWrap01 {
		padding: 0px 20px;
	}
	
	/*--------------------------*/

	.schoolBlock06 {
		background-color: #333333;
		padding: 80px 20px 80px 20px;
		color: #ffffff;
	}
	.schoolH304 {
		font-size: 24px;
		line-height: 1.6em;
		margin-bottom: 80px;
	}
	.schoolFlex06 {
		display: block;
		justify-content: space-between;
		text-align: left;
		margin-bottom: 20px;
	}
	.schoolFlex06 .box01 {
		width: 90%;
		margin: 0px auto 20px auto;
	}
	.schoolFlex06 .box02 {
		width: auto;
	}
	.schoolH401 {
		margin-bottom: 20px;
	}
	.schoolH401 .s01 {
		display: block;
		font-family: 'Bebas Neue', cursive;
		font-size: 32px;
		line-height: 0.8em;
		letter-spacing: 0.02em;
	}
	.schoolH401 .s02 {
		display: block;
		font-size: 16px;
		line-height: 1.6em;
	}
	.schoolText24 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.schoolTextAlL {
		text-align: left;
	}

	.schoolFlex07 {
		display: flex;
		justify-content: space-between;
		text-align: left;
		margin-top: 80px;
		margin-bottom: 13px;
	}
	.schoolFlex07 .schoolH401 {
		margin-bottom: 18px;
	}
	.schoolFlex07 .schoolH401 .s01 {
		font-size: 24px;
	}
	.schoolFlex07 .schoolH401 .s02 {
		font-size: 16px;
	}


	.schoolFlex07 .box01 {
		width: 38%;
	}
	.schoolFlex07 .box02 {
		width: 58%;
	}

	.schoolText16Col01 {
		font-size: 12px;
		line-height: 1.6em;
		font-weight: bold;
		color: #A9843D;
	}
	.schoolContBox05 {
		margin-bottom: 20px;
	}
	.schoolWrap01 {
		margin-top: 80px;
		text-align: left;
	}
	.schoolWrap01:first-child {
		margin-top: 0px;
	}
	
	.schoolContBox05 .schoolText16 {
		font-size: 12px;
	}

	/*----------------------*/

	.schoolBlock07 {
		position: relative;
		margin-bottom: 40px;
	}
	.schoolBlock07::after {
		content: "";
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/school_img04.jpg");
		background-repeat: no-repeat;
		background-position: center left;
		background-size: cover;
		display: block;
		width: 100%;
		height: 218px;
		position: relative;
		right: auto;
		bottom: 0px;
		margin-left: 20px;
	}

	.schoolBlock07 .detailFlexBox01 {
		padding: 80px 20px 0px 20px;;
	}
	.schoolBlock07 .detailFlexBox02 {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px !important;
	}
	.schoolBlock07 .detailH301 {
		position: relative;
	}
	.schoolContBox06 {
		position: relative;
		text-align: left;
		padding: 40px 20px 40px 20px;
	}
	.schoolBlock07 .contIn1200::before {
		content: "";
		width: 100vw;
		height: 320px;
		background-color: #EFEFEF;
		position: absolute;
		top: auto;
		right: 0px;
		bottom: -100px;
	}

	.schoolText01 {
		color: #8D6C51;
		font-size: 22px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 18px;
	}
	.schoolText02 {
		color: #990000;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 5px;
	}

	/*------------------*/

	.schoolFlex08 {
		display: block;
		text-align: left;
		margin-bottom: 30px;
	}
	.schoolFlex08 .box01 {
		width: auto;
		margin-bottom: 8px;
	}
	.schoolFlex08 .box02 {
		width: auto;
	}

	.schoolFlex08 .box01 .p01 {
		font-family: 'Bebas Neue', cursive;
	}
	.schoolFlex08 .box01 .p01 .s01 {
		font-size: 30px;
		line-height: 1.0em;
	}
	.schoolFlex08 .box01 .p01 .s02 {
		color: #8D6C51;
		font-size: 80px;
		line-height: 1.0em;
	}
	.schoolFlex08 .box01 .p02 {
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
	}

	/*--------------------------*/

	.schoolContBox07 {
		text-align: left;
		margin-top: 0px;
	}
	.schoolH303 .schoolH30302 {
		display: block;
		font-size: 16px;
		line-height: 1.6em;
	}

	.schoolTyusyaku01 {
		margin-top: -34px;
		padding: 0px 20px;
		font-size: 12px;
		letter-spacing: -0.05em;
	}

	/*-------------------------*/

	.schoolContBox08 {
		width: auto;
	}
	.schoolTbFlex01 {
		display: block;
		align-items: center;
		justify-content: space-between;
	}
	.schoolTbFlex01 .box01 {
		width: auto;
	}
	.schoolTbFlex01 .box02 {
		box-sizing: border-box;
		width: auto;
		padding: 10px 0px 5px 0px;
	}
	
	.schoolTable01.table02 {
		display: block;
	}
	.schoolTable01.table02 tbody {
		display: block;
	}
	.schoolTable01.table02 tr {
		display: block;
	}

	.schoolTable01.table02 th {
		vertical-align: top;
		white-space: normal;
		padding-right: 0px;
		display: block;
		width: auto;
		border-bottom: none;
		padding: 10px 10px 0px 10px;
		font-size: 24px;
	}
	.schoolTable01.table02 td {
		display: block;
		padding: 10px;
	}
	.kyoutsuuBtn01.btn02 {
		background-color: #000000;
	}
	a.kyoutsuuBtn01.btn02:link {	color: #ffffff;	text-decoration: none;}
	a.kyoutsuuBtn01.btn02:visited {	color: #ffffff;	text-decoration: none;}
	a.kyoutsuuBtn01.btn02:hover {	color:#ffffff;	text-decoration: none;}
	a.kyoutsuuBtn01.btn02:active {	color:#ffffff;	text-decoration: none;}

	.schoolTbFlex01 .box01 .li01 {
		color: #8D6C51;
		font-weight: bold;
	}

	/*----------------------*/
	
	.contSpWrap01 {
		padding: 0px 20px;
	}


}


/* -------------------------------------------------------------------- 
 ライフキャリアデザインコース
-------------------------------------------------------------------- */

.contText48_16_b {
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
}
.leaderBox01 {
	margin-bottom: 125px;
}

.leader2DaysBox01 {
	font-size: 16px;
	line-height: 2.0em;
	margin-top: 80px;
}
.leader2DaysBox01 .ul01 {
	margin-bottom: 1.8em;
}
.leader2DaysBox01 .ul01 li {
	text-indent: -1em;
	padding-left: 1em;
}

.leader2DaysAnswer .p02 {
	position: relative;
}
.schoolTextWrap01.leader2DaysAnswer .p02::before {
	content: "Answer";
	font-family: 'Water Brush', cursive;
	font-size: 118px;
	line-height: 1.0em;
		-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position: absolute;
	top: -130px;
	left: -30px;
}

.flexRow {
	flex-direction: row;
}

.leader2DaysFlex01 {
	text-align: left;
	margin-top: 65px;
}
.leader2DaysFlex01 .schoolH302 {
	text-align: left;
}

.leader2DaysBlock01 {
	background-color: #EFEFEF;
	padding: 120px 0px 120px 0px;
}
.leader2DaysH301 {
	font-size: 40px;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 45px;
}

.schoolFlex04.leader2DaysFlex02 {
	display: block;
}
.schoolFlex04.leader2DaysFlex02 li {
	width: auto;
	text-align: left;
	margin-top: 40px;
}
.schoolFlex04.leader2DaysFlex02 li .p01 {
	font-family: 'Water Brush', cursive;
	color: #8D6C51;
	font-size: 60px;
	line-height: 1.0em;
	padding-right: 50px;
}
.schoolFlex04.leader2DaysFlex02 li dl {
	padding-top: 10px;
}
.schoolFlex04.leader2DaysFlex02 li dt {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}
.schoolFlex04.leader2DaysFlex02 li dd {
	font-size: 16px;
	line-height: 2.0em;
}

.leader2DaysBox02 {
	text-align: left;
}

.leader2DaysFlex02 {
	display: flex;
	flex-wrap: wrap;
}
.leader2DaysFlex02 li {
	width: 23.5%;
	margin: 0px 2% 30px 0px;
}
.leader2DaysFlex02 li:nth-child(4n) {
	margin-right: 0px;
}

.schoolTable01.leader2DaysTable01 th {
	width: 34px;
}

/*--------------------------*/

.schoolBlock01.leader_2days::before {
	display: none;
}
.leader_2days .schoolBg01 {
	position: relative;
}
.leader_2days .schoolBg01::before {
	content: "";
	width: 200vw;
	height: calc( 100% + 160px );
	background-color: #EFEFEF;
	position: absolute;
	left: -50vw;
	top: 140px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.contText48_16_b {
		font-size: 24px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.leaderBox01 {
		margin-bottom: 40px;
	}

	.leader2DaysBox01 {
		font-size: 16px;
		line-height: 2.0em;
		margin-top: 30px;
	}
	.leader2DaysBox01 .ul01 {
		margin-bottom: 1.8em;
	}
	.leader2DaysBox01 .ul01 li {
		text-indent: -1em;
		padding-left: 1em;
	}

	.leader2DaysAnswer .p02 {
		position: relative;
	}
	.schoolTextWrap01.leader2DaysAnswer .p02::before {
		content: "Answer";
		font-family: 'Water Brush', cursive;
		font-size: 60px;
		line-height: 1.0em;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: -65px;
		left: -6px;
	}

	.flexRow {
		flex-direction: row;
	}

	.leader2DaysFlex01 {
		text-align: left;
		margin-top: 40px;
		padding: 0px 20px;
	}
	.leader2DaysFlex01 .box01 {
		margin-bottom: 20px;
	}
	
	.leader2DaysFlex01 .schoolH302 {
		text-align: left;
	}

	.leader2DaysBlock01 {
		background-color: #EFEFEF;
		padding: 40px 20px 40px 20px;
	}
	.leader2DaysH301 {
		font-size: 24px;
		line-height: 1.6em;
		text-align: center;
		margin-bottom: 30px;
	}

	.schoolFlex04.leader2DaysFlex02 {
		display: block;
	}
	.schoolFlex04.leader2DaysFlex02 li {
		width: auto;
		text-align: left;
		margin-top: 40px;
	}
	.schoolFlex04.leader2DaysFlex02 li .p01 {
		font-family: 'Water Brush', cursive;
		color: #8D6C51;
		font-size: 60px;
		line-height: 1.0em;
		padding-right: 30px;
	}
	.schoolFlex04.leader2DaysFlex02 li dl {
		padding-top: 10px;
	}
	.schoolFlex04.leader2DaysFlex02 li dt {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.schoolFlex04.leader2DaysFlex02 li dd {
		font-size: 16px;
		line-height: 2.0em;
	}

	.leader2DaysBox02 {
		text-align: left;
		padding: 0px 20px;
	}

	.leader2DaysFlex02 {
		display: flex;
		flex-wrap: wrap;
	}
	.leader2DaysFlex02 li {
		width: 48%;
		margin: 0px 4% 15px 0px;
	}
	.leader2DaysFlex02 li:nth-child(4n) {
		margin-right: 0px;
	}
	.leader2DaysFlex02 li:nth-child(2n) {
		margin-right: 0px;
	}

	.schoolTable01.leader2DaysTable01 th {
		width: 15px;
		padding: 0px;
	}

	/*--------------------------*/

	.schoolBlock01.leader_2days::before {
		display: none;
	}
	.leader_2days .schoolBg01 {
		position: relative;
	}
	.leader_2days .schoolBg01::before {
		content: "";
		width: 200vw;
		height: calc( 100% + 160px );
		background-color: #EFEFEF;
		position: absolute;
		left: -50vw;
		top: 140px;
	}



}


/* -------------------------------------------------------------------- 
 心理カウンセラー認定コース
-------------------------------------------------------------------- */

.schoolBlock01.meditation::before {
	display: none;
}
.meditation .schoolBg01 {
	position: relative;
}
.meditation .schoolBg01::before {
	content: "";
	width: 200vw;
	height: calc( 100% + 160px );
	background-color: #EFEFEF;
	position: absolute;
	left: -50vw;
	top: 140px;
}

/*--------------------------*/

.schoolH30202 {
	display: flex;
}
.schoolH30202 .ssc01 {
	flex-shrink: 0;
	font-family: 'Water Brush', cursive;
	color: #A9843D;
	font-size: 60px;
	width: 60px;
}
.schoolH30202 .ssc02 {}

.schoolBgWhite {
	position: relative;
	background-color: #ffffff;
}
.schoolImgWrap02 {
	margin: 70px auto 100px auto;
}
.schoolContBox09 {
	margin-top: 110px;
}

.schoolBlock07.afterNone::after {
	display: none;
}
.schoolBlock07.afterNone .schoolContBox06 {
	position: relative;
	/*padding-right: 210px;*/
	padding-right: 40px;
}
.schoolBlock07.afterNone .schoolContBox06::after {
	/*content: "";
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/meditation/meditation_img08.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	height: 320px;
	width: calc( ((100vw - 1200px) / 2) + 170px );
	position: absolute;
	bottom: 70px;
	right: calc( ((100vw - 1200px) / 2) * -1 );*/
}
.schoolBlock07.afterNone .detailFlexBox02 {
	padding-bottom: 0px;
}
.schoolBlock07.afterNone .contIn1200::before {
	height: calc( 100% - 0px );
}

.schoolTbFlex01 .box01.schoolBoxAuto {
	width: auto;
	padding-right: 30px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.schoolBlock01.meditation::before {
		display: none;
	}
	.meditation .schoolBg01 {
		position: relative;
	}
	.meditation .schoolBg01::before {
		content: "";
		width: 200vw;
		height: calc( 100% + 160px );
		background-color: #EFEFEF;
		position: absolute;
		left: -50vw;
		top: 90px;
	}

	/*--------------------------*/

	.schoolH30202 {
		display: flex;
	}
	.schoolH30202 .ssc01 {
		flex-shrink: 0;
		font-family: 'Water Brush', cursive;
		font-size: 40px;
		width: 40px;
	}
	.schoolH30202 .ssc02 {}

	.schoolBgWhite {
		background-color: #ffffff;
	}
	.schoolImgWrap02 {
		margin: 30px auto 30px auto;
	}
	.schoolContBox09 {
		margin-top: 40px;
	}
	.schoolContBox09 .schoolH303 {
		margin-bottom: 0px;
	}

	.schoolBlock07.afterNone::after {
		display: none;
	}
	.schoolBlock07.afterNone .schoolContBox06 {
		position: relative;
		padding-right: 20px;
	}
	.schoolBlock07.afterNone .schoolContBox06::after {
		/*content: "";
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/school/meditation/meditation_img08.jpg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		height: 320px;
		width: 100%;
		display: block;
		position: relative;
		bottom: 0px;
		right: 0px;
		margin-top: 25px;*/
	}
	.schoolBlock07.afterNone .detailFlexBox02 {
		padding-bottom: 0px;
	}
	.schoolBlock07.afterNone .contIn1200::before {
		height: calc( 100% - 0px );
		bottom: 0px;
	}

	.schoolTbFlex01 .box01.schoolBoxAuto {
		width: auto;
		padding-right: 30px;
	}

	.leader2DaysBlock01 .leader2DaysFlex01 {
		padding: 0px 0px;
	}


}


/* -------------------------------------------------------------------- 
 カウンセリング実践コース
-------------------------------------------------------------------- */

.schoolMovieWrap01 {
	width: 920px;
	margin: 70px auto 0px auto;
}

.topSectionBlock05 .detailFlexBox01 {
	padding-top: 260px;
}
.topSectionBlock05 .detailFlexBox02 {
	padding-top: 260px;
	padding-bottom: 50px;
	margin-bottom: 0px !important;
}
.topSectionBlock05 .schoolContBox07 {
	text-align: left;
	margin-top: -150px;
}

.schoolTable01.counselingTable01 {}
.schoolTable01.counselingTable01 th {
	box-sizing: content-box;
	width: 7em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	white-space: nowrap;
}

.schoolTable01.schoolM00 {
	margin: 0px;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.schoolMovieWrap01 {
		width: auto;
		margin: 40px auto 0px auto;
	}

	.topSectionBlock05 .detailFlexBox01 {
		padding-top: 60px;
	}
	.topSectionBlock05 .detailFlexBox02 {
		padding-top: 40px;
		padding-bottom: 50px;
		margin-bottom: 0px !important;
	}
	.topSectionBlock05 .schoolContBox07 {
		text-align: left;
		margin-top: 0px;
	}

	.schoolTable01.counselingTable01 {}
	.schoolTable01.counselingTable01 th {
		box-sizing: content-box;
		width: 7em;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		white-space: nowrap;
	}

	.schoolTable01.schoolM00 {
		margin: 0px;
	}

	.schoolSpWrap01 .schoolTable01 {
		width: 100%;
	}
	.schoolSpWrap01 .schoolTable01 td {
		padding-right: 15px;
	}


}


/* -------------------------------------------------------------------- 
 ショート
-------------------------------------------------------------------- */

.schoolTable01.table02 {
	margin-top: 0px;
}

.schoolFlex08 .box02 .li01 {
	color: #8D6C51;
	font-weight: bold;
}
.box02Mt10 {
	margin-top: 10px;
}
.schoolMt60 {
	margin-top: 60px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {



}


/* -------------------------------------------------------------------- 
 プロフィール
-------------------------------------------------------------------- */

.profileBlock01 {
	padding: 40px 0px 180px 0px;
}

.profileBtnWrap01 {
	margin-top: 40px;
	text-align: right;
}
.profileBtnWrap01 .d404Btn01 {
	margin-right: 0px;
	padding: 8px 20px 8px 20px;
	display: inline-flex;
	width: auto;
	min-width: 300px;
}

.profileMessage .p02 {
	position: relative;
}
.schoolTextWrap01.profileMessage .p02::before {
	content: "Message";
	font-family: 'Water Brush', cursive;
	font-size: 118px;
	line-height: 1.0em;
		-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position: absolute;
	top: -130px;
	left: -30px;
}

.profileTextWrap01 {
	text-align: left;
	font-size: 16px;
	line-height: 2.2em;
}
.profileTextWrap01 p {
	margin-bottom: 2.0em;
}

.profileName01 {
	text-align: right;
	margin-top: 60px;
}
.profileName01 img {
	width: 205px;
	height: auto;
}

.profileBox01 {
	margin-top: 40px;
}
.profileBox01 .kyoutsuuFlex01 {
	position: relative;
}

.profileBox01 .kyoutsuuText02 {
	position: absolute;
	bottom: 24px;
	right: 600px;
}

.profileBlock02 {
	margin-bottom: 155px;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.profileBlock01 {
		padding: 40px 20px 60px 20px;
	}

	.profileBtnWrap01 {
		margin-top: 40px;
		text-align: right;
	}
	.profileBtnWrap01 .d404Btn01 {
		margin-right: 0px;
		padding: 8px 20px 8px 20px;
		display: inline-flex;
		width: auto;
		min-width: 300px;
	}

	.profileMessage .p02 {
		position: relative;
	}
	.schoolTextWrap01.profileMessage .p02::before {
		content: "Message";
		font-family: 'Water Brush', cursive;
		font-size: 58px;
		line-height: 1.0em;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: -100px;
		left: 10px;
	}

	.profileTextWrap01 {
		text-align: left;
		font-size: 16px;
		line-height: 2.0em;
	}
	.profileTextWrap01 p {
		margin-bottom: 1.8em;
	}

	.profileName01 {
		text-align: right;
		margin-top: 20px;
	}
	.profileName01 img {
		width: 140px;
		height: auto;
	}

	.profileBox01 {
		margin-top: 40px;
	}
	.profileBox01 .kyoutsuuFlex01 {
		position: relative;
	}

	.profileBox01 .kyoutsuuText02 {
		position: relative;
		bottom: 0px;
		right: 0px;
	}

	.profileBlock02 {
		margin-bottom: 50px;
	}




}


/* -------------------------------------------------------------------- 
 メンタルマネジメントとは？
-------------------------------------------------------------------- */

.topMainCont01.about .box01 .boxIn01 {
	align-items: flex-end;
	box-sizing: border-box;
	padding: 26px 0px 26px 0px;
}
.topMainCont01.about .mainH201 {
	position: relative;
}
.mainH201 .mainS01 {
	font-family: 'Water Brush', cursive;
	font-size: 118px;
	line-height: 1.0em;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	position: absolute;
	left: -60px;
	top: -130px;
}

.aboutBlock01 {
	padding: 100px 0px 100px 0px;
}

.aboutMb80 {
	margin-bottom: 80px;
}
.aboutImgWrap01 {
	margin: 30px auto 30px auto;
}
.aboutS01 {
	display: block;
	margin-top: 34px;
}

.aboutBox01 {
	text-align: left;
	margin-top: 55px;
}
.aboutBox02 {
	margin-top: 100px;
}
.aboutFlex01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	margin-top: 80px;
}
.aboutFlex01 .box01 {
	width: 46%;
}
.aboutFlex01 .box02 {
	width: 46%;
}

.aboutFlex02 {
	display: flex;
}
.aboutFlex02 .p01 {
	font-family: 'Water Brush', cursive;
	color: #A9843D;
	font-size: 60px;
	line-height: 1.0em;
	width: 75px;
	flex-shrink: 0;
}
.aboutFlex02 dl {
	padding-top: 10px;
}

.aboutFlex02 dt {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
}

.sboutH401 {
	font-size: 40px;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 15px;
}

.topCourseBlock01 .detailFlexBox02.aboutFlexBox02 {
	padding-top: 70px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.topMainCont01.about .box01 .boxIn01 {
		align-items: flex-end;
		box-sizing: border-box;
		padding: 0px 0px 0px 0px;
	}
	.topMainCont01.about .mainH201 {
		position: relative;
	}
	.mainH201 .mainS01 {
		font-family: 'Water Brush', cursive;
		font-size: 60px;
		line-height: 1.0em;
		display: block;
				-ms-transform: rotate(-10deg);
			-webkit-transform: rotate(-10deg);
			transform: rotate(-10deg);
		position: relative;
		left: -15px;
		top: 0px;
		margin-bottom: 24px;
	}

	.aboutBlock01 {
		padding: 50px 20px 50px 20px;
	}

	.aboutMb80 {
		margin-bottom: 40px;
	}
	.aboutImgWrap01 {
		margin: 30px auto 30px auto;
	}
	.aboutS01 {
		display: block;
		margin-top: 34px;
	}

	.aboutBox01 {
		text-align: left;
		margin-top: 55px;
	}
	.aboutBox02 {
		margin-top: 50px;
	}
	.aboutFlex01 {
		display: block;
		text-align: left;
		margin-top: 40px;
	}
	.aboutFlex01 .box01 {
		width: auto;
	}
	.aboutFlex01 .box02 {
		width: auto;
		margin-top: 20px;
	}

	.aboutFlex02 {
		display: flex;
	}
	.aboutFlex02 .p01 {
		font-family: 'Water Brush', cursive;
		color: #A9843D;
		font-size: 46px;
		line-height: 1.0em;
		width: 45px;
		flex-shrink: 0;
	}
	.aboutFlex02 dl {
		padding-top: 10px;
	}

	.aboutFlex02 dt {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.sboutH401 {
		font-size: 24px;
		line-height: 1.4em;
		text-align: left;
		margin-bottom: 20px;
	}

	.topCourseBlock01 .detailFlexBox02.aboutFlexBox02 {
		padding-top: 40px;
		padding-bottom: 5px;
	}

	.schoolBlock06 .schoolH303 {
		padding: 0px 0px;
	}
	.schoolBlock06 .leader2DaysFlex01 {
		padding: 0px 0px;
	}

	.leader2DaysH301.aboutH401 {
		font-size: 20px;
	}


}


/* -------------------------------------------------------------------- 
 VISION
-------------------------------------------------------------------- */

.smooth {
  clip-path: inset(0 100% 0 0);
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}
.smooth.is-animated {
  clip-path: inset(0);
}

/*----------------------------------*/

.visionMainBlock01 {
	padding: 160px 0px 60px 0px;
}

.visionH201 {
	font-size: 250px;
	line-height: 1.0em;
	letter-spacing: 0.1em;
	text-align: center;
}
.visionH201 .s01 {
	display: inline-block;
	position: relative;
}
.visionH201 .s01::before {
	content: "Our message";
	font-family: 'Water Brush', cursive;
	font-size: 120px;
	line-height: 1.0em;
	letter-spacing: 0em;
	color: #8D6C51;
	  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
	position: absolute;
	top: -120px;
	left: -274px;
}
.visionMainText01 {
	font-size: 38px;
	line-height: 2.1em;
	font-weight: 900;
}

/*--------------------------*/

.visionBlock01 {
	position: relative;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/vision/vision_bg_img01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 110px 0px 110px 0px;
	color: #ffffff;
}

.visionTextBox01 {
	font-size: 24px;
	line-height: 2.0em;
	font-weight: 900;
	margin-top: 40px;
}
.visionTextBox01:first-child {
	margin-top: 0px;
}

.visionBlock02 {
	padding: 110px 0px 110px 0px;
}

.visionBlock03 {
	position: relative;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/vision/vision_bg_img02.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 110px 0px 120px 0px;
}
.visionBottomLine01 {
	width: 2px;
	height: 240px;
	background-color: #8D6C51;
	position: absolute;
	left: 50%;
	bottom: -130px;
}

.visionBlock04 {
	padding: 200px 0px 160px 0px;
}
.visionH301 {
	color: #8D6C51;
	font-size: 110px;
	line-height: 1.15em;
	margin-bottom: 15px;
	display: inline-block;
}
.visionH401 {
	font-size: 48px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 40px;
}

.visionBox01 {
	position: relative;
	margin-bottom: 226px;
}
.visionBottomLine02 {
	width: 2px;
	height: 150px;
	background-color: #8D6C51;
	position: absolute;
	left: 50%;
	bottom: -190px;
}

.visionTextBox02 {
	font-size: 24px;
	line-height: 2.0em;
	font-weight: normal;
	margin-top: 40px;
}
.visionTextBox02:first-child {
	margin-top: 0px;
}

.visionTextBox02 dt {
	font-size: 32px;
	line-height: 1.8em;
	font-weight: bold;
}

.kyoutsuuBtn01.btn03 {
	display: inline-flex;
	width: auto;
	background-color: #000000;
	padding: 4px 30px;
}
a.kyoutsuuBtn01.btn03:link {	color: #ffffff;	text-decoration: none;}
a.kyoutsuuBtn01.btn03:visited {	color: #ffffff;	text-decoration: none;}
a.kyoutsuuBtn01.btn03:hover {	color:#ffffff;	text-decoration: none;}
a.kyoutsuuBtn01.btn03:active {	color:#ffffff;	text-decoration: none;}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.visionMainBlock01 {
		padding: 80px 0px 40px 0px;
	}

	.visionH201 {
		font-size: 96px;
		line-height: 1.0em;
		letter-spacing: 0.1em;
		text-align: center;
	}
	.visionH201 .s01 {
		display: inline-block;
		position: relative;
	}
	.visionH201 .s01::before {
		content: "Our message";
		font-family: 'Water Brush', cursive;
		font-size: 48px;
		line-height: 1.0em;
		letter-spacing: 0em;
		color: #8D6C51;
			-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		position: absolute;
		top: -60px;
		left: -40px;
	}
	.visionMainText01 {
		font-size: 16px;
		line-height: 2.1em;
		font-weight: 900;
	}

	/*--------------------------*/

	.visionBlock01 {
		position: relative;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/vision/vision_bg_img01.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 50px 15px 50px 15px;
		color: #ffffff;
	}

	.visionTextBox01 {
		font-size: 14px;
		line-height: 2.0em;
		font-weight: 900;
		margin-top: 20px;
	}
	.visionTextBox01:first-child {
		margin-top: 0px;
	}

	.visionBlock02 {
		padding: 50px 15px 50px 15px;
	}

	.visionBlock03 {
		position: relative;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/vision/vision_bg_img02.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 50px 20px 60px 20px;
	}
	.visionBottomLine01 {
		width: 2px;
		height: 120px;
		background-color: #8D6C51;
		position: absolute;
		left: 50%;
		bottom: -70px;
	}

	.visionBlock04 {
		padding: 100px 15px 80px 15px;
	}
	.visionH301 {
		color: #8D6C51;
		font-size: 50px;
		line-height: 1.15em;
		margin-bottom: 15px;
		display: inline-block;
	}
	.visionH401 {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.visionBox01 {
		position: relative;
		margin-bottom: 114px;
	}
	.visionBottomLine02 {
		width: 2px;
		height: 75px;
		background-color: #8D6C51;
		position: absolute;
		left: 50%;
		bottom: -95px;
	}

	.visionTextBox02 {
		font-size: 16px;
		line-height: 2.0em;
		font-weight: normal;
		margin-top: 40px;
	}
	.visionTextBox02:first-child {
		margin-top: 0px;
	}

	.visionTextBox02 dt {
		font-size: 18px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 4px;
	}

	.kyoutsuuBtn01.btn03 {
		display: inline-flex;
		width: auto;
		background-color: #000000;
		padding: 4px 15px;
	}
	a.kyoutsuuBtn01.btn03:link {	color: #ffffff;	text-decoration: none;}
	a.kyoutsuuBtn01.btn03:visited {	color: #ffffff;	text-decoration: none;}
	a.kyoutsuuBtn01.btn03:hover {	color:#ffffff;	text-decoration: none;}
	a.kyoutsuuBtn01.btn03:active {	color:#ffffff;	text-decoration: none;}


}


/* -------------------------------------------------------------------- 
 無料説明会
-------------------------------------------------------------------- */

.guidanceBox01 {
	margin-bottom: 50px;
	text-align: center;
}
.guidanceBtn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 660px;
	height: 88px;
	margin: auto;
	background-color: #8D6C51;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
}
a.guidanceBtn01:link {	color: #ffffff;	text-decoration: none;}
a.guidanceBtn01:visited {	color: #ffffff;	text-decoration: none;}
a.guidanceBtn01:hover {	color:#ffffff;	text-decoration: none;}
a.guidanceBtn01:active {	color:#ffffff;	text-decoration: none;}

.guidanceBlock01 {
	background-color: #EFEFEF;
	padding: 120px 0px 140px 0px;
}

.guidanceBlock02 {
	position: relative;
	background-color: #EFEFEF;
	padding: 140px 0px 120px 0px;
}
.guidanceBlock02 .kyoutsuuEnText01 {
	left: -44px;
	top: -130px;
}

/*-------------------------*/

.guidanceBlock03 {
	padding: 0px 0px 120px 0px;
}

.detailAncNaviWrap01.ancNavi_4 li {
	width: 23.75%;
	margin-right: 1.6%;
	margin-bottom: 20px;
}
.detailAncNaviWrap01.ancNavi_4 li:nth-child(4n) {
	margin-right: 0px;
}
.detailAncNaviWrap01.ancNavi_4 li a {
	height: 60px;
}
.schoolH303.guidanceMb {
	margin-bottom: 24px;
}

.guidanceBox02 {
	margin-top: 64px;
}
.guidanceLinkWrap01 {
	margin-top: 28px;
}
.guidanceLinkWrap01 li {
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.guidanceLinkWrap01 a:link {	color: #8D6C51;	text-decoration: none;}
.guidanceLinkWrap01 a:visited {	color: #8D6C51;	text-decoration: none;}
.guidanceLinkWrap01 a:hover {	color:#8D6C51;	text-decoration: underline;}
.guidanceLinkWrap01 a:active {	color:#8D6C51;	text-decoration: none;}

/*--------------------*/

.topSectionBlock01.guidanceSecWrap01 .detailFlexBox02 {
	padding-top: 80px;
	padding-bottom: 0px;
	margin-bottom: 0px !important;
	text-align: left;
}
.guidanceSecWrap01 .schoolH303 {
	margin-bottom: 0px;
}

.schoolTable01.guidanceTable01 th {
	width: auto;
}
.schoolTable01.guidanceTable01 th .guidanceText01 {
	font-size: 18px;
	color: #000000;
}
.schoolTable01.guidanceTable01 th .guidanceText02 {
	font-size: 16px;
	font-weight: normal;
}

.schoolTable01.guidanceTable01 td {
	text-align: right;
	padding-right: 20px;
}
.schoolTable01.guidanceTable01 td .kyoutsuuBtn01 {
	margin-right: 0px;
}

/*------------------------*/

.guidanceBlock04 {
	background-color: #EFEFEF;
}
.guidanceBlock04 .detailFlex02 {
	margin-bottom: 35px;
}
.guidanceH401 {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: bold;
	margin: 70px 0px 50px 0px;
	color: #000000;
}
.guidanceBlock04 .detailFlex02 .cont01 {
	position: relative;
}
.guidanceBtnWrap01 {
	position: absolute;
	right: 20px;
	bottom: 32px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.guidanceBox01 {
		margin-bottom: 20px;
		text-align: center;
	}
	.guidanceBtn01 {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		height: 60px;
		margin: auto;
		background-color: #8D6C51;
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
	}
	a.guidanceBtn01:link {	color: #ffffff;	text-decoration: none;}
	a.guidanceBtn01:visited {	color: #ffffff;	text-decoration: none;}
	a.guidanceBtn01:hover {	color:#ffffff;	text-decoration: none;}
	a.guidanceBtn01:active {	color:#ffffff;	text-decoration: none;}

	.guidanceBlock01 {
		background-color: #EFEFEF;
		padding: 80px 0px 80px 0px;
	}

	.guidanceBlock01.block02 {
		padding: 40px 0px 80px 0px;
	}

	.guidanceBlock02 {
		position: relative;
		background-color: #EFEFEF;
		padding: 80px 20px 60px 20px;
	}
	.guidanceBlock02 .kyoutsuuEnText01 {
		left: -20px;
		top: -100px;
	}

	/*-------------------------*/

	.guidanceBlock03 {
		padding: 0px 20px 60px 20px;
	}
	
	.guidanceBlock03 .leader2DaysFlex01 {
		padding: 0px;
		margin-top: 25px;
	}


	.detailAncNaviWrap01.ancNavi_4 li {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.detailAncNaviWrap01.ancNavi_4 li:nth-child(4n) {
		margin-right: 0px;
	}
	.detailAncNaviWrap01.ancNavi_4 li a {
		height: 50px;
	}
	.schoolH303.guidanceMb {
		margin-bottom: 24px;
	}

	.guidanceBox02 {
		margin-top: 40px;
	}
	.guidanceLinkWrap01 {
		margin-top: 28px;
	}
	.guidanceLinkWrap01 li {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 0.6em;
	}
	.guidanceLinkWrap01 a:link {	color: #8D6C51;	text-decoration: none;}
	.guidanceLinkWrap01 a:visited {	color: #8D6C51;	text-decoration: none;}
	.guidanceLinkWrap01 a:hover {	color:#8D6C51;	text-decoration: underline;}
	.guidanceLinkWrap01 a:active {	color:#8D6C51;	text-decoration: none;}

	/*--------------------*/

	.topSectionBlock01.guidanceSecWrap01 .detailFlexBox02 {
		padding-top: 40px;
		padding-bottom: 0px;
		margin-bottom: 0px !important;
		text-align: left;
	}
	.guidanceSecWrap01 .schoolH303 {
		margin-bottom: 0px;
	}

	.schoolTable01.guidanceTable01 th {
		width: auto;
	}
	.schoolTable01.guidanceTable01 th .guidanceText01 {
		font-size: 18px;
	}
	.schoolTable01.guidanceTable01 th .guidanceText02 {
		font-size: 16px;
		font-weight: normal;
	}

	.schoolTable01.guidanceTable01 td {
		text-align: right;
		padding-right: 20px;
	}
	.schoolTable01.guidanceTable01 td .kyoutsuuBtn01 {
		margin-right: 0px;
	}

	/*------------------------*/

	.guidanceBlock04 {
		background-color: #EFEFEF;
	}
	.guidanceBlock04 .detailFlex02 {
		margin: 0px 20px 35px 20px;
	}
	.guidanceH401 {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin: 50px 0px 30px 0px;
		padding: 0px 20px;
	}
	.guidanceBlock04 .detailFlex02 .cont01 {
		position: relative;
	}
	.guidanceBtnWrap01 {
		position: relative;
		right: auto;
		bottom: auto;
		text-align: right;
		margin-top: 30px;
	}
	.guidanceBtnWrap01 .kyoutsuuBtn01 {
		margin-right: 0px;
	}


}


/* -------------------------------------------------------------------- 
 メディア掲載・出演情報
-------------------------------------------------------------------- */

.mediaBlock01 {
	padding: 0px 0px 160px 0px;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

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


}


/* -------------------------------------------------------------------- 
 お問い合わせ
-------------------------------------------------------------------- */

.contactBlock01 {
	padding: 0px 0px 200px 0px;
}

.contactStatus01 {
	display: flex;
	align-items: center;
}
.contactStatus01 li {
	font-size: 16px;
	line-height: 1.6em;
	margin-right: 1em;
}
.contactStatus01 li.li01 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 80px;
	border: 1px solid #707070;
	border-radius: 100px;
}

.contactHisu01 {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 24px;
	background-color: #8D6C51;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	float: right;
}

.contactTable01 {
	width: 100%;
}
.contactTable01 th {
	text-align: left;
	vertical-align: top;
	padding: 40px 80px 40px 0px;
	box-sizing: border-box;
	width: 350px;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
}
.contactTable01 td {
	text-align: left;
	vertical-align: top;
	padding: 20px 0px 20px 0px;
	font-size: 16px;
	line-height: 1.6em;
}

.contactTable01 th p {
	display: inline-block;
}

.contactTable01 .p01 {
	margin-bottom: 10px;
}

.contactSelect01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
	box-sizing: border-box;
	width: 100%;
	height: 64px;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 1.6em;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	position: relative;
	background-image: url("/wp-content/themes/hiromotoshiki/common/img/contact/contact_ar01.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 20px auto;
	background-color: #EFEFEF;
}

.contactInput01 {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
	box-sizing: border-box;
	width: 100%;
	height: 64px;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 1.6em;
	background-color: #EFEFEF;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
}
.contactTextarea01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
	box-sizing: border-box;
	width: 100%;
	height: 160px;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 1.6em;
	background-color: #EFEFEF;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
-ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
}

/*--------------------*/

/* 送信ボタン */
.submit-btn {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;

	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #000000;
	border-radius: 100px;
	background-color: #ffffff;
	width: 400px;
	height: 60px;
	margin: auto;
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	cursor: pointer;
}

.submit-btn[disabled] {
  background-color: #ccc;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}

/*--------------------*/

.comfirm .label01 {
	display: none;
}
.mw_wp_form_complete .schoolText16 {
	margin-bottom: 1.6em;
}
.comfirm .contactTable01 td {
	padding: 40px 0px 40px 0px;
}
.comfirm .contactTable01 .p01 {
	display: none;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.contactBlock01 {
		padding: 0px 20px 100px 20px;
	}

	.contactStatus01 {
		display: flex;
		align-items: center;
	}
	.contactStatus01 li {
		font-size: 16px;
		line-height: 1.6em;
		margin-right: 1em;
	}
	.contactStatus01 li.li01 {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 32px;
		width: 80px;
		border: 1px solid #707070;
		border-radius: 100px;
	}

	.contactHisu01 {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 64px;
		height: 24px;
		background-color: #8D6C51;
		color: #ffffff;
		font-size: 12px;
		line-height: 1.4em;
		font-weight: bold;
		float: right;
	}

	.contactTable01 {
		width: auto;
		display: block;
	}

	.contactTable01 tbody {
		display: block;
	}
	.contactTable01 tr {
		display: block;
	}

	.contactTable01 th {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 20px 0px 0px 0px;
		box-sizing: border-box;
		width: auto;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.contactTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 20px 0px 20px 0px;
		font-size: 16px;
		line-height: 1.6em;
	}

	.contactTable01 th p {
		display: inline-block;
	}

	.contactTable01 .p01 {
		margin-bottom: 10px;
	}

	.contactSelect01 {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			border: none;
			outline: none;
			background: transparent;
		box-sizing: border-box;
		width: 100%;
		height: 50px;
		border-radius: 8px;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 1.6em;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
		position: relative;
		background-image: url("/wp-content/themes/hiromotoshiki/common/img/contact/contact_ar01.png");
		background-repeat: no-repeat;
		background-position: right 20px center;
		background-size: 20px auto;
		background-color: #EFEFEF;
	}

	.contactInput01 {
			padding: 0;
			border: none;
			border-radius: 0;
			outline: none;
			background: none;
		box-sizing: border-box;
		width: 100%;
		height: 50px;
		border-radius: 8px;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 1.6em;
		background-color: #EFEFEF;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	}
	.contactTextarea01 {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			resize: none;
			padding: 0;
			border: 0;
			outline: none;
			background: transparent;
		box-sizing: border-box;
		width: 100%;
		height: 160px;
		border-radius: 8px;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 1.6em;
		background-color: #EFEFEF;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	-ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16) inset;
	}

	/*--------------------*/

	/* 送信ボタン */
	.submit-btn {
		/* buttonタグのリセットCSS */
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		appearance: none;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		border: 1px solid #000000;
		border-radius: 100px;
		background-color: #ffffff;
		width: 100%;
		height: 60px;
		margin: auto;
		font-size: 24px;
		line-height: 1.3em;
		font-weight: bold;
		cursor: pointer;
	}

	.submit-btn[disabled] {
		background-color: #ccc;
		cursor: not-allowed; /* クリック不可のカーソルを表示 */
	}

	/*--------------------*/

	.comfirm .label01 {
		display: none;
	}
	.mw_wp_form_complete .schoolText16 {
		margin-bottom: 1.6em;
		text-align: left;
	}
	.comfirm .contactTable01 td {
		padding: 20px 0px 20px 0px;
	}
	.comfirm .contactTable01 .p01 {
		display: none;
	}

	/*---------------------*/
	
	.mwform-tel-field .contactInput01 {
		width: 30% !important;
	}


}


/* -------------------------------------------------------------------- 
 修正 2023/05/02
-------------------------------------------------------------------- */

.sideNaviLink01 {
	font-size: 20px;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {



}


/* -------------------------------------------------------------------- 
 2023/05/11 追加
-------------------------------------------------------------------- */

.eventBox01 {
	background-color: #F2F2F2;
	padding: 10px;
}
.eventColGold01 {
	color: #8D6C51;
}
.eventColRed01 {
	color: #ff0000;
}
.eventInd01 li {
	text-indent: -2em;
	padding-left: 2em;
}

/*-------------------*/

.leaderOffers .schoolFlex08 .box02 {
	padding-top: 32px;
	padding-left: 10px;
}

/*-------------------*/

.topSectionBlock01.schoolSecBox01 .detailFlexBox01 {
	padding-top: 0px;
}
.topSectionBlock01.schoolSecBox01 .detailFlexBox02 {
	padding-top: 0px;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	/*-------------------*/

	.leaderOffers .schoolFlex08 .box02 {
		padding-top: 0px;
		padding-left: 0px;
	}

	/*-------------------*/

	.topSectionBlock01.schoolSecBox01 .detailFlexBox02 {
		padding-top: 25px;
	}



}


/* -------------------------------------------------------------------- 
 修正 2023/05/22
-------------------------------------------------------------------- */

.schoolMainvisual .contIn1200 {
	max-width: 1440px;
	width: 100%;
}
.schoolMainvisual .topMainCont01 {
	justify-content: space-between;
}
.schoolMainvisual .mainCourseObi01 {
	width: 680px;
}

/*-----------------------*/

.detailTalkBoxWrap.talkBoxRight .talkBox .boxImg01 {
	width: 80px;
	position: absolute;
	top: -10px;
	left: auto;
	right: 0px;
}
.detailTalkBoxWrap.talkBoxRight .talkBox .boxCont01::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 30px;
border-color: transparent transparent transparent #efefef;
	position: absolute;
	top: 26px;
	left: auto;
	right: -22px;
}

.detailTalkBoxWrap.talkBoxRight .talkBox:nth-child(2n) .boxImg01 {
	left: 0px;
	right: auto;
}
.detailTalkBoxWrap.talkBoxRight .talkBox:nth-child(2n) .boxCont01::before {
border-width: 8px 30px 8px 0;
border-color: transparent #efefef transparent transparent;
	left: auto;
	right: auto;
	left: -22px;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.schoolMainvisual .contIn1200 {
		max-width: 1440px;
		width: 100%;
	}
	.schoolMainvisual .mainCourseObi01 {
		width: auto;
	}

	/*-----------------------*/

	.detailTalkBoxWrap.talkBoxRight .talkBox .boxImg01 {
		width: 80px;
		position: relative;
		top: 0px;
		left: auto;
		right: 0px;
	}
	.detailTalkBoxWrap.talkBoxRight .talkBox .boxCont01::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 30px 10px;
	border-color: transparent transparent #efefef transparent;
		position: absolute;
		top: -18px;
		left: 30%;
		right: auto;
	}

	.detailTalkBoxWrap.talkBoxRight .talkBox:nth-child(2n) .boxImg01 {
		left: 0px;
		right: auto;
	}
	.detailTalkBoxWrap.talkBoxRight .talkBox:nth-child(2n) .boxCont01::before {
	border-width: 0 10px 30px 10px;
	border-color: transparent transparent #efefef transparent;
		position: absolute;
		top: -18px;
		left: 30%;
		right: auto;
	}



}


/* -------------------------------------------------------------------- 
 サイトマップ
-------------------------------------------------------------------- */

.sitemapBlock01 {
	text-align: left;
	margin-bottom: 100px;
}

.wsp-container h2{
	font-size: 1.4em;
	color: #333;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
	margin-top: 30px;
}
.wsp-container ul {
	margin: 10px 20px 25px;
	font-size: 16px;
	line-height: 1.6em;
}
.wsp-container ul li {
	list-style-type: square;
	margin: 10px 0;
}
.wsp-container a {
	text-decoration: none;
	color: #555;
}
.wsp-container a:hover {
	text-decoration: underline;
}

.children {
	display: flex;
	flex-wrap: wrap;
	margin-left: 40px !important;
}
.children > li {
	width: 50%;
}
.children > li > .children {
	display: block;
	border-top: none;
	border-bottom: none;
}
.children > li > .children > li {
	width: auto;
}


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.sitemapBlock01 {
		text-align: left;
		margin-bottom: 50px;
		padding: 0px 20px;
	}

	.wsp-container h2{
		font-size: 1.4em;
		color: #333;
		border-bottom: 1px dashed #ccc;
		padding: 10px 0;
		margin-top: 30px;
	}
	.wsp-container ul {
		margin: 10px 20px 25px;
		font-size: 13px;
		line-height: 1.6em;
	}
	.wsp-container ul li {
		list-style-type: square;
		margin: 10px 0;
	}
	.wsp-container a {
		text-decoration: none;
		color: #555;
	}
	.wsp-container a:hover {
		text-decoration: underline;
	}

	.children {
		display: block;
		margin-left: 20px !important;
	}
	.children > li {
		width: auto;
	}
	.children > li > .children {
		display: block;
		border-top: none;
		border-bottom: none;
	}
	.children > li > .children > li {
		width: auto;
	}



}


/* -------------------------------------------------------------------- 
 
-------------------------------------------------------------------- */



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.padd0 {
		padding: 0px !important;
	}


}


/* -------------------------------------------------------------------- 
 2023/06/09
-------------------------------------------------------------------- */

.detailBox05 {
	margin-bottom: 60px;
}
.tLeft01 {
	text-align: left;
}
.detailH4_32 {
	font-size: 32px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 25px;
}
.detailH4_24 {
	font-size: 24px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 25px;
}
.detailH4_18 {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 25px;
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.detailBox05 {
		padding: 0px 20px;
		margin-bottom: 60px;
	}
	.tLeft01 {
		text-align: left;
	}
	.detailH4_32 {
		font-size: 22px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.detailH4_24 {
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.detailH4_18 {
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 25px;
	}



}


/* -------------------------------------------------------------------- 
 2025/07/31
-------------------------------------------------------------------- */

.profileBlock03 {
	background-color: #333333;
	padding: 120px 0px 144px 0px;
	color: #ffffff;
}

.profileFlex01 {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 2%;
}
.profileFlex01 li {
	width: 23.5%;
}
.profileFlex01 li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
.profileFlex01 li .box02 {
	text-align: left;
	padding: 15px 0px 0px;
}
.profileH401 {
	margin-bottom: 10px;
}
.profileH401 .s01 {
	display: block;
	font-family: 'Bebas Neue', cursive;
	font-size: 32px;
	line-height: 0.8em;
	letter-spacing: 0.02em;
	color: #A9843D;
}
.profileH401 .s02 {
	display: block;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: bold;
}
.profileP01 {
	font-size: 12px;
	line-height: 1.35em;
}
.profileFlex01 li .box01 img {
	object-fit: cover;
	object-position: center top;
	width: 282px;
	height: 376px;
}

/*---------------------*/

.profileMovieFlex01 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 20px;
}
.profileMovieFlex01 li {
	width: 560px;
}
.profileMovieFlex01 li iframe {
	width: 560px;
	height: 315px;
}




/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.profileBlock03 {
		background-color: #333333;
		padding: 40px 20px 60px;
		color: #ffffff;
	}

	.profileFlex01 {
		display: flex;
		flex-wrap: wrap;
		gap: 22px 6%;
	}
	.profileFlex01 li {
		width: 47%;
	}
	.profileFlex01 li a {
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	.profileFlex01 li .box02 {
		text-align: left;
		padding: 10px 0px 0px;
	}
	.profileH401 {
		margin-bottom: 7px;
	}
	.profileH401 .s01 {
		display: block;
		font-family: 'Bebas Neue', cursive;
		font-size: 21px;
		line-height: 1em;
		letter-spacing: 0.02em;
		color: #A9843D;
	}
	.profileH401 .s02 {
		display: block;
		font-size: 12px;
		line-height: 1em;
		font-weight: bold;
		margin-top: -2px;
	}
	.profileP01 {
		font-size: 8px;
		line-height: 1.35em;
	}
	.profileFlex01 li .box01 img {
		object-fit: cover;
		object-position: center top;
		width: 157px;
		height: 210px;
	}

	/*---------------------*/

	.profileMovieFlex01 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px 20px;
	}
	.profileMovieFlex01 li {
		width: 100%;
	}
	.profileMovieFlex01 li iframe {
		width: 100%;
		height: 51.2vw;
	}



}


/* -------------------------------------------------------------------- 
 ナビ 新　2025/08/01
-------------------------------------------------------------------- */

.naviFlex01 {
	display: flex;
	gap: 0px 30px;
}

.slideNaiDl01 dt.dt01 {
	border-bottom: 2px solid #FFFF00;
}
.slideNaiDl01 dt.dt02 {
	border-bottom: 2px solid #AF3E8A;
}
.slideNaiDl01 dt.dt03 {
	border-bottom: 2px solid #8159BC;
}
.slideNaiDl01 dt.dt04 {
	border-bottom: 2px solid #25A9E5;
}
.slideNaiDl01 dt.dt05 {
	border-bottom: 2px solid #BCDE00;
}





/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

.naviFlex01 {
	display: block;
}



}





/*-----*/