@charset "utf-8";
/* CSS Document */
/********************************************************************
	layout.css
*********************************************************************/

/* clearfix */
.cf {
	zoom:1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear:both;
}

/*--- リンク ---*/
a:link, a:visited {
	color: #0062a9;
	text-decoration: none;
}
a:hover, a:active {
	color: #e60012;
	text-decoration:underline;
}
/*-- PDFマーク --*/
.pdf::after {
  font-family: 'FontAwesome';
  content: "\f1c1";
  margin-left: 5px;
}

/*--- ページトップ ---*/
#pagetop {
	position: fixed;
  	bottom: 10px;
  	right: 10px;
	z-index:10;
}
#pagetop a {
  display: block;
  color: #FFFFFF;
  height: 35px;
  line-height: 35px;
  width: 35px;
  text-align: center;
  background-color: #333333;
}

/*--- フルードイメージ ---*/
/* 拡大縮小 */
.fluidimg {
	width: 100%;
	max-width: 100%;
	height:auto;
}
/* 画像サイズ内で縮小 */
.fluidimg2 {
	width: auto;
	max-width: 100%;
	height:auto;
}

html {
	width:100%;
}
body {
	width: 100%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	background-color: #FFFFFF;
}
img {
  vertical-align: bottom;
}

/*-- アニメ制御用 --*/
.ovhidden {
	overflow: hidden;
}

/*==========================================================================
	レイアウト
============================================================================*/
#wapper {
	width:100%;
	color: #333333;
	font-size: 16px;
  line-height: 1.8;
}
.sp_none {
	display:none;
}
/*--- タイトル ---*/
.titleA {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 30px;
}
/*-- ボタン --*/
.btnA {
  margin: 40px auto;
}
.btnA a {
  text-align: center;
  color: #FFFFFF;
  background-color: #333333;
  line-height: 1;
  font-size: 18px;
  padding: 20px 10px;
  display: block;
  transition: .2s linear;
  position: relative;
}
/*--- リンク ---*/
.btnA a:link, .btnA a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.btnA a:hover, .btnA a:active {
	color: #FFFFFF;
	text-decoration: none;
  background-color:#666666;
}

.btnB {
  margin: 40px auto;
}
.btnB a {
  text-align: center;
  color: #FFFFFF;
  background-color: #333333;
  line-height: 1;
  font-size: 16px;
  padding: 20px 10px;
  display: block;
  transition: .2s linear;
  position: relative;
}
/*--- リンク ---*/
.btnB a:link, .btnB a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.btnB a:hover, .btnB a:active {
	color: #FFFFFF;
	text-decoration: none;
  background-color:#666666;
}

/*-- 下三角01 --*/
.next01 {
  text-align: center;
  padding: 10px;
  margin: 0px auto;
  width: 12%;
}
.next02 {
  text-align: center;
  padding: 10px;
  margin: 5px auto;
  width: 8%;
}
/*-- セクションパディング --*/
.sec {
	padding: 30px 0;
}
/*-- フォントサイズ --*/
.fs_large {
	font-size: 18px;
}
.fs_small {
	font-size: 14px;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  #wapper {
	  font-size: 17px;
  }
  .sp_none {
	  display:block;
  }
  .tb_none {
	  display:none;
  }
  /*--- タイトル ---*/
  .titleA {
	  font-size: 30px;
	  margin-bottom: 40px;
  }
  /*-- ボタン --*/
  .btnA {
	  width: 50%;
	  margin: 40px auto;
  }
  .btnA a {
		font-size: 26px;
		padding: 35px 10px;
  }
	
  .btnB {
	  width: 40%;
	  margin: 40px auto;
  }
  .btnB a {
		font-size: 24px;
		padding: 25px 10px;
  }
  /*-- セクションパディング --*/
	.sec {
		padding: 50px 0;
	}
  	/*-- フォントサイズ --*/
	.fs_large {
		font-size: 19px;
	}
	.fs_small {
		font-size: 15px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	#wapper {
		font-size: 18px;
    }
    .tb_none {
	  display:block;
    }
    .pc_none {
	  display:none;
    }
    /*--- タイトル ---*/
    .titleA {
      font-size: 36px;
	  margin-bottom: 45px;
    }
    /*-- ボタン --*/
    .btnA {
		width: 60%;
      margin: 50px auto;
    }
	.btnA a {
		font-size: 26px;
		padding: 40px 10px;
	}
	
	.btnB {
		width: 45%;
      margin: 50px auto;
    }
	.btnB a {
		font-size: 24px;
		padding: 30px 10px;
	}
	/*-- セクションパディング --*/
	.sec {
		padding: 60px 0;
	}
	/*-- フォントサイズ --*/
	.fs_large {
		font-size: 20px;
	}
	.fs_small {
		font-size: 16px;
	}
}

/*==========================================================================
	ヘッダー
============================================================================*/
#header {
  	width: 100%;
  	margin:0px auto;
	position: fixed;
	background-color: #FFF;
	z-index: 999;
}
#header #headerinnr {
  	width: 100%;
  	height: 90px;
  	position: relative;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#headerinnr #logo {
  	width: 200px;
  	position: absolute;
  	left: 10px;
  	top: 10px;
}
#headerinnr .msg {
	display: none;
}
#headerinnr .headContBtn {
  	position: absolute;
  	right: 10px;
  	top: 10px;
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 120px;
}
#headerinnr .headContBtn a {
  	text-align: center;
  	color: #FFFFFF;
  	background-color: #333333;
  	line-height: 1;
  	font-size: 12px;
  	padding: 5px 0;
  	width: 120px;
  	display: block;
  	transition: .2s linear;
  	border-radius: 2px;
	margin-bottom: 4px;
}
/*--- リンク ---*/
#headerinnr .headContBtn a:link, #headerinnr .headContBtn a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#headerinnr .headContBtn a:hover, #headerinnr .headContBtn a:active {
	color: #FFFFFF;
	text-decoration: none;
  	background-color:#666666;
}

/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
 	#headerinnr #logo {
  		width: 130px;
  		position: absolute;
  		left: 10px;
  		top: 25px;
	}
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  #header #headerinnr {
  	width: 100%;
  	height: 100px;
  }
  #headerinnr #logo {
	  width: 240px;
  }
  #headerinnr .headContBtn {
  	position: absolute;
  	right: 10px;
  	top: 10px;
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 140px;
}
  #headerinnr .headContBtn a {
  	text-align: center;
  	color: #FFFFFF;
  	background-color: #333333;
  	line-height: 1;
  	font-size: 14px;
  	padding: 5px 0;
  	width: 140px;
  	display: block;
  	transition: .2s linear;
  	border-radius: 2px;
	margin-bottom: 4px;
}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  #header #headerinnr {
    max-width: 1200px;
	height: 140px;
    margin: 0 auto;
    position: relative;
  }
  #headerinnr #logo {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 350px;
  }
  #headerinnr .msg {
	position: absolute;
    right: 10px;
    top: 30px;
	line-height: 1.2;
	display: block;
	font-size: 14px;
	text-align: right;
  }
  #headerinnr .headContBtn {
    position: absolute;
    right: 10px;
    top: 90px;
	width: 440px;
  }

}


/*==========================================================================
	メイン画像
============================================================================*/
.mainimg {
	padding-top: 90px;
	background-image:url("../img/main_cv_bg.jpg");
	background-size:cover;
}
.mainimg .txt {
	box-sizing: border-box;
	width: 100%;
	padding: 60px 10px;
	line-height: 1.8;
	color: #000000;
	text-shadow: 1px 1px 10px #FFF,
		-1px -1px 10px #FFF;
}
.mainimg .txt .txt1 {
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 25px;
	font-style: italic;
}
.mainimg .txt .ttl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.mainimg .txt .txt2 {
	font-size: 16px;
	font-weight: bold;
}
.mainimg .txt .txt2 span {
	font-size: 1.2em;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .mainimg {
	  padding-top: 100px;
  }
  .mainimg .txt {
	padding: 80px 30px;
  }
	.mainimg .txt .txt1 {
		font-size: 65px;
		margin-bottom: 25px;
	}
	.mainimg .txt .ttl {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.mainimg .txt .txt2 {
		font-size: 18px;
		font-weight: bold;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .mainimg {
	  padding-top: 140px;
  }
	.mainimg .txt {
		padding: 100px 10px 120px;
		max-width: 1200px;
		margin: 0 auto;
	}
	.mainimg .txt .txt1 {
		font-size: 70px;
		margin-bottom: 25px;
	}
	.mainimg .txt .ttl {
		font-size: 34px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.mainimg .txt .txt2 {
		font-size: 22px;
		font-weight: bold;
	}
}


/*==========================================================================
	スクール紹介
============================================================================*/
.schoolArea {
	background-image: url("../img/school_bg.png");
	background-position: bottom;
	background-size:cover;
	
}
.schoolArea .schoolAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
/*-- スクール写真 --*/
.schoolArea .schoolAreainnr .piclist {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 30px;
}
.schoolArea .schoolAreainnr .piclist li {
	width: 49%;
	margin-bottom: 10px;
	text-align: center;
}
/*-- スクール住所 --*/
.schoolArea .schoolAreainnr .adressbox {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 30px;
}
.schoolArea .schoolAreainnr .adressbox li {
	width: 100%;
	margin-bottom: 20px;
}
.schoolArea .schoolAreainnr .adressbox h2 {
	margin-bottom: 10px; 
}
.schoolArea .schoolAreainnr .adressbox .box {
	padding: 20px;
	background-color: #FFF;
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
}
.schoolArea .schoolAreainnr .adressbox .box .name {
	font-size: 20px;
}
.schoolArea .schoolAreainnr .adressbox .box .adress {
	font-size: 14px;
}
.schoolArea .schoolAreainnr .adressbox .box .btn {
	margin-left: 15px;
}
.schoolArea .schoolAreainnr .adressbox .box .btn a {
	color: #FFF;
	border-radius: 3px;
	background-color: #485459;
	padding: 2px 5px;
	font-size: 14px;
	transition: .2s linear;
}
/*--- リンク ---*/
.schoolArea .schoolAreainnr .adressbox .box .btn a:link, .schoolArea .schoolAreainnr .adressbox .box .btn a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.schoolArea .schoolAreainnr .adressbox .box .btn a:hover, .schoolArea .schoolAreainnr .adressbox .box .btn a:active {
	color: #FFFFFF;
	text-decoration: none;
  	background-color:#000000;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.schoolArea {
		
	}
	.schoolArea .schoolAreainnr {
		width: 100%;
	}
	/*-- スクール写真 --*/
	.schoolArea .schoolAreainnr .piclist {
		margin: 0 auto 60px;
	}
	.schoolArea .schoolAreainnr .piclist li {
		width: 24.5%;
		margin-bottom: 10px;
		text-align: center;
	}
	/*-- スクール住所 --*/
	.schoolArea .schoolAreainnr .adressbox .box {
		padding: 35px;
	}
	.schoolArea .schoolAreainnr .adressbox .box .name {
		font-size: 24px;
	}
	.schoolArea .schoolAreainnr .adressbox .box .adress {
		font-size: 16px;
	}
	.schoolArea .schoolAreainnr .adressbox li {
		width: 49%;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.schoolArea {
		
	}
	.schoolArea .schoolAreainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
   
}

/*==========================================================================
	メッセージ01
============================================================================*/
.msg01Area {
	
}
.msg01Area .msg01Areainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.msg01Area .msg01Areainnr .picArea {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.msg01Area .msg01Areainnr .txtArea {
	width: 100%;
	line-height: 2.0;
}
.msg01Area .msg01Areainnr .txtArea p {
	margin-bottom: 15px;
}
.msg01Area .msg01Areainnr .txtArea .mbox {
	padding: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #f9f8f8;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  	.msg01Area .msg01Areainnr .picArea {
		width: 40%;
		margin-bottom: 20px;
	}
	.msg01Area .msg01Areainnr .txtArea {
		width: 50%;
	}
	.msg01Area .msg01Areainnr .txtArea p {
		margin-bottom: 20px;
	}
	.msg01Area .msg01Areainnr .txtArea .mbox {
		padding: 30px;
		margin-bottom: 30px;
		font-size: 20px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.msg01Area .msg01Areainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
}



/*==========================================================================
	メッセージ02
============================================================================*/
.msg02Area {
	background-color: #f4f4fe;
}
.msg02Area .msg02Areainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.msg02Area .msg02Areainnr .box {
	padding: 20px;
	background-color: #FFF;
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.msg02Area .msg02Areainnr .box .pic {
	width: 100%;
}
.msg02Area .msg02Areainnr .box .txt {
	width: 100%;
	line-height: 2.0;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.msg02Area .msg02Areainnr .box {
		padding: 30px;
	}
	.msg02Area .msg02Areainnr .box.rev {
		flex-direction: row-reverse;
	}
	.msg02Area .msg02Areainnr .box .pic {
		width: 30%;
	}
	.msg02Area .msg02Areainnr .box .txt {
		width: 65%;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.msg02Area .msg02Areainnr {
		max-width: 960px;
		margin: 0 auto;
	}
}


/*==========================================================================
	メッセージ03
============================================================================*/
.msg03Area {
	background-color: #f9f8f8;
}
.msg03Area .msg03Areainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.msg03Area .msg03Areainnr .picArea {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.msg03Area .msg03Areainnr .txtArea {
	width: 100%;
	line-height: 2.0;
}
.msg03Area .msg03Areainnr .txtArea p {
	margin-bottom: 15px;
}
.msg03Area .msg03Areainnr .txtArea .mbox {
	padding: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #ffffff;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  	.msg03Area .msg03Areainnr .picArea {
		width: 40%;
		margin-bottom: 20px;
	}
	.msg03Area .msg03Areainnr .txtArea {
		width: 50%;
	}
	.msg03Area .msg03Areainnr .txtArea p {
		margin-bottom: 20px;
	}
	.msg03Area .msg03Areainnr .txtArea .mbox {
		padding: 30px;
		margin-bottom: 30px;
		font-size: 20px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.msg03Area .msg03Areainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
}



/*==========================================================================
	資格取得
============================================================================*/
.qualificationArea {
	
}
.qualificationArea .qualificationAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.qualificationArea {

	}
	.qualificationArea .qualificationAreainnr {

	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.qualificationArea {

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



/*==========================================================================
	挨拶
============================================================================*/
.greetingArea {
	background-color: #f9f8f8;
}
.greetingArea .greetingAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.greetingArea .greetingAreainnr .profbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.greetingArea .greetingAreainnr .profbox .picArea {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.greetingArea .greetingAreainnr .profbox .txtArea {
	width: 100%;
	line-height: 2.0;
}
.greetingArea .greetingAreainnr .profbox .txtArea .name {
	font-size: 18px;
	margin-bottom: 20px;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.greetingArea .greetingAreainnr .profbox .picArea {
		width: 30%;
	}
	.greetingArea .greetingAreainnr .profbox .txtArea {
		width: 65%;
	}
	.greetingArea .greetingAreainnr .profbox .txtArea .name {
		font-size: 24px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.greetingArea .greetingAreainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
}


/*==========================================================================
	メッセージ04
============================================================================*/
.msg04Area {
	background-image:url("../img/msg4_bg.jpg");
	background-position: bottom;
	background-size:cover;
	padding-left: 10px;
	padding-right: 10px;
}
.msg04Area .msg04Areainnr {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background-color:rgba(255,255,255,0.8);
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.msg04Area .msg04Areainnr {
		padding: 50px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.msg04Area .msg04Areainnr {
		max-width: 1200px;
		padding: 70px;
		margin: 0 auto;
	}
}


/*==========================================================================
	卒業生の声
============================================================================*/
.studentVoiceArea {
	background-image:url("../img/student_voice_bg.jpg");
	background-position: bottom;
	background-size:cover;
}
.studentVoiceArea .studentVoiceAreainnr {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}
.studentVoiceArea .studentVoiceAreainnr .voicelist {
	list-style: none;
}
.studentVoiceArea .studentVoiceAreainnr .voicelist li {
	padding: 20px;
	background-color:rgba(255,255,255,0.8);
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
	margin-bottom: 20px;
	line-height: 2.0;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.studentVoiceArea .studentVoiceAreainnr .voicelist li {
		padding: 40px;
		margin-bottom: 50px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.studentVoiceArea .studentVoiceAreainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
	.studentVoiceArea .studentVoiceAreainnr .voicelist li {
		padding: 50px;
	}
}



/*==========================================================================
	ブレススクールの選べる４つのコース
============================================================================*/
.coursemenuArea {
	background-color: #f9f8f8;
}
.coursemenuArea .coursemenuAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.coursemenuArea .coursemenuAreainnr .menubtn {
	list-style: none;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.coursemenuArea .coursemenuAreainnr .menubtn li {
	width: 100%;
	margin-bottom: 10px;
}
.coursemenuArea .coursemenuAreainnr .menubtn li a {
  	text-align: center;
  	color: #FFFFFF;
  	background-color: #333333;
  	line-height: 1;
  	font-size: 14px;
  	padding: 20px;
  	display: block;
  	transition: .2s linear;
}
/*--- リンク ---*/
.coursemenuArea .coursemenuAreainnr .menubtn li a:link, 
.coursemenuArea .coursemenuAreainnr .menubtn li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.coursemenuArea .coursemenuAreainnr .menubtn li a:hover, 
.coursemenuArea .coursemenuAreainnr .menubtn li a:active {
	color: #FFFFFF;
	text-decoration: none;
  	background-color:#666666;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.coursemenuArea {
	}
	.coursemenuArea .coursemenuAreainnr {
	}
	.coursemenuArea .coursemenuAreainnr .menubtn li {
		width: 49%;
		margin-bottom: 20px; 
	}
	.coursemenuArea .coursemenuAreainnr .menubtn li a {
		font-size: 18px;
		padding: 30px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.coursemenuArea {

	}
	.coursemenuArea .coursemenuAreainnr {
		max-width: 1000px;
		margin: 0 auto;
	}
	.coursemenuArea .coursemenuAreainnr .menubtn li {
		width: 48%;
		margin-bottom: 25px; 
	}
	.coursemenuArea .coursemenuAreainnr .menubtn li a {
		font-size: 20px;
	}
}



/*==========================================================================
	各コース
============================================================================*/
.courseBlockArea {
}
.courseBlockArea .courseBlockAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.courseBlockArea .courseBlockAreainnr .courseBlock {
	list-style: none;
}
.courseBlockArea .courseBlockAreainnr .courseBlock li.course {
	padding: 40px 0;
	border-bottom: 1px solid #333333;
}
.courseBlockArea .courseBlockAreainnr .courseBlock li.course:last-child {
	border-bottom: none;
}
/*-- コース詳細 --*/
.coursedetail {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.coursedetail .picArea {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.coursedetail .detAera {
	width: 100%;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.courseBlockArea .courseBlockAreainnr {
	}
	/*-- コース詳細 --*/
	.coursedetail {
		margin-top: 80px;
	}
	.coursedetail .picArea {
		width: 30%;
	}
	.coursedetail .detAera {
		width: 65%;
	}

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.courseBlockArea .courseBlockAreainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
	/*-- コース詳細 --*/
	.coursedetail {
		margin-top: 110px;
	}
	.coursedetail .picArea {
		width: 45%;
	}
	.coursedetail .detAera {
		width: 50%;
	}
}



/*==========================================================================
	新型コロナウィルスへの対応
============================================================================*/
.coronaMsgArea {
	background-color: #f9f8f8;
}
.coronaMsgArea .coronaMsgAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.coronaMsgArea .coronaMsgAreainnr .msgBox {
	padding: 20px;
	border: solid 4px #CCCCCC;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.coronaMsgArea .coronaMsgAreainnr {
	}
	.coronaMsgArea .coronaMsgAreainnr .msgBox {
		padding: 30px;
		border: solid 5px #CCCCCC;
	}

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.coronaMsgArea .coronaMsgAreainnr {
		max-width: 1200px;
		margin: 0 auto;
	}
	.coronaMsgArea .coronaMsgAreainnr .msgBox {
		padding: 50px 100px;
	}
}



/*==========================================================================
	FAQ
============================================================================*/
.faqArea {
}
.faqArea .faqAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.faqArea .faqAreainnr .subttl {
	font-size: 16px;
	margin: 30px auto 20px;
	text-align: center;
	font-weight: normal;
}
.faqArea .faqAreainnr dl {
	padding: 30px;
	position: relative;
	background-color: #f9f8f8;
	margin-bottom: 3px;
}
.faqArea .faqAreainnr dl::before, .faqArea .faqAreainnr dl::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.faqArea .faqAreainnr dl::before {
	border-left: solid 4px #CCCCCC;
	border-top: solid 4px #CCCCCC;
	top: 0;
	left: 0;
}
.faqArea .faqAreainnr dl::after {
	border-right: solid 4px #CCCCCC;
	border-bottom: solid 4px #CCCCCC;
	bottom: 0;
	right: 0;
}
.faqArea .faqAreainnr dl dt {
	padding: 15px 0px 15px 60px;
	background-image: url("../img/faq_q.png");
	background-repeat: no-repeat;
	background-position: left center;
}

.faqArea .faqAreainnr dl dd {
	padding: 15px 0px 15px 60px;
	background-image: url("../img/faq_a.png");
	background-repeat: no-repeat;
	background-position: left center;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.faqArea .faqAreainnr {
	}
	.faqArea .faqAreainnr .subttl {
		font-size: 22px;
		margin: 50px auto 30px;
	}
	.faqArea .faqAreainnr dl {
		padding: 40px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.faqArea .faqAreainnr {
		max-width: 960px;
		margin: 0 auto;
	}
	.faqArea .faqAreainnr .subttl {
		font-size: 24px;
		margin: 70px auto 40px;
	}
}



/*==========================================================================
	コンタクト
============================================================================*/
.contactArea {
	background-image: url("../img/contact_bg.jpg");
	background-position: bottom;
	background-size:cover;
}
.contactArea .contactAreainnr {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.contactArea .contactAreainnr {
	}


}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.contactArea .contactAreainnr {
		max-width: 1200px;
		margin: 0 auto;
	}

}



/*==========================================================================
	フッダー
============================================================================*/
#footer {
  padding: 20px 0px;
}
#footer .footerinnr {
  padding: 0px 10px;
  color: #333333;
  text-align: center;
  font-size: 12px;
}
/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
 
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  #footer {
  	padding: 40px 0px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  
}