@charset "utf-8";
/* CSS Document */

/*全体設定*/
body{
	color:#333333;
	font-size:16px;
	line-height:1.6;
	font-family: 'Noto Sans JP', sans-serif;
}

.inner{
	width:1024px;
	margin:0 auto;
}

a:hover{
	opacity:0.8;
}


/*ヘッダー*/
header h1{
	background-color:#333333;
}

header h1 span{
	width:1024px;
	margin:0 auto;
	display:block;
	color:#fff;
	font-size:10px;
	font-weight:normal;
}

header .inner{
	padding:10px 0;
	box-sizing:border-box;
}

header h2{
	font-weight:normal;
	font-size:22px;
	display:inline-block;
}

header h2 span{
	display:block;
	font-size:17px;
	color:#0071bc;
	font-family:"Times New Roman", Times, serif;
}

header h2 address{
	font-style:normal;
	font-size:14px;
}

header .float_box{
	float:right;
}

header .float_box ul{
	float:left;
}

header .float_box ul li{
	display:inline-block;
	font-size:13px;
}

header .float_box ul.information{
	margin-right:30px;
}

header .float_box ul.information li{
	display:block;
	text-align:right;
}

header .float_box ul.information li.tel{
	text-align:left;
}

header .float_box ul.information li.tel a{
	font-size:26px;
}

header .float_box ul.information li.tel a span{
	color:#0071bc;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/top/tel_icon.png);
	background-repeat:no-repeat;
	background-size:23px;
	padding-left:28px;
}

header .float_box ul.font_size{
	margin-right:10px;
}

header .float_box ul.font_size,
header .float_box ul.bg_color{
	text-align:center;
}

header .float_box ul.font_size p,
header .float_box ul.bg_color p{
	font-size:13px;
}

header .float_box ul.font_size li,
header .float_box ul.bg_color li{
	background-color:#333333;
	padding:7px 10px;
	box-sizing:border-box;
	color:#fff;
	margin:10px 2px 0;
}

header .float_box ul.font_size li a,
header .float_box ul.bg_color li a{
	color:#fff;
}


/*mv*/

#main-visual {
  /*background: url(../img/main-visual01.jpg) no-repeat center top;*/
  position: relative;
  /*height:476px;*/
  /*top:130px;*/
}
#main-visual img {
  width: auto;
  height: auto;
  /*position: absolute;*/
  top: 440px;
  left: 50%;
  /*margin-left: -328px;*/
}
.container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide_all {
  width: 1024px;
  margin: 0 auto;
  height: 453px;
  position: relative;
}
.slide_wrap {
  width: 3072px;
  position: absolute;
  left: 50%;
  margin-left: -1536px;
}
#main-visual ul {
  width: 100%;
}
#main-visual ul li {
  width: 1024px;
}
#main-visual ul li {
  transition: all 1s;
  opacity: .5;
}

#main-visual ul li img{
	width:100%;
	height:auto;
}

#main-visual ul li.active {
  opacity: 1;
}
.mv-text{
	width:1024px;
	height: 479px;
	position:absolute;
	margin:0px 0px 0px -512px !important;
	z-index:10000;
	text-align:center;
	left:50%;
}

.mv-text img
{
/* margin-top:250px; */
}


.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 45px !important;
    height: 39px !important;
    text-indent: 0 !important;
    z-index: 9999;
    background-color:rgba(51, 51, 51, 0.8) !important;
    font-size: 24px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    line-height: 28px;
	padding-top:7px;
}

.bx-wrapper .bx-prev{
	left:1002px !important;
}

.bx-wrapper .bx-next{
	right:1002px !important;
}

/*グロナビ*/
nav.gnav{
	background-color:#0071bc;
	height: 64px;
}

nav.gnav ul{
	overflow:hidden;
}

nav.gnav ul li{
	float:left;
	width:14.2%;
	text-align:center;
	border-right:solid 1px #fff;
}

nav.gnav ul li:last-child{
	border-right:none;
}

nav.gnav ul li a{
	color:#fff;
	display:block;
	padding:10px 0;
	box-sizing:border-box;
}

nav.gnav ul li small{
	color:#fff;
	display:block;
	font-size:14px;
	font-family: 'MonteCarlo', cursive;
}

nav.gnav ul li a.active{
	background-color:#fff;
	color:#0071bc;
}

nav.gnav ul li a.active small{
	color:#0071bc;
}


nav.gnav ul li a:hover{
	color:#0071bc;
	background-color:#fff;
	opacity:1;
}

nav.gnav ul li a:hover small{
	color:#0071bc;
}

/*コンテンツ*/
section.contents{
	float:left;
	width:652px;
	margin-top:50px;
	margin-right:20px;
}

section.contents .intro{
	background-image:url(../img/top/bg01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	padding:30px;
	box-sizing:border-box;
	margin-bottom:50px;
}

section.contents .intro ul{
	overflow:hidden;
	margin-top:30px;
}

section.contents .intro ul li{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

section.contents .intro ul li h3{
	font-weight:normal;
	font-size:135%;
	margin-bottom:10px !important;
	padding-bottom:0 !important;
	background-image:none;
}

section.contents .intro ul li h3 span{
	color:#0071bc;
	font-size:73%;
	font-family:"Times New Roman", Times, serif;
	display:block;
	margin-bottom:10px;
}

section.contents .intro ul li address{
	font-style:normal;
	font-size:100%;
}

section.contents .intro ul li p.title{
	color:#fff;
	text-align:center;
	border-radius:50px;
	background-color:#0071bc;
	margin-bottom:10px;
}

section.contents .intro ul li a{
	text-align:center;
	display:block
}

section.contents .intro ul li a.tel span{
	background-image:url(../img/top/tel_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:25px;
	padding-left:30px;
	box-sizing:border-box;
	color:#0071bc;
	font-size:150%;
	display:inline-block;
}

section.contents .intro ul li a.mail span{
	background-image:url(../img/top/mail_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:25px;
	padding-left:30px;
	box-sizing:border-box;
	color:#0071bc;
	font-size:90%;
	display:inline-block;
}

section.contents .intro ul li p.time{
	margin-top:10px;
	text-align:right;
	font-size:80%;
}

section.contents .intro .btn{
	clear:both;
}

section.contents .intro .btn ul{
	overflow:hidden;
	text-align:center;
}

section.contents .intro .btn ul li{
	float:left;
	width:50%;
	padding:0 30px;
	box-sizing:border-box;
}

a.button {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  background: transparent;
  padding: 10px;
  /*border: 3px solid #e6e6e6;*/
  border-radius: 50px;
  border:none;
  position: relative;
  z-index: 1;
  transition: .3s;
  background-color:#998675;
  display:inline-block;
}
a.button::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #0071bc;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
  color:#fff;
  border-radius:50px;
  border:none;
}
a.button:hover {
  color: #fff;
  /*border:3px solid #c1272d;*/
  opacity:1;
}
a.button:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}


section.contents .news{
	margin-bottom:50px;
	/*padding-right:20px;*/
	box-sizing:border-box;
}


h3{
	background-image:url(../img/top/bg02.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:auto;
	padding-bottom:10px;
	margin-bottom:30px;
	text-align:center;
	font-weight:normal;
	font-size:158%;
}

h3 span{
	display:block;
	color:#0071bc;
	font-family: 'MonteCarlo', cursive;
	font-size:72%;
}

section.contents .news .newscontent dl{
	overflow:hidden;
	border-bottom:solid 1px #808080;
	margin-bottom:10px;
}

section.contents .news .newscontent dl dt{
	float:left;
	width:75px;
	margin-right:20px;
	font-size:90%;
}

section.contents .news .newscontent dl dd{
	float:left;
}

section.contents .news .newscontent dl dd a{
	color:#0071bc;
	font-size:120%;
	font-weight:bold;
	text-decoration:underline;
}

section.contents .news .newscontent dl p{
	clear:both;
	padding-top:10px;
	margin-bottom:20px;
}

section.contents .news p.past_news{
	text-align:right;
}

section.contents .news p.past_news a{
	font-size:16px;
	color:#0071bc;
}


/*サイド*/
section.side{
	float:right;
	width:350px;
	margin-top:50px;
	margin-bottom:50px;
}

section.side iframe{
	margin-bottom:20px;
}

section.side .bnr01{
	margin-bottom:20px;
}

section.side .bnr01 a{
	text-align:center;
	background-image:url(../img/top/bnr_bg01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	border:solid 5px #666666;
	box-sizing:border-box;
	display:block;
	padding-top:10px;
}

section.side .bnr01 a h4{
	color:#0071bc;
	font-size:18px;
	text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}

section.side .bnr01 a h4 small{
	font-size:11px;
	/*display:block;*/
}

section.side .bnr01 p.content{
	font-size:16px;
	text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
	font-weight:bold;
	margin-bottom:0;
}

section.side .bnr01 p.content span{
	background-color:#0071bc;
	color:#fff;
	border-radius:50px;
	display:inline-block;
	text-align:center;
	font-size:11px;
	padding:0 15px;
	box-sizing:border-box;
	margin-left:10px;
	/*width:65%;
	margin:0 auto;*/
	text-shadow:none;
}

section.side .bnr01 p.readmore{
	text-align:right;
	margin-bottom:0;
}

section.side .bnr01 p.readmore span{
	background-image:url(../img/top/bnr_bg01-2.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
	color:#fff;
	text-align:center;
	width:45%;
	display:inline-block;
	padding:3px;
	box-sizing:border-box;
	font-size:12px;
	margin-top:5px;
	padding-left: 9%;
}

section.side .bnr02 a{
	text-align:center;
	background-image:url(../img/top/bnr_bg02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	border:solid 5px #0071bc;
	padding-top:10px;
	box-sizing:border-box;
	display:block;
}

section.side .bnr02 a h4{
	color:#2e3192;
	font-size:18px;
	text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}

section.side .bnr02 a h4 small{
	font-size:11px;
	/*display:block;*/
}

section.side .bnr02 p.content{
	font-size:16px;
	text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
	font-weight:bold;
	margin-bottom:0;
}

section.side .bnr02 p.content span{
	background-color:#0071bc;
	color:#fff;
	border-radius:50px;
	display:inline-block;
	text-align:center;
	font-size:11px;
	padding:0 15px;
	box-sizing:border-box;
	margin-left:10px;
	/*width:65%;
	margin:0 auto;*/
	text-shadow:none;
}

section.side .bnr02 p.readmore{
	text-align:right;
	margin-bottom:0;
}

section.side .bnr02 p.readmore span{
	background-image:url(../img/top/bnr_bg02-2.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
	color:#fff;
	text-align:center;
	width:45%;
	display:inline-block;
	padding:3px;
	box-sizing:border-box;
	font-size:12px;
	margin-top:5px;
	padding-left: 9%;
}

/*フッター*/
footer{
	clear:both;
	margin-top:50px;
	padding:30px 0 0;
	box-sizing:border-box;
	background-color:#333333;
	color:#fff;
}

footer .inner{
	overflow:hidden;
}

footer h2.logo{
	display:inline-block;
	font-size:158%;
	font-weight:normal;
}

footer h2.logo a{
	color:#fff;
}

footer h2.logo span{
	font-family:"Times New Roman", Times, serif;
	font-size:76%;
	display:block;
	color:#fff;
}

footer h2.logo address{
	font-style:normal;
	font-size:64%;
	display:block;
	color:#fff;
}

footer .float_box{
	float:right;
	text-align:center;
}

footer .float_box p{
	background-color:#0071bc;
	color:#fff;
	border-radius:50px;
	margin-bottom:20px;
}

footer .float_box li.tel a span{
	color:#fff;
	background-image:url(../img/top/tel_icon_w.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:25px;
	padding-left:30px;
	box-sizing:border-box;
	font-size:158%;
}

footer .float_box li.mail a span{
	color:#fff;
	background-image:url(../img/top/mail_icon_w.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:25px;
	padding-left:30px;
	box-sizing:border-box;
	font-size:100%;
}

footer .float_box li.time{
	color:#fff;
	text-align:right;
}

footer div.footer_nav{
	clear:both;
	padding-top:50px;
}

footer div.footer_nav ul{
	overflow:hidden;
}

footer div.footer_nav ul li{
	float:left;
	border-right:solid 1px #fff;
}

footer div.footer_nav ul li:last-child{
	border-right:none;
}

footer div.footer_nav ul li a{
	color:#fff;
	padding: 0 24px;
	box-sizing:border-box;
}

footer div.map{
	clear:both;
	padding-top:20px;
	height:250px;
}

div.copyright{
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:5px;
	box-sizing:border-box;
	background-color:#0071bc;
	font-family:"Times New Roman", Times, serif;
}

.top_modoru_button{
position: fixed;
	right: 0px;
	bottom:100px;
}
.paget_top{
	height: 67px;
	width: 67px;
	/*position: fixed;
	right: 0px;*/
	display:none;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}



/*ご利用案内*/
#info #page_header{
	background-image:url(../img/info/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#page_header h2{
	font-size:34px;
	text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
	font-weight:normal;
}

#page_header h2 small{
	font-size:34px;
	font-family: 'MonteCarlo', cursive;
	color:#0071bc;
	display:block;
	font-weight:normal;
}

.breadcrum{
	background-color:#f2f2f2;
	padding:5px 0;
	box-sizing:border-box;
}

.breadcrum ul li{
	display:inline-block;
	font-size:13px;
}

.breadcrum ul li a{
	color:#0071bc;
	font-size:13px;
}

#info section.contents{
	/*padding-right:20px;*/
	box-sizing:border-box;
}


section.contents div.links ul{
	overflow:hidden;
}

section.contents div.links ul li{
	float:left;
	width:31%;
	margin-right:20px;
	margin-bottom:20px;
}

section.contents div.links ul li:nth-child(3n){
	margin-right:0;
}

section.contents div.links ul li:nth-child(4){
	margin-left:15%;
}

section.contents div.links ul li a{
    text-align: center;
    display: block;
}

#info section.contents > div{
	margin-bottom:50px;
}

figure{
	overflow:hidden;
}

figure img{
	float:right;
	width:273px;
	height:auto;
	margin-left:30px;
}

section.contents table{
	border-collapse:collapse;
}

section.contents table tr th,
section.contents table tr td{
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	font-weight:normal;
	border:solid 1px #b3b3b3;
	width:8%;
}

section.contents table tr td:first-child{
	width:13%;
}

section.contents table.time_table tr td:nth-child(2){
	width:20%;
}

section.contents table tr th,
section.contents table tr.bg_blue{
	background-color:#e3f5ff;
}

section.contents table tr td span{
	color:#0071bc;
}

section.contents ul.table_caution{
	margin-top:10px;
	margin-bottom:30px;
}

section.contents ul.table_caution li{
	margin-bottom:5px;
	font-size:14px;
}

section.contents ul.table_caution li span{
	color:#0071bc;
}

div.caution{
	border:solid 5px #e3f5ff;
	padding:20px;
	box-sizing:border-box;
}

div.caution h4{
	text-align:center;
	font-size:20px;
	color:#0071bc;
	padding-bottom:10px;
	box-sizing:border-box;
	border-bottom:solid 1px #0071bc;
	margin-bottom:20px;
}

div.caution ul li{
	text-indent:-1.3em;
	padding-left:1.3em;
	margin-bottom:10px;
}

div.caution ul li:last-child{
	margin-bottom:0;
}

section.contents h5{
	margin-bottom:10px;
	font-weight:normal;
	font-size:18px;
}

section.contents h5 span{
	color:#0071bc;
}

section.contents table.price{
	margin-bottom:50px;
}

section.contents table.price tr th,
section.contents table.price tr td{
	width:50%;
}

section.contents table.price tr td.price{
	vertical-align:middle;
	text-align:right;
}

section.contents table.price tr td span.uwatsuki{
	vertical-align: super;
	font-size:14px;
}

section.contents div.caution ul li.num_caution{
	text-indent:-2em;
	padding-left:2em;
}

section.contents div.caution ul li.num_caution span{
	color:#0071bc;
}

section.contents .certification p{
	margin-bottom:30px;
}

span.marker{
	color:#0071bc;
	background: linear-gradient(transparent 70%, yellow 70%);
}

section.contents table.certification tr th,
section.contents table.certification tr td{
	width:22%;
	vertical-align:middle;
}

section.contents table.certification tr td:nth-child(2),
section.contents table.certification tr td:last-child{
	width:38%;
	text-align:left;
}

#info div.caution02 ul{
	margin:30px 0 50px;
}

#info div.caution02 ul li{
	margin-bottom:10px;
	text-indent:-1.3em;
	padding-left:1.3em;
}

#info div.caution02 ul span{
	color:#0071bc;
}

#s01, #s02, #s03, #s04, #s05, #s06, #s07{
	padding-top:80px;
	margin-top:-80px;
}


/*ご利用案内*/
#faci #page_header{
	background-image:url(../img/facilities/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#faci section.contents{
	/*padding-right:20px;*/
	box-sizing:border-box;
}

#faci section.contents p.intro{
	margin-bottom:50px;
	padding:none;
	background-image:none;
}

#faci .outline dl{
	overflow:hidden;
}

#faci .outline dl dt{
	clear:both;
	float:left;
	width:80px;
	text-align:center;
	margin-right:30px;
	color:#fff;
	background-color:#0071bc;
	border-radius:50px;
}

#faci .outline dl dd{
	float:left;
	width:83%;
	margin-bottom:30px;
}

#faci .outline dl dd ul{
	overflow:hidden;
}

#faci .outline dl dd ul li{
	float:left;
	width:50%;
	margin-bottom:10px;
}

#faci figure figcaption{
	width: 285px;
	margin-left: 30px;
	float:right;
	vertical-align:top;
}


#faci figure figcaption h4{
	text-align:center;
	padding-bottom:10px;
	box-sizing:border-box;
	margin-bottom:10px;
	color:#0071bc;
	border-bottom:solid 1px #0071bc;
	font-weight:normal;
	font-size:120%;
}

#faci .slide_wrap {
    width: 320px;
    position: unset;
    left: 0;
    margin-left: 0;
	display:inline-block;
	padding: 20px;
	box-sizing: border-box;
}

#faci section.contents figure img{
	float:none;
	margin-left:0;
	width:320px;
	height:auto;
}

#faci section.contents .bx-wrapper .bx-controls-direction a.bx-next {
    position: absolute;
    top: 45%;
    margin-top: -16px;
    outline: 0;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    z-index: 9999;
    line-height: 1.3;
    left: 254px;
}

#faci section.contents .bx-wrapper .bx-controls-direction a.bx-prev {
    position: absolute;
    top: 45%;
    margin-top: -16px;
    outline: 0;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    z-index: 9999;
    line-height: 1.3;
    left: -18px !important;
}

#faci section.contents figure .bx-wrapper{
	margin-bottom:20px;
}

#faci section.contents figure{
	margin-bottom:50px;
}

figure.img_right img{
	float:right !important;
	margin-left:0px !important;
	margin-right:0 !important;
}

figure.img_right figcaption,
figure.slide_right figcaption{
	margin-left:0 !important;
	float:left !important;
	margin-right:30px !important;
}

#faci figure.slide_right .slide_wrap{
    display: block;
    float: right;
}

#faci figure figcaption small{
	text-indent:-1em;
	padding-left:1em;
	display:block;
	margin-top:10px;
}



/*コース型教室*/
#lesson #page_header{
	background-image:url(../img/lesson/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#lesson section.contents{
	/*padding-right:20px;*/
	box-sizing:border-box;
}

#lesson .side div.contact{
	background-image:url(../img/lesson/bg01.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:20px;
	box-sizing:border-box;
	margin-bottom:20px;
}

#lesson .side div.contact h4{
	color:#0071bc;
	border-bottom:solid 1px #0071bc;
	padding-bottom:10px;
	margin-bottom:20px;
	box-sizing:border-box;
	text-align:center;
	font-size:20px;
}

#lesson .side div.contact ul{
	margin-top:20px;
	margin-left:0;
	margin-bottom:0;
}

#lesson .side div.contact ul li{
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
}

#lesson .side div.contact ul li span{
	color:#0071bc;
	background-image:url(../img/top/tel_icon.png);
	background-repeat:no-repeat;
	background-size:25px;
	padding-left:30px;
	background-position:left center;
	display:inline-block;
}

#lesson .side div.contact ul li.mail{
	margin-bottom:0;
}

#lesson .side div.contact ul li.mail span{
	background-image:url(../img/top/mail_icon.png);
}





/*障がいのある方へ*/
#handicapped #page_header{
	background-image:url(../img/handicapped/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#handicapped section.contents{
	padding-right:20px;
	box-sizing:border-box;
}


#handicapped .tab-wrap {
    display: flex;
    flex-wrap: wrap;
}

#handicapped .tab-label {
    color: #fff;
    background: #998675;
    margin-right: 5px;
    padding: 3px 12px;
    order: -1;
	width:28%;
	text-align:center;
}

#handicapped .tab-content {
    width: 100%;
    display: none;
	margin-top:30px;
}

/* アクティブなタブ */
#handicapped .tab-switch:checked+.tab-label {
    background: #0071bc;
}

#handicapped .tab-switch:checked+.tab-label+.tab-content {
     display: block;
}

/* ラジオボタン非表示 */
#handicapped .tab-switch {
    display: none;
}

#handicapped div.caution{
	margin:50px 0;
}

#handicapped div.caution ul{
	margin:20px 0;
}

#handicapped div.caution ul li span{
	color:#0071bc;
}

#handicapped figure{
	margin-bottom:50px;
	overflow:hidden;
}

#handicapped figure img{
	float:left;
	margin-left:0;
	margin-right:30px;
}

#handicapped figure figcaption h4 {
    text-align: center;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    color: #0071bc;
    border-bottom: solid 1px #0071bc;
    font-weight: normal;
    font-size: 18px;
}

#handicapped figure figcaption {
    width: 315px;
    margin-left: 0px;
    display: inline-block;
    vertical-align: top;
}



/*アクセス*/
#access #page_header{
	background-image:url(../img/access/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#access section.contents{
	padding-right:20px;
	box-sizing:border-box;
}

#access section.contents .logo{
	text-align:center;
}

#access section.contents .logo h4{
	font-size:160%;
	margin-bottom:20px;
}

#access section.contents .logo h4 span{
	color:#0071bc;
	font-size:69%;
	display:block;
	font-family:"Times New Roman", Times, serif;
}

#access section.contents .logo address{
	font-style:normal;
	font-size:100%;
	margin-bottom:10px;
}

#access section.contents .logo .tel a span{
	display:inline-block;
	background-image:url(../img/top/tel_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:25px;
	padding-left:30px;
	box-sizing:border-box;
	color:#0071bc;
	font-size:160%;
}

#access section.contents .map{
	margin-top:30px;
	margin-bottom:50px;
}

#access section.contents .map div.btn{
	margin-top:20px;
	text-align:center;
}

#access section.contents .map div.btn a.button{
	text-align:center;
	width:250px;
}

#access section.contents .details{
	margin:50px 0;
}

#access section.contents .details ul li{
	overflow:hidden;
	border-bottom:solid 1px #808080;
	padding:20px 0;
	box-sizing:border-box;
}

#access section.contents .details ul li h4{
	float:left;
	width:250px;
	background-image:url(../img/access/train_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30px;
	box-sizing:border-box;
	margin-right:40px;
	padding:10px 0 10px 40px;
}

#access section.contents .details ul li p{
	float:left;
	width:53%;
}

#access section.contents .details ul li.car h4{
	background-image:url(../img/access/car_icon.png);
}



/*採用情報*/
#recruit #page_header{
	background-image:url(../img/recruit/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#recruit section.contents{
	padding-right:20px;
	box-sizing:border-box;
}

#recruit section.contents div.links ul{
	margin-bottom:50px;
}

#recruit section.contents div.links ul li {
    float: left;
    width: 46%;
    margin-right: 20px;
    margin-bottom: 20px;
}

#recruit section.contents table{
	margin-bottom:20px;
}

#recruit section.contents table tr th{
	background-color:unset;
	width:3%;
}

#recruit section.contents table tr:nth-child(odd){
	background-color:#e3f5ff;
}

#recruit section.contents table tr td{
	text-align:left;
	width: 10%;
}

#recruit section.contents table tr td p span{
	display:block;
	color:#333333;
	font-size:20px;
	margin:10px 0 20px 0;
	text-align:center;
}

#recruit section.contents table tr td p a{
	display:block;
	text-align:center;
}

#recruit section.contents table tr td p a span{
	color:#0071bc;
	font-size:110%;
	margin:0;
	background-image:url(../img/top/tel_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:25px;
	padding-left:30px;
	box-sizing:border-box;
	display:inline-block;
}

#recruit section.contents table tr td p a.mail span{
	background-image:url(../img/top/mail_icon.png);
}

#recruit section.contents table tr td ul.licence{
	margin-top:10px;
}

#recruit section.contents table tr td ul li{
	margin-bottom:10px;
	text-indent:-1em;
	padding-left:1em;
}

#recruit section.contents table tr td ul li:last-child{
	margin-bottom:0;
}

#recruit section.contents div.btn{
	margin-bottom:50px;
	text-align:center;
}

#recruit section.contents div.btn a{
	display:block;
	width:300px;
	margin:0 auto;
}

#recruit section.contents #s02{
	margin-top:-140px;
	padding-top:140px;
}


/*個人情報の取扱いについて*/
#privacy #page_header{
	background-image:url(../img/recruit/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#privacy section.contents{
	padding-right:20px;
	box-sizing:border-box;
}

#privacy section.contents ol{
	margin-bottom:30px;
}

#privacy section.contents ol li{
	margin-bottom:20px;
}

#privacy section.contents ol li p{
	margin-left:15px;
}

#privacy ul.btn{
	margin-bottom:50px;
	overflow:hidden;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#privacy ul.btn li{
	float:left;
	width:50%;
	text-align:center;
}

#privacy ul.btn li a{
	width:200px;
}

.mb_50{
	margin-bottom:50px !important;
}


header.sp_header{
	display:none;
}



/*------------------------------
コンテナー
------------------------------*/
body {
    background-color: #fff;
    color: #000;
}

#container {
}

body.white {
    background-color: #fff;
    color: #000;
}

/*背景黒*/
body.black {
    background-color: #000;
    color: #fff;
}

body.black .pc_header .logo a{
	color:#fff;
}

body.black#faci figure figcaption h4,
body.black#handicapped figure figcaption h4{
	color:#fff;
	border-bottom:solid 1px #fff;
}

body.black .pc_header .logo a span,
body.black h3 span,
body.black section.contents .news p.past_news a,
body.black#handicapped div.caution ul li span,
body.black section.contents table tr td span,
body.black section.contents div.caution ul li.num_caution span,
body.black section.contents ul.table_caution li span,
body.black#access section.contents .logo h4 span{
	color:#d3b749;
}

body.black span.marker{
	color:#fff;
}

body.black div.caution h4{
	color:#d3b749;
	border-bottom:solid 1px #d3b749;
}

body.black .pc_header .information .tel a span,
body.black#access section.contents .logo .tel a span{
	background-image: url(../img/top/tel_icon_w.png);
	color:#d3b749;
}

body.black header h1 {
    background-color: #0071bc;
}

body.black#recruit section.contents table tr th,
body.black#recruit section.contents table tr td,
body.black#recruit section.contents table tr td p span{
	color:#fff;
}

body.black#recruit section.contents table tr td p a span{
	background-image: url(../img/top/tel_icon_w.png);
	color:#d3b749;
}

body.black#recruit section.contents table tr td p a.mail span{
	background-image: url(../img/top/mail_icon_w.png);
	color:#d3b749;
}

body.black#recruit section.contents table tr:nth-child(odd) td p a span{
	background-image: url(../img/top/tel_icon.png);
	color:#0071bc;
}

body.black#recruit section.contents table tr:nth-child(odd) td p a.mail span{
	background-image: url(../img/top/mail_icon.png);
	color:#0071bc;
}

body.black .contents .intro p,
body.black section.contents .intro ul li h3,
body.black section.contents .intro ul li address,
body.black .breadcrum ul li,
body.black section.contents table tr th,
body.black section.contents table tr.bg_blue,
body.black#recruit section.contents table tr:nth-child(odd) td,
body.black#recruit section.contents table tr:nth-child(odd) th,
body.black#recruit section.contents table tr td p span,
body.black #page_header h2{
	color:#333;
}

body.black .bx-wrapper .bx-pager.bx-default-pager a:hover, body.black .bx-wrapper .bx-pager.bx-default-pager a.active, body.black .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff;
}



.font-small {
    font-size: 88% !important;
}

.font-medium {
    font-size: 100% !important;
}

.font-large {
    font-size: 124% !important;
}

/*コース型教室*/
footer.entry-footer,
section#block-4.
span.byline{
	display:none !important;
}


#lesson #page_header{
	background-image:url(../img/lesson/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}


#lesson .contents .wp-detail a{
    background-color: #000;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
}

/*お知らせ*/
.newscontent{
	margin-bottom:20px;
}

.newscontent ul li{
	padding:10px 0;
	border-bottom:solid 1px #808080;
}

.newscontent ul li a{
	display:inline-block;
	margin-left:10px;
	color:#0071bc;
	text-decoration:underline;
	font-size:120%;
}

div.news .newscontent ul li span.title{
	display:inline-block;
	margin-bottom:20px;
}

div.news .newscontent ul li span.content{
	display:block;
	margin-bottom:20px;
}

/*お知らせ*/
#news #page_header{
	background-image:url(../img/news/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#news section.contents{
	padding-right:20px;
	box-sizing:border-box;
}

#news div.b_box{
	margin-top:50px !important;
}

#news div.b_box .ichiran{
	display:inline-block;
	vertical-align:top;
}

#news div.b_box .prenex{
	margin-top:10px;
	text-align:right;
	display:inline-block;
	margin-left: 56%;
	vertical-align:top;
}

#news div.b_box .prenex a{
	display:inline-block;
	margin-right:20px;
}

.side .archive{
	margin-top:30px;
}

.side .archive #block-5{
	margin-top:30px;
}

.side .archive #block-5 .wp-block-archives-dropdown label{
	display:none;
}

/*お知らせ一覧*/
#newslist #page_header{
	background-image:url(../img/news/page_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}

#newslist .contents header h1,
#newslist .contents .entry-footer{
	display:none;
}

#newslist .contents h2.entry-title{
	font-weight:normal;
	color:#0071bc;
	font-size:24px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:solid 1px #0071bc;
	display:block;
}

#newslist .contents h2.entry-title a{
	color:#0071bc;
}

/*お知らせ一覧ページャー*/

div.pager{
    margin-bottom: 50px;
}

.pagination{
   margin:40px 0 0;
}
.nav-links{
   display:flex;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:10px;
   padding:13px 20px;
   color:#333;
   border-radius:50%;
   box-shadow:0 3px 3px #999;
   background:#fff;
}
.pagination .current{
   padding:13px 20px;
   background:#0071bc;
   color:#fff;
}
.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#69a4db;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}

.navigation.posts-navigation{
	margin-bottom:50px;
	margin-top:50px;
}

.navigation.posts-navigation h2,
.navigation.posts-navigation div.nav-next,
.navigation.posts-navigation div.nav-previous{
	display:none;
}

/*コース型教室*/
#lesson h3{
	color:#0071bc;
}

#lesson .contents article{
	margin-bottom:80px;
}

#lesson .contents article .byline{
	display:none !important;
}

#newslist.archive .navigation.post-navigation h2,
#newslist.archive #comments,
#newslist.archive .nav-links span.nav-title,
#lesson .navigation.post-navigation h2,
#lesson #comments,
#lesson .nav-links span.nav-title,
#newslist.black .navigation.post-navigation h2,
#newslist.black #comments,
#newslist.black .nav-links span.nav-title,
#lesson.black .navigation.post-navigation h2,
#lesson.black #comments,
#lesson.black .nav-links span.nav-title{
	display:none;
}

#newslist.archive .nav-previous,
#newslist.archive .nav-previous,
#newslist.black .nav-previous,
#newslist.black .nav-previous,
#lesson.black .nav-previous,
#lesson.black .nav-previous{
    float: right;
	text-align:right;
	margin-bottom:50px;
	color: #69a4db;
}

#newslist.archive .nav-next,
#newslist.archive .nav-next,
#lesson .nav-next,
#lesson.black .nav-next,
#newslist.black .nav-next,
#newslist.black .nav-next, {
    float: left;
	margin-bottom:50px;
}

#newslist.archive .nav-next a,
#newslist.archive .nav-previous a,
#lesson .nav-next a,
#lesson .nav-previous a{
	color: #69a4db;
}

#newslist.black .nav-next a,
#newslist.black .nav-previous a,
#lesson.black .nav-next a,
#lesson.black .nav-previous a{
	color: #d3b749;
}

#newslist.archive .nav-links,
#lesson .nav-links,
#newslist.black .nav-links,
#lesson.black .nav-links{
	display:block;
	margin-bottom:50px;
}

#lesson time.updated,
#lesson.black time.updated{
	display:none;
}

#lesson.black h3.entry-title,
#lesson.black h3.entry-title a,
#lesson.black time.entry-date,
#recruit.black section.contents table.fulltime tr td p span,
#privacy.black div.ap ol li a,
#newslist.black .contents h3.entry-title a{
	color:#fff;
}

#lesson.black .side div.contact{
	background-color:#fff;
}

#lesson.black .side div.contact p{
	color:#333333;
}

#lesson .contents div.entry-meta{
	margin-bottom:30px;
	text-align:right;
}

/*sns*/
footer div.fl_box{
	float:left;
}

ul.sns{
  margin-top: 20px;
  overflow: hidden;
}

ul.sns li{
	float:left;
	/*width:200px;*/
	margin-right:20px;
}

ul.sns li:last-child{
	margin-right:0;
}

ul.sns li img{
	height:47px;
	width:auto;
}

/*230216 採用情報（上に正社員の募集要項くる時はここを削除する）*/
#recruit section.contents #s02 {
  margin-top: 0px;
  padding-top: 0px;
}


/*240502 採用情報　メールバナー*/
#recruit section.contents table tr td p a.mail_bnr span {
  background-image: none;
  padding: 5px;
  box-sizing: border-box;
	background-color:#0071bc;
	display:block;
	margin:10px auto 0;
	width:250px;
	border-radius: 50px;
}

#recruit section.contents table tr td p a.mail_bnr span {
  color: #fff;
	font-size: 110%;
}

footer div.footer_nav ul li a {
  padding: 0 22px;
}

nav.gnav ul li {
  width: 12.2%;
}

nav.gnav ul li a span {
  font-size: 90%;
}

/*240502　お問い合わせページ*/
#recruit.contact .contents #formWrap p.center{
	text-align:center;
	margin-bottom: 50px;
}

#recruit.contact .contents #formWrap td input,
#recruit.contact .contents #formWrap td textarea{
	width:100%;
	padding:5px;
	box-sizing: border-box;
}

#recruit.contact .contents #formWrap input.submit{
	background-color: #e3f5ff;
}

#recruit.contact .contents #formWrap input.submit,
#recruit.contact .contents #formWrap input.reset{
	padding-left:25px;
	padding-right: 25px;
	box-sizing: border-box;
	border-radius: 5px;
}

#recruit.contact .contents #formWrap input.submit:hover,
#recruit.contact .contents #formWrap input.reset:hover{
	opacity:0.8;
}

/*送信完了画面*/
#recruit.thanks .contents p.center{
	text-align:center;
	margin-bottom: 50px;
} 

#recruit.thanks .contents p.btn{
	text-align:center;
}

#recruit.thanks .contents p.btn a{
	background-color:#0071bc;
	width:300px;
	color: #fff;
	display:block;
	margin: 0 auto;
	padding:10px;
	border-radius: 50px;
	box-sizing: border-box;
}

.pcnone{
	display:none !important;
}

/*240515*/
#recruit.contact .contents table.formTable th span.required{
	display:inline-block;
	font-size: 14px;
	background-color: #0071bc;
	color: #fff;
	margin-left: 10px;
	padding:0 10px;
	box-sizing: border-box;
}

#recruit.contact .contents table.formTable tr:last-child th span.required{
	margin-left:0;
}

#recruit.contact .contents form .send_btn{
	background-color:#0071bc;
	color:#fff;
	border-radius: 5px;
}