@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* font-family: 'M PLUS Rounded 1c', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
/* font-family: 'Zen Maru Gothic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/* font-family: 'Zen Old Mincho', serif; */
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

/*font-face　ハンバーガーメニューのアイコンに使用*/
@font-face {
  font-family: 'condenseicon';
  src: url('./font/CONDENSEicon.eot'); /* IE9 Compat Modes */
  src: url('./font/CONDENSEicon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/CONDENSEicon.woff') format('woff'), /* Modern Browsers */
       url('./font/CONDENSEicon.ttf')  format('truetype'), /* Safari, Android, iOS */
							url('./font/CONDENSEicon.otf') format('opentype');
}


html, body {width: 100%;height: 100%;}
* html body { width: expression(document.body.clientWidth < 962? "960px" : "auto");font-size:14px;
font-family: 'Zen Maru Gothic','M PLUS Rounded 1c',"メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;}
*:first-child+html body {font-family:'Zen Maru Gothic','M PLUS Rounded 1c',"メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;font-size:14px;}

html {	color:#222;background:#FFF;overflow-y: scroll;}

body {-webkit-text-size-adjust: 100%;font-family:'Zen Maru Gothic','M PLUS Rounded 1c',"メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;font-size:14px;line-height:1.75;margin:0;padding:0;}


/* pc */
@media screen and (min-width: 641px) {
html,body {min-width:1000px;}
}
/* sp */
@media screen and (max-width: 640px) {
body {width:100%;font-size:16px;line-height:1.75;}
}


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

fieldset{border:0;}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:bottom;
}
input, textarea, select, label, button {
	font-family: 'Zen Maru Gothic','M PLUS Rounded 1c',"メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
 *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {color:#000;}

/* GLOBAL RESET
============================================================*/

blockquote{margin: 0 2em;
}




/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select, input, button, textarea {
}
button {
	border: 0;
	cursor: pointer;
}
/**
 * To help tables remember to inherit
 */
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size: 13px;
	font:100%;
}
table, th, td, th {
	font-weight: normal;
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
	font-family:monospace;
 *font-size:108%;
	line-height:100%;
}

/* ///////////////////////////////////////// anchor */


a {
	color:#b31d3d;
	text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline:none;
}
a:hover {
	color:#f32f58;
	text-decoration:none;
}
a:visited {
	color: #444;
	text-decoration: none;
}

a:active, a:focus {
	text-decoration: none;
}
a img {border: none;}
a img.fade {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
a:hover img.fade {
	opacity:0.7;
	filter: alpha(opacity=70);
}
/*.tel-link {
    color: #f32f58;
    font-weight: bold;
}*/
/*Win Firefox用*/
:focus {
	-moz-outline-style:none;
}


/* ///////////////////////////////////////// image */


img {border:0;vertical-align:bottom;line-height:1.0;}
table th img, table td img {vertical-align:middle;
}
/* ///////////////////////////////////////// ClearFix */

.clear {
	clear:both;
}
/* modern browsers */

.clearfix:after, .fBox:after, #header:after, #nav-inner:after, #contents:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE7 */

.clearfix, .fBox, #nav-inner, #contents {
	display: inline-block;
}
/* legacy IE */

* html .clearfix, * html .fBox, * html #header, * html #nav-inner, * html #contents {
	height: 1%;
}
.clearfix, .fBox, #nav-inner, #contents {
	display: block;
}
/* /////////////////////////////////////////////////////////////////////////// all clear */

.inner, ul.inner li, dl.inner dt, dl.inner dd {
	font-size:100% !important;
}
.none {
	background:none !important;
}
/* /////////////////////////////////////////////////////////////////////////// float style */

.fr {
	float:right;
}
.fl {
	float:left;
}
ul.fBox li {
	float:left;
	display:inline;
}
/* /////////////////////////////////////////////////////////////////////////// font style */

.txtBold {
	font-weight:bold;
}
.notes {
	font-size:77% !important;
	text-indent:-1em;
	padding-left:1em;
}
/* /////////////////////////////////////////////////////////////////////////// margin style */

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}

/* /////////////////////////////////////////////////////////////////////////// label style */



@media screen and (max-width: 640px) {
img {max-width: 100%;height: auto;width:auto;}
.number a:hover {color:#222 !important;}
.contents-wrap {margin:20px auto 40px auto;}
.w960 {	width:auto;}
}
.w370 { width: 370px;}
@media screen and (max-width:640px){
.w370 { width: 100%;}
}

/* メイン指定
============================================================*/
#mainbg {color: #444;
font-family: "Lucida Grande",  "メイリオ", Meiryo, Osaka, "Verdana", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
background-color: #fff;
font-size: 13px;
*font-size: small;
*font: x-small;
line-height: 1.9em;
background-image: url(/common/img/bg.png);
background-repeat: repeat-x;
}
#contents { width:960px;
	 margin:0 auto;
	 background-image: url(/common/img/bg_lnavi.png);
	background-repeat: repeat-y;
	background-position: 0 15px;
	padding: 0;
	/*border-top: 2px solid #fff6ec;*/
}
#maincontents { width:740px; float:right; background:#FFF;
}
#maincontents.full{width:100%;}

@media screen and (max-width:640px){ /*SP*/
#contents,#maincontents { width:100%; float: none; overflow:hidden;}
#contents { background-repeat: repeat; }
}


@media screen and (min-width: 641px){ /*PC*/
#core { width:auto; padding:25px 30px 40px 30px; }
}
@media screen and (max-width:640px){ /*SP*/
#core { width:100%;	padding:6%;}
}

	
/* /////////////////////////////////////////////////////////////////////////// */

div.required {
	padding: 0px 15px 5px 15px;
	margin-left: 15px;
}
.alphabet {
	ime-mode: disabled;
}
/* /////////////////////////////////////////////////////////////////////////// position */

.alignRight {
	text-align:right !important;
}
.alignCenter, table.alignCenter th, table.alignCenter td, table.thCenter th {
	text-align:center !important;
}
.alignLeft {
	text-align:left !important;
}
/* /////////////////////////////////////////////////////////////////////////// container */
.container{position: relative;}

/* /////////////////////////////////////////////////////////////////////////// custom */
hr {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #e5e5e5;
-moz-use-text-color: #FFFFFF;
	border-style: solid none;
	border-width: 1px 0 0 0;
	margin: 10px 0;
}
.w960 {
	width:960px;
	margin:0 auto;
}
.contents-wrap {
	margin:50px auto 70px auto;
}

/**/

.mojiicon {
	font-family:'condenseicon';
	font-weight:normal !important;
}
.mojiicon.in:before {
	content: 'ë';
	margin:0 5px 0 0;
}
.mojiicon.sbsc:before {
	content: 'D';
	margin:0 5px 0 0;
}
.mojiicon.closed:before {
	content: 'ò';
	margin:0 5px 0 0;
}
.mojiicon.link:before {
	content: 'ú';
	margin:0 5px 0 0;
}



/* ============================================================*/
/* ヘッダー */
/* ============================================================*/



header a,
footer a {color:#333;}
header a:hover,
footer a:hover {color:#f32f58;}

header {
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	padding:15px 0 0 0;
	box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
	position: relative;
	z-index: 10;
}
header .w960 {
	background:#fff;
}
#header {
	padding: 18px 15px 0 15px;
}

/* pc */
@media screen and (min-width:641px) {
#header .logo {width:250px; }
}
/*sp*/
@media screen and (max-width: 640px) {
#header .logo {width:280px; }
}
#header .logo img.mark-logo {width: 200px;height:auto;}
#header .logo img.mark-jpx {
	width: 30px;
	height:auto;
	margin-left:15px;
	margin: 10px 0 0 15px;
    vertical-align: top;
}
#header .logo img.logo40 {
	width: 50px;
	height:auto;
	margin-left:15px;
	margin: 10px 0 0 15px;
    vertical-align: top;
}
#header {display: table;width:100%;}
#header .header-logo, #header .phone, #header .global-search {
	display: table-cell;
	vertical-align:middle;
}
#header .header-logo {
	width:235px;
}
#header .phone {
	padding:0 25px 0 15px;
}
#header .phone .catchcopy {
	line-height: 1.6;
	float: left;
	width: 14em;
	text-indent: 0.5em;
	color:#444444;
	font-family: "Times New Roman", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, "MS 明朝", serif;
	font-size: 95%;
	margin-top:5px;
}
#header .phone .phonenumimg {
	float: right;
}
#header .phone .number span {
	font-size: 30px;
	line-height:1;
}
#header .phone .freedial-col {
	display: table;
	width: auto;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#header .phone .ruby {
	font-size:82%;
	text-align:right;
	position:absolute;
	top:0;
	right:-3px;
	letter-spacing:.35em;
	line-height:1;
}
#header .phone .time {
	font-size:93%;
	margin-bottom:4px;
	font-weight:bold;
}
#header .phone .time span {
	font-size:115%;
}
#header .phone .number {
	font-size: 28px;
	line-height:1;
	letter-spacing:1px;
	display: none;
}
.mojiicon.freedial:before {
	content: ':';
	margin:0 5px 0 0;
}
#header .global-search {
	width:190px;
}



/*sp*/
@media screen and (max-width: 640px) {
header,
footer {
	background-size:500px 5px;
	background-position:right top;
}
header {margin:0;}
#header {
	display: block;
	width:100%;
}
#header .header-logo, #header .phone {
	display: block;
}
#header .header-logo {
	position: absolute;
	top:15px;
	left:10px;
	z-index:1000;
}
#header .header-logo img {
	height:35px !important;
	width:auto !important;
	vertical-align: top;
	margin-top: 3px;
}
#header .header-logo img.mark-jpx {
	height:35px !important;
	width:auto !important;
	margin: 4px 0 2px 5px;
}
	#header .header-logo img.logo40 {
	height:35px !important;
	width:auto !important;
	margin: 4px 0 2px 5px;
}
#header .phone {
	display:none;
}
#header .global-search {
	display: none;
}
nav ul li {
	margin:0 !important;
}
nav ul li a {
	background: none;
	background-repeat: no-repeat;
	height:auto;
	padding:0;
	overflow:auto;
	display:block;
	border-left:none;
}

	
.latest{margin-top:20px; margin-bottom:20px; margin-left:10px;}
#page-top {display:none !important;}}






.global {
	position: relative;
	font-size:90%;
	height:1.5em;
	line-height:1;
	letter-spacing:1px;
}
.global ul {
	position:absolute;
	right: 0;
	top: -2px;
}
.global ul li {
	float:left;
	margin-left:12px;
 zoom:1;
}
.global ul li a {
	background-image: url(../images/header-global.png);
	background-repeat: no-repeat;
	width:22px;
	height:16px;
	overflow:hidden;
	display:block;
	text-indent:-999em;
}
.global ul li.chinese a {
	background-position:-33px 0;
}
.global ul li.thai a {
	background-position:-66px 0;
}
.global ul li.vietnamese a {
	background-position:-100px 0;
}
.global ul li a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
}
.global-search dl.search {
	position:relative;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
	margin-top:3px;
	padding:0 !important;
}
.global-search dl.search dt {
	padding:0px 8px;
}
.global-search dl.search dt input {
	width:10em !important;
	height:16px !important;
	line-height:16px !important;
	background:none !important;
	vertical-align:middle !important;
	margin:0 !important;
	padding:0 !important;
	border:none;
	font-size:92%;
}
.global-search dl.search dd {
	position:absolute;
	top:0;
	right:0;
}
dl.search dd button {
	display:block !important;
	background:none !important;
	border:none !important;
}
dl.search dd button span {
	display:block;
	width:20px;
	height:16px!important;
	color:#aaa;
	font-size:14px;
}
dl.search dd button span:before {
	font-family:'condenseicon';
	content: '[';
}


/* ============================================================*/
/* フッタ ー */
/* ============================================================*/

footer {background: url(../images/footer-bg.png) repeat-x;}
#footer {background:#fff4f6 url(../images/footer-bg-base.jpg);}
#footer .copyright-link {background-image: url(../images/footer-bottom-bg.png);padding:12px 0;}
#footer .copyright-link .footer-bottom-link {font-size:90%;float:left;}
#footer .copyright-link .copyright {font-size:90%;float:right;}
#footer .footer-logo, #footer .footer-navi {display:inline-block;vertical-align:top; margin: 0 1%;}

/* pc */
@media screen and (min-width:641px) {
#footer .footer-logo{width:340px; padding-left: 50px; text-align: right;}
	footer{padding:50px 0 0;}
}
/*sp*/
@media screen and (max-width: 640px) {
footer{padding:50px 0 55px 0;}
}



.footer-navi ul {font-size:.87em;margin-bottom:2em;}
.footer-navi li {margin-bottom:3px;margin-left:1.5em;list-style:disc !important;color:#d66e9a;}
.footer-navi li a {color:#222;}
.footer-navi h3 a {color:#000;}
.footer-navi h3 {font-family: 'Zen Old Mincho', serif;color:#000;margin-bottom:10px;font-size:105%;}
.footer-navi a:hover {color:#f32f58;}
.footer-logo .logo img {height: auto;width: 160px;margin-bottom:10px;}
.footer-logo address p {margin-bottom: 10px;font-size:90%;}
.footer-logo address p.corporate {font-size:1em;font-weight:bold;line-height:1.5;}
.footer-logo address .number {font-size:1.6em;display:table;margin: 10px 0 10px auto;
}
.footer-logo address .number p {margin-bottom: 0px;line-height:1.2;}
.footer-logo address .small {text-align:right;font-size:.4em;}
.footer-logo .mark {margin-top: 20px;}
#footer .footer-bottom {background-image: url(../images/footer-bottom-bg.jpg);background-color:#ecd9de;margin-top:20px;}
.footer-bottom-link {padding:15px 0;}
.footer-bottom-link li {float: left;}
.footer-bottom-link li a {font-size:90%;color:#000;}
.footer-bottom-link li a:hover {color:#5c554b;}
.footer-bottom-link li:before {content: '｜';margin:0 5px;}
.footer-bottom-link li:first-child:before {content: '';margin:0;}
#footer .copyright {position: absolute;top: 15px;right: 0px;font-size:85%;}


@media screen and (min-width: 641px) {/* pc */
	.footer-navi li img{width:15px; vertical-align: bottom; margin-right: 5px;vertical-align: -3px;}
	.footer-navi .pc_sns{margin-top: 20px;}
}
@media screen and (max-width: 640px) {/*sp*/
	.shiro40{background-color: rgba(255,255,255,0.40)}
	.footer-navi .lsf-icon{font-size: 70%;opacity: 50%; margin: 9px 10px 0 0;}
	.footer-navi a .right{margin: 9px 0 0 10px;}
	.footer-navi .lsf{display: flex; justify-content: space-between;vertical-align: middle;
		border-top: 1px solid #cbc5bc;}
	.footer-navi .lsf h3{border:transparent;}
	.footer-navi li{margin-bottom: 10px;}
	.footer-navi .sbmenu{padding: 15px 0 15px 10px!important;margin-bottom: 0;}
	.footer-navi .li_btm{margin-bottom: 0!important;}
	.footer-navi .sns_con{text-align: center;padding-bottom: 5px;}
	.footer-navi .sns img{width:100%;}
	.footer-navi .sns{width: 40px; margin:0 10px 10px 10px;  display: inline-block;}
	
}
@media screen and (max-width: 640px) {/*sp*/
footer {padding-top:20px;}
#footer {background-image:none;	background-color:#fff1f2;margin-bottom:15px;}
#footer .footer-logo, #footer .footer-navi {display: block;}
#footer .footer-logo {position:relative;padding:0 7px 10px 10px;text-align: center;}
#footer .footer-logo address {margin-left:5px;}
.footer-logo .logo img {width: 140px;}
#footer .footer-logo .mark {text-align: center;margin-top:10px;height: auto;}
.footer-logo address .number{margin: 15px auto;}
.footer-logo address p {margin-bottom: 5px;font-size:80%;}
.footer-logo address p.corporate {font-size:95%;}
.footer-navi ul {font-size:.87em;margin-bottom:1em;padding: 0 0 0 10px;}
.footer-navi h3 {border-top:1px solid #cbc5bc;padding: 8px 7px 0 10px ;margin-bottom:5px;}
#footer .footer-bottom {padding:0 10px 10px 10px}
.footer-bottom-link {padding:10px 0 0 0;}
.footer-bottom-link li a {font-size:80%;}
.footer-bottom-link li:nth-of-type(3):before {content: '';margin:0;}
.footer-bottom-link li:nth-of-type(3) {clear:left;}
#footer .copyright {position:inherit;font-size:70%;margin-top:5px;top:0;}
}

/*============================================================*/
/* page-top */
/*============================================================*/
#page-top { position: fixed; bottom: 20px; right: 20px;font-size: 77%;}
#page-top a {text-decoration: none;color: #fff;width: 70px;text-align: center;display: block;border-radius: 5px;cursor:pointer;}
#page-top a:hover { text-decoration: none; background: #fff;}




/*------------新しいグローバルメニュー-----------------------*/


@media screen and (min-width:641px) {/* pc */
nav.new *{box-sizing: border-box; color: #666;font-weight: 500;font-family: 'Zen Maru Gothic', sans-serif;
	/* "UDデジタル教科書体 M","UDDigiKyokasho M","游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝"*/}
nav.new a span{color: rgba(199,89,130,0.4); font-size: 60%;vertical-align: top;padding-right: 5px;}
nav.new{font-family: 'Zen Maru Gothic', sans-serif; margin:15px 0 0; width:960px; padding-bottom: 10px;}
nav.new ul{display:table;}
nav.new ul li{display: inline-block;float: left;}
nav.new li.home {width: 120px;}
nav.new li.course {width: 170px;}
nav.new li.service {width: 170px;}
nav.new li.policy {width: 200px;}
nav.new li.profile {width: 160px;}
nav.new li.support {width: 138px;}
nav.new li{list-style: none;position: relative; height:40px;margin: 0;padding:9px 0; }
nav.new li a {background:#fff;border-right: 1px solid #ddd;display: block; height:22px; line-height:22px;text-align: center;text-decoration: none; width: 100%;padding: 0; overflow: hidden;}
nav.new li.home a:first-child{border-left: 1px solid #ddd;}
nav.new ul li a:hover {background:#fff;}
/*子階層以降共通*/
nav.new li > ul{width: 170px; margin-top: 10px;}
nav.new li li {width: 240px; height: 0;overflow: hidden; transition: .5s;background-color:#fff; padding: 0;z-index: 95;}
nav.new li li a { text-align: left; background-color: rgba(199,89,130,0.1);padding:0 0 0 10px;height:49px;line-height:49px; border: none;font-size: 13px;}
nav.new li li a:hover {background:rgba(164,57,107,1.00);height:49px;color: #fff;}
nav.new li li a:hover span{color: #fff;}
nav.new li:hover > ul > li {height:50px; overflow: visible; border: none; border-bottom: 1px dotted #aaa;}
nav.new li:hover > ul > li:first-child{border-top: 1px dotted #aaa;}
nav.new li li li{display: none;}
}
@media screen and (max-width:640px) {/*sp*/
nav a span{font-size: 60%;vertical-align:text-bottom;padding-right: 5px;opacity: 0.6;}
}

/*------------ここまで　新しいグローバルメニュー-----------------------*/
header .w960 {background-color: #FFF;}
#header .global-search {display:none;}/*20160815変更*/
#header .phone {padding:0 0px 0 15px;}

/*2019.9.10 追加*/
.att{ padding: 2%; font-size: 11px; margin: 15px auto; line-height: 16px; width:90%; display: block; border: 1px dotted #ccc; color: #666;}

@media screen and (min-width: 641px) {/* pc */
	.spOnly{display: none}
}
@media screen and (max-width:640px) {/*sp*/
	.pcOnly{display: none}
}

#leftnavi .ban{}
#leftnavi .ban .link_bg{background-color:rgb(207 83 42);color: #fff;padding:3%;text-align: center; margin-top: 0;}
#leftnavi .ban .link_bot{box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2);padding:1% 8%; display: inline-block; background-color:rgb(193 157 97); border: 1px solid rgba(255,255,255,0.25); text-align: center; color: #fff;}

@media screen and (min-width: 641px) {/* pc */
	#leftnavi .ban div{font-size: 13px; line-height:17px;}
	#leftnavi .ban img{ width: 100%;}
}
@media screen and (max-width: 640px) {/*sp*/
	#leftnavi .ban div{font-size: 16px; line-height: 20px; letter-spacing: 1px;}
	#leftnavi .ban img{ width: 100%;}
}

/*パンくずリスト*/
#maincontents div.pan{text-align: left;}
#maincontents div.pan p{display:inline-block;color:#dddddd;font-family: "Lucida Grande", "メイリオ", Meiryo, Osaka, "Verdana", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
#maincontents div.pan p a{font-size: 10px; color: #666666; text-decoration: none;}
#maincontents div.pan p a:visited{font-size: 80%; color:#666666;}

@media screen and (min-width: 641px) {/* pc */
	#maincontents div.pan{padding:8px 0 10px 15px;}
	#maincontents div.pan p{  font-size:11px; line-height: 16px; padding-bottom: 10px;}
}
@media screen and (max-width: 640px) {/*sp*/
	#maincontents div.pan{padding: 5px 0 5px 0px; }
		#maincontents div.pan p{  font-size:10px; line-height: 16px; padding-bottom: 10px; }
}
/*h2タイトル*/
h2.rlinebold{background:url(/common/img/rlinebold.gif) left bottom no-repeat;color:rgba(100,80,60,1.00);font-family: 'Zen Maru Gothic', sans-serif;}
h2.rlinebold img{margin:25px 0 18px 30px;}
@media screen and (min-width:641px){ /*PC*/
	h2.rlinebold{font-size: 28px;line-height: 44px;margin: 40px 0 20px 5%;width: 90%; background-size:100%;}
	.inner h2.rlinebold{width:100%;margin: 40px 0 20px;padding: 0 0 6px 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	h2.rlinebold{font-size: 20px; line-height: 26px; margin: 25px 0 5px 20px; padding-bottom: 8px; width: 89%;}
	.inner h2.rlinebold{width:100%;margin: 30px 0 10px;}
	h2.rlinebold img{ margin:25px 15px 18px 30px; max-width: 90%;}
}

/*h3タイトル*/
h3.rline{background:url(/common/img/rline.gif) left bottom no-repeat; background-size: 100%; font-family: 'Zen Maru Gothic', sans-serif;color:rgb(158 142 122);line-height: 26px;}
h3.rline img{margin-bottom:12px; }
#maincontents h4{font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; color: #62523b;}
#maincontents h5{font-family: 'Zen Maru Gothic', sans-serif; color: #7f3a97;}
@media screen and (min-width:641px){ /*PC*/
	h3.rline{padding-bottom: 10px; margin:0px 0 15px;font-size: 22px;line-height: 26px; }
	#maincontents h4{font-size: 18px; line-height: 30px; margin: 25px 0 10px; }
	#maincontents h5{font-size: 15px; margin: 15px 0 10px; }
}
@media screen and (max-width: 640px){ /*SP*/
	h3.rline{padding-bottom:5px; margin:20px 0 10px;font-size:18px;line-height: 26px; }
	#maincontents h4{font-size: 16px; line-height: 28px; margin: 25px 0 10px; }
	#maincontents h5{font-size: 14px; margin: 15px 0 10px; }
}


/*2020.06.24 追加*/
/*フッダー100万人追加*/
.kpj{padding: 10px 8px; text-align: center; background-color:rgba(255,255,255,1.0); overflow: hidden;}
.kpj img{width:33%; margin:0 2% 0 0;float:left;}
.kpj p{ display: inline-block; width: 60%; text-align: left; float:right; font-size:10px; line-height: 16px;}


@media screen and (min-width:641px) {/* pc */
	.kpj{width: 230px; margin: 25px 0 0 auto;}
}
@media screen and (max-width:640px) {/*sp*/
	.kpj{width:77%; max-width:270px;  margin: 20px auto 0;}
}

/*2021.06.20 追加*/
/*資料請求誘導ボタン追加*/

.request,.request02{z-index: 100 ;position:fixed;overflow: hidden;}
.request a,.request02 a{color: #ffffff; border: 1px solid rgba(255,255,255,0.4); font-family: 'Zen Maru Gothic', sans-serif; }
.request a{background-color: rgba(159,51,56,1.00);}
.request02 a{background-color: rgb(183 76 81);}
.request a span ,.request02 a span{opacity: 0.7;display: inline-block;}
.request a span.album,.request02 a span.album{font-size: 120%;}
@media screen and (min-width:641px) {/* pc */
	.request{letter-spacing: 2px; right:-1px;top: 160px;}
	.request02{letter-spacing: 2px; right:-1px;top: 380px;}
	.request a,.request02 a{display: block; padding:10px 1px;line-height: 40px; width: 40px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;text-orientation: upright; /* すべて縦方向に表示 */ }
	.request a span{line-height:38px;margin: 5px auto;}
	
}
@media screen and (max-width:640px) {/*sp*/
	.request,.request02{width:100%; bottom: 0px; background-color: rgba(218,205,205,0.8) ;padding: 12px 0;text-align: center; height: 63px;}
	.request{left: 0px; }
	.request02{right:0px;}
	.request a,.request02 a{display: inline-block; padding:6px 1px;line-height:24px; width:80%;font-size: 14px; text-align: center; letter-spacing: 1px; }
	.request a{margin: 0 auto 0 0%;}
	.request02 a{margin: 0 0% 0 auto;}
	.request a span,.request02 a span{margin:0 5px;}

}

/*2021.07.20 追加*/
/*資料請求ヘッダーアイコン追加*/

.request_icon{overflow: hidden; height: 47px; display: inline-block;text-align: center; }
.request_icon a.icon{color: #ffffff; background-color: rgba(171,43,79,0.5); margin: 0 auto;}
.request_icon a.text{font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif; margin: 0 auto;}
.request_icon a span.album{opacity: 0.9;padding: 0; margin: 0;}
@media screen and (min-width:641px) {/* pc */
	.request_icon{width:47px; float: right;margin:3px 20px auto auto;}
	.request_icon a.text{display: block; line-height: 21px;font-size:11px;color: rgba(171,43,79,0.7);}
	.request_icon a.icon {display: block; width: 32px; height: 32px;border-radius:6px;}
	.request_icon a.icon span{font-size:20px; line-height: 32px; margin-left: .3em;}
	
}
@media screen and (max-width:640px) {/*sp*/
	.request_icon{width:47px; right:0px;bottom: 0px; padding: 8px 0;text-align: center;}
	.request_icon a{margin: 0 auto;display: inline-block; padding:6px 1px;line-height:24px; width:240px;font-size: 14px; text-align: center; }
	.request_icon a span{font-size:30px; max-height: 30px;}

}




/*2021.12.27 追加*/
/*インナー設定*/
@media screen and (min-width: 641px){ /*PC*/
	.inner{width: 960px; padding: 0 70px; margin:0 auto;position: relative;}
	header .inner,footer .inner{padding:0px 0px 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	.inner{width:100%; padding:0px 10px 0; margin:0 auto;}
	footer .inner{width:100%; padding:0px 0px 0; margin:0 0;}
}

/*2022.01.26 追加*/
/*コロナ*/


/*----感染予防----------------*/
section.health{ font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ;background-color: #f1f1f1;text-align: center;}
section.health ul{display: flex; justify-content: center;}
section.health ul li{ color: #5c6c76; vertical-align: top;}
section.health ul li:first-child{text-align: right;margin:0.5% 2% 2.5% 2%;}
section.health ul li:nth-child(2){text-align:left;margin:0% 0% 2.5% 0%;}
section.health ul li img{width: 100px;}
.page04 section.health{background-color:rgba(155,130,80,0.2); }
section.health .more{display:inline-block; border: 1px solid rgba(41,51,71,0.2); color:rgba(41,51,71,0.7); text-decoration: none; position: relative; background-color: rgba(255,255,255,0.9);}
section.health .more span{position: absolute;}
section.health .cDetails{ background-color:rgba(255,255,255,0.70); border-radius:6px; }
.mfp-content { display:block; margin: auto; box-shadow:0px 0px 10px 4px rgba(255,255,255,0.2);
  background:#fff;position: relative;font-family: 'Zen Maru Gothic', sans-serif;}/*モーダルの場合*/
section.health p{color:#666;}
section.health .mini{color:#999;font-size: 80%; margin-top: 15px;}
.cDetails .title{text-align: center; position: static;}
.cDetails .title h3{color:rgba(41,51,71,1); text-align: center; border-bottom: 5px solid rgba(41,51,71,0.1); }
.cDetails .cont01{text-align: left; }
.cDetails .cont01 p span{border-bottom: 1px dotted rgba(200,200,200,1.00);}
.cDetails .cont01 h4{text-align: center;color: #fff;background-color:rgba(138,184,196,1.00); padding: 2px;}
.cDetails{display: none;}

@media screen and (min-width: 641px){ /*PC*/
	section.health ul li{font-size:14px; line-height: 22px;}
	section.health .more{padding: 10px 20px 10px 30px;font-size: 14px; line-height: 20px}
	section.health .more span{font-size: 20px; left:-10px; line-height: 20px}
	section.health .inner{ padding:35px 0;}
	section.health .cDetails{padding:30px 45px;width:777px; margin:30px auto 0;}
	.mfp-content { width:700px;border-radius: 8px;}/*モーダルの場合*/
	.cDetails .title h3{font-size: 16px; margin-bottom:10px; padding-bottom:10px; line-height: 26px;}
	.cDetails .cont01{line-height: 23px; width: 100%;display: flex; justify-content: center;}
	.cDetails .cont01 h4{font-size:14px; margin-bottom:5px; border-radius:6px; }
	.cDetails .cont01 p{font-size: 12px; display:table-cell; padding-left: 10px;}
	.cDetails .cont01 .staff,.cDetails .cont01 .student{margin: 2%;}
	.cDetails .tel{color: rgba(55,115,122,1.00);font-size: 13px; padding-top: 5px;}
	
}
@media screen and (max-width: 640px){ /*SP*/
	section.health ul li {font-size:12px;padding:0 0 0 0px;}

	section.health .more{padding:6px 25px;font-size: 12px; line-height: 20px}
	section.health .more span{line-height: 20px; left:-6px;}
	section.health .inner{ padding:30px 0;}
	section.health .cDetails{padding:20px; margin: 20px auto 0;width:90%;max-width: 400px;}
	.mfp-content{ width:255px; padding:25px 15px 15px;text-align: center;border-radius: 4px;}/*モーダルの場合*/
	.cDetails .title h3{font-size:14px; line-height: 20px; margin-bottom:15px; padding-bottom: 5px;}
	.cDetails .title p{font-size: 12px; line-height: 18px;}
	.cDetails .cont01{padding:10px 0; margin: 10px 0 0;}
	.cDetails .cont01 h4{font-size:14px; margin-bottom:4px; line-height: 22px; border-radius: 20px;}
	.cDetails .cont01 p{font-size: 12px; line-height: 22px;}
	.cDetails .cont01 .staff{display:block; padding: 0 0 10px 0; }
	.cDetails .cont01 .student{display:block; }
	.cDetails .tel{color: rgba(55,115,122,1.00);font-size: 13px; padding-top: 5px;}
}


/*---　教室検索一覧 ----------*/

.select_area,.pf_ban{background-color:#fcf7eb;}
.select_area{position: relative;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ;text-align: center;}
.select_area h4{display:inline-block; background-color: rgba(255,255,255,1.00); border: 1px solid #aaa; border-radius: 3px;}
.select_area h4 span {font-size: 70%; opacity: 0.6}
.select_area ul{display: flex; justify-content: center; align-content: center; flex-wrap:wrap;}
.select_area ul li a{border:1px solid rgb(144 206 209); background-color: rgba(250,250,250,1.00); color:rgb(56 128 129);display: block; border-radius: 6px;}
.select_area ul li a span{font-size: 70%; opacity: 0.4}
@media screen and (min-width:641px){ /*Pc*/
	.select_area .inner{ padding: 0 20px 20px;}
	.select_area h4{padding:8px 50px;font-size: 18px; line-height:30px; margin:10px 0 20px;}
	.select_area ul li{width:20%; padding: 6px 10px;}
	.select_area ul li a{font-size: 14px; line-height:33px;}
}
@media screen and (max-width:640px){ /*SP*/
	.select_area .inner{ padding: 0 10px 20px;}
	.select_area h4{padding:6px 30px;font-size: 16px; line-height:30px; margin:20px 0 10px;}
	.select_area ul li{width:33%; padding:6px 5px;}
	.select_area ul li a{font-size: 14px; line-height:37px;}
}
/*---　教室検索プルダウン ----------*/

.t_select{position: relative;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ;text-align: center;background-color:  rgba(216,180,122,0.0);}
.t_select .s_text{display: block; opacity: 0.8;}
.t_select .s_text span{font-size: 80%;}
.t_select select{ border: 1px solid #908075; color:#6B5C52; background-color:#fff;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ; border-radius:6px;}

@media screen and (min-width:641px){ /*Pc*/
	.t_select{margin:0px 0 0;}
	#f_select .t_select .inner{padding:0px 0 15px;}
	.t_select .s_text{font-size: 14px;color:#fff;}
	.t_select select{margin:3px 0 25px; padding:8px; height:40px; font-size: 20px; width:420px; line-height:40px; }

}
@media screen and (max-width:640px){ /*SP*/
	.t_select{padding:0 0 10px 0; margin: 0px 0 0; text-align: center}
	.t_select .s_text{font-size: 12px;color:#fff;}
#f_select .t_select .s_text{ padding-top: 10px;}
	.t_select select{padding: 5px; height:46px; font-size: 16px; width:90%; max-width:300px; line-height: 30px; margin:0px auto 10px; }
}


.pf_ban{text-align: center;}
	.pf_ban p{color:#fff;font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;position:relative;}
	.pf_ban a.bot{background-color:#ea662c; color: #fcee9c; text-align: center; display:inline-block; background-color:#fff8bb; border: 1px solid rgba(255,255,255,0.25);text-align: center; color:#e53f62;}
	.pf_ban a.bot span{opacity: 0.7; font-size: 70%; }

@media screen and (min-width:641px){ /*Pc*/
	.pf_ban .inner{padding: 25px 0 10px;}
	.pf_ban p{font-size:20px; letter-spacing: 1px; text-align: center;padding:0px 15px; line-height: 36px; display:block;}
	.pf_ban a.bot{width: 18%; margin-right: 0; font-size: 16px; vertical-align: top;line-height: 30px;}
	.pf_ban img{border: 1px solid rgba(0,0,0,0.1); margin: 5px 0; width: 80%;}

}
@media screen and (max-width:640px){ /*SP*/
	.pf_ban {padding: 0px 0 0px; text-align: center; display: block;}
	.pf_ban .inner{padding:0px; width: 100%; margin: 0;}
	.pf_ban p{font-size: 14px; display:block; line-height: 22px;}
	.pf_ban a.bot{font-size: 12px; padding: 2px 5%; margin: 0 auto; display:inline-block;}
	.pf_ban img{ margin: 0; width:100%;}
}
#f_select .t_select .s_text{color:#838383; }

a:hover{opacity:0.7;}

/*カテゴリー見出し*/
@media screen and (min-width: 641px) {/* pc */
	h3.catemidashi{font-size:27px; color: #6a5f51; line-height: 1.5;} 
}
@media screen and (max-width: 640px) {/*sp*/
  h3.catemidashi{font-size:24px; color: #6a5f51; line-height: 1.5;} 
}

/*ページボトム*/
.pageBottom_bot{background-color:#eee;   text-align: center;}
.pageBottom_bot .bot{display: block; background-color: #DF6D8A; color: #fff; text-align: center; text-decoration: none; font-size: 120%; border-radius:6px;}
#core .pageBottom_bot a.bot{ color:#fff; text-decoration: none; }
	.pageBottom_bot a.bot span{font-size: 70%; opacity: 0.7; margin-left: 10px;display: inline-block;}
@media screen and (min-width: 641px){ /*PC*/
	.pageBottom_bot{padding: 4%;margin:40px 0 20px;}
	.pageBottom_bot .bot{ width: 70%; padding: 3%; margin:10px auto 0; font-size: 120%; border-radius:6px;}
}
@media screen and (max-width:640px){ /*SP*/
	.pageBottom_bot{padding: 6% 3%;margin:20px 0 10px;}
	.pageBottom_bot .bot{ width: 80%; padding:3%; margin: 10px auto 0; font-size: 110%; border-radius:4px;}
}
	.pageBottom_bot .bot{background-color:#bf9d34;}
	.topBn li{display:inline-block;margin:10px 5px;　/*←上下5px、左右2pxのマージン指定の場合*/}
	.topBn li img {width: 40px;}

/*footer*/
.footer-logo .mark img{width: 107px;}