@charset "utf-8";

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - HTML Tag
 * 3.0 - Repeatable Patterns
 * 4.0 - Header
 *   4.1 - logo
 *   4.2 - topMenu
 *   4.3 - mainNavi
 *   4.4 - slideMenu
 * 5.0 - Header Fixed
 * 6.0 - Footer
 *   6.0 - pagetop
 *   6.1 - footerMenu
 *   6.2 - smtBox
 *   6.3 - copy
 *   6.4 - fix_footerNav
 *   6.5 - cateMenu
 * 7.0 - Contents
 *   7.1.0 - パンくず
 *   7.1.2 - メイン画像
 *   7.1.2 - 第二階層以降共通
 *   7.1.3 - contents
 *   7.1.4 - テキスト
 *   7.1.5 - テーブル
 *   7.1.6 - カラム
 *   7.1.7 - 画像
 *   7.1.8 - ページ送り
 *   7.1.9 - ボタン
 * 	 7.1.10 - テキストリンク
 * -----------------------------------------------------------------------------
 */


/* =========================================================
 1.0 - Reset
========================================================= */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td,
address, caption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;vertical-align: top;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ul,ol {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;}
hr {display: none;margin: 0;padding: 0;}




/* =========================================================
 2.0 - HTML Tag
========================================================= */

/* 	Link
---------------------------------------------------------- */
a:link {color:#000;}
a:visited {color: #000;}
a:hover {color:#F091A0;}

#contents a:link {color:#5b8bbc;}
#contents a:visited {color: #5b8bbc;}
#contents a:hover {color:#F091A0;}

#contents.contents_index a:link {color:#000;}
#contents.contents_index a:visited {color: #000;}
#contents.contents_index a:hover {color:#F091A0;}
/*
a:focus {}
a:active {}
*/


/* 	html
---------------------------------------------------------- */
html {
	overflow-x: hidden;
}


/* 	body
--------------------------------------------------------- */
body {
	overflow-x: hidden;
	position: relative;
	width: 100%;
	color: #000;
	font-family: Arial, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 400;
	line-height: 1.6;
	background-color: #FFF;
}

/*
■ nav_smt用　メニュー背景スクロール停止
*/
html.stop {
	overflow: hidden !important;
	height:100% !important;
}

/*
■ 読み込み時フェードイン
fade-layer
*/
.fade-layer,
body:before,
body.fade-layer-off:before{
	content: none !important;
}

img{
  -webkit-backface-visibility: hidden;/*chrome用*/
  }



/* =========================================================
 3.0 - Repeatable Patterns
========================================================= */

/* 	Alpha
---------------------------------------------------------- */
.alpha img,
img.alpha,
input.alpha{
  /*-webkit-transition: all .3s linear 0s;
  transition: all .3s linear 0s;*/
	}
.alpha:hover img,
img:hover.alpha,
input:hover.alpha{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}


/* 	Font
---------------------------------------------------------- */
/*size*/

/*weight*/
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}

/*align*/
.center{text-align:center !important;}
.center th,
.center td{text-align:center !important;}
.right{text-align:right !important;}
.left{text-align:left !important;}

/*color*/
.txt_main{ color:#eb6d87 !important; }
.txt_sub{ color:#eb6d87 !important; }
.txt_sub_p{ color:#FBE6EF !important; }

.txt_c{ color:#f18f5a !important; }
.txt_c_d,
.txt_c_dd{ color:#f18f5a !important; }
.txt_c_p{ color:#fde9dc !important; }

.txt_f{ color:#00ae84 !important; }
.txt_f_d,
.txt_f_dd{ color:#00ae84 !important; }
.txt_f_p{ color:#e8f0c5 !important; }

.txt_a,
.txt_a_dd,
.txt_a_d{ color:#EA6182 !important; }

.txt_navy{ color:#20476b !important; }

.red{ color:#C8241C !important; }
.black{ color:#000 !important; }
.white{ color:#FFF !important; }

/* 	Background Color
---------------------------------------------------------- */
.bg_main{ background-color:#eb6d87!important; }
.bg_sub{ background-color:#eb6d87 !important; }
.bg_sub_p{ background-color:#FBE6EF !important; }

.bg_c{ background-color:#f18f5a !important; }
.bg_c_d{ background-color:#f18f5a !important; }
.bg_c_p{ background-color:#fde9dc !important; }

.bg_f{ background-color:#00ae84 !important; }
.bg_f_d{ background-color:#00ae84 !important; }
.bg_f_p{ background-color:#e8f0c5 !important; }

.bg_a{ background-color:#EA6182 !important; }

.bg_navy{ background-color:#20476b !important; }

.bg_line{ background: url(../images/bg_line.png) left top repeat #F8F0F2 !important; }
.bg_dot{ background: url(../images/bg_dot.png) left top repeat #F8F0F2 !important; }

/* 	Float Box
---------------------------------------------------------- */
/*overflow*/
.oh{overflow:hidden;}
.oh960{
	overflow:hidden;
	width:100%;
	}

/*float*/
.leftBox{float:left;}
.rightBox{float:right;}

/*clear*/
.clear,
.section{clear:both;}

/*overflow*/
.disnon,
.dN{display:none;}
.dB{display:black;}

/* Margin
---------------------------------------------------------- */
.m0 {margin:0 !important;} .m05{margin:5px !important;} .m10{margin:10px !important;} .m20{margin:20px !important;} .m30{margin:30px !important;} .m40{margin:40px !important;} .m50{margin:50px !important;}
.mt0{margin-top:0 !important;} .mt05{margin-top:5px !important;} .mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mt50{margin-top:50px !important;} .mt100{margin-top:100px !important;}
.mr0{margin-right:0 !important;}.mr05{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mb0{margin-bottom:0 !important;} .mb05{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb20{margin-bottom:20px !important;} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;} .mb50{margin-bottom:50px !important;}
.ml0{margin-left:0 !important;} .ml05{margin-left:5px !important;} .ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;} .ml40{margin-left:40px !important;} .ml50{margin-left:50px !important;}


/* 	Responsive
---------------------------------------------------------- */
.br_smt,
.pc_dn{ display:block !important; }
.br_pc,
.smt_dn{ display:none !important; }

.only_sp{display: block !important;}
.only_sp_il{display: inline !important;}
.only_pc,
.only_pc_il{display: none !important;}

/* 	Image
---------------------------------------------------------- */
.img25p{
	width:25% !important;
	height:auto !important;
	}
.img33p{
	width:33.333% !important;
	height:auto !important;
	}
.img50p{
	width:50% !important;
	height:auto !important;
	}
.img100p{
	width:100% !important;
	height:auto !important;
	}


/* 	icon
---------------------------------------------------------- */
.iconBlank,
.iconBlank img{
	width:inherit !important;
	vertical-align:middle;
	}
.iconBlank{
	padding-left:10px;
	}
.iconBlank img{
	margin-bottom:5px;
	}


/* =========================================================
 4.0 - Header
========================================================= */
#header {
	width:100%;
	min-width: inherit !important;
	height:55px;
	}


/* 	4.1 - logo
---------------------------------------------------------- */
#header .logo{
	width:190px;
	margin:0 auto;
	padding-top:10px;
	}
#header .logo img{
	width:190px;
	height:auto;
	}

/* 201009 学生ホールバナー追加
#header .bnr_hall_pc{
  display: none;
	}
#menu .bnr_hall_sp{
  padding: 10px 7px !important;
	}
#menu .bnr_hall_sp img{
  width: 100%;
  height: auto;
  box-sizing:border-box;
	}*/
#header .bnr_hall_pc,
#menu .bnr_hall_sp{
  display: none !important;
	}



/* 	4.1 - btn_sns
---------------------------------------------------------- */
#header .btn_sns{
  display:none;
	}


/* 	4.2 - topMenu
---------------------------------------------------------- */
#header #topMenu{
	display:none;
	}


/* 	4.3 - mainNavi
---------------------------------------------------------- */
#mainNavi{
	display:none;
	}


/* 	4.3 - nav_smt
---------------------------------------------------------- */
#nav_smt{
	pointer-events: none;
	position: fixed;
	top:0;
	right:0;
	margin-right:-270px;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	z-index:3000;
	}
#nav_smt.active{
	margin-right:0;
	}
#nav_smt .innerBox{
	overflow-y:scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	pointer-events: auto !important;
	position: relative;
	float:left;
	width:270px;
	height: 100vh;
	padding:0;
	padding-bottom:50px;
	box-sizing:border-box;
	background-color:#666;
	direction:rtl;
	}
@media screen and (max-width:320px){
  #nav_smt{
    margin-right:-260px;
    }
	#nav_smt .innerBox{
		width:260px;
		}
}
#nav_smt .innerBox::-webkit-scrollbar{width: 3px; height:10px;}/*スクロール設定*/
#nav_smt .innerBox::-webkit-scrollbar-track{background:none;}/*背景色*/
#nav_smt .innerBox::-webkit-scrollbar-thumb{background:#CCC;}

#nav_smt .innerBox #menu{
	direction:ltr !important;
	}
#nav_smt .innerBox li.lt{
	border-bottom:solid 1px #AAA;
	background-color:#666;
	}
#nav_smt .innerBox li.lt.blank{
	background:url(../images/icon_blank_smt.png) 10px center no-repeat;
	background-size:18px 17px;
	background-color:#666;
	}
#nav_smt .innerBox li.lt > a,
#nav_smt .innerBox li.lt > span{
	display:block;
	height:60px;
	line-height:60px;
	padding-left:10px;
	pointer-events: auto !important;
	font-size: 14px;
	text-decoration:none;
	color:#FFF;
	/*font-family: "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	font-weight:400;
	}
#nav_smt .innerBox li span{
	position: relative;
	display:block;
	font-size: 12px;
	cursor:pointer;
	}
#nav_smt .innerBox li.lt.blank a{
	padding-left:35px;
	}
#nav_smt .innerBox li.lt > span:after{
	position:absolute;
	right:10px;
	top:0;
	display:block;
	content:'+';
	font-size: 30px;
	color:#FFF;
	}
#nav_smt .innerBox li.lt > span.open:after{
	right:11px;
	top:28px;
	content:'';
	width:15px;
	height:2px;
	background-color:#FFF;
	}
#nav_smt .innerBox .sec{
	display:none;
	margin:0;
	padding:0 10px;
	background-color:#E2E2E2;
	}
#nav_smt .innerBox .sec .i{
	position: relative;
	margin-bottom:0;
	border-bottom:solid 3px #666;
	}
#nav_smt .innerBox .bg_c_p .i,
#nav_smt .innerBox .bg_c_p ul:nth-child(3){
	border-bottom:solid 3px #f18f5a;
	}
#nav_smt .innerBox .bg_f_p .i,
#nav_smt .innerBox .bg_f_p ul:nth-child(3){
	border-bottom:solid 3px #00ae84;
	}
#nav_smt .innerBox .bg_c_p ul:nth-child(3) li:last-child,
#nav_smt .innerBox .bg_f_p ul:nth-child(3) li:last-child{
	border-bottom:0;
	}

#nav_smt .innerBox .sec .i:after{
	position:absolute;
	left:5px;
	top:22px;
	display:block;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent rgba(255,255,255,0.7);
	}

#nav_smt .innerBox .sec .i a{
	display:block;
	padding:15px 5px 15px 18px;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	color:#666;
	pointer-events: auto !important;
	}

#nav_smt .innerBox .sec .t{
	padding:10px 0 5px 5px;
	font-size: 14px;
	font-weight:bold;
	color:#333;
	border-bottom:solid 1px rgba(0,0,0,0.3);
	}
#nav_smt .innerBox .sec ul{
	}
#nav_smt .innerBox .sec ul:last-child{
	padding-bottom:100px;
	}
#nav_smt .innerBox .sec li{
	height:40px;
	line-height:40px;
	border-bottom:solid 1px rgba(0,0,0,0.3);
	}/**/
#nav_smt .innerBox .sec li a{
	display:block;
	padding:0 10px 0 20px;
	font-size: 12px;
	text-decoration:none;
	color:#333;
	pointer-events: auto !important;
	background:url(../images/icon_menu_smt.png) 5px center no-repeat;
	background-size:9px 16px;
	cursor:pointer;
	}
#nav_smt .innerBox .sec li a span{
  display: inline;
	font-size: 10px;
	}
#nav_smt .innerBox .sec .btn_close{
	position: relative;
	width:40px;
	height:40px;
	margin:20px -10px 0 auto;
	background-color:#333;
	cursor:pointer;
	pointer-events: auto !important;
	}
#nav_smt .innerBox .sec .btn_close:after{
	position:absolute;
	left:13px;
	top:19px;
	content:'';
	width:15px;
	height:2px;
	background-color:#FFF;
	}
#nav_smt .innerBox .bnr{
	display: flex;
	padding: 0 8px;
	gap: 0 9px;
	margin-top: 17px;
	flex-direction: row-reverse;
	}
#nav_smt .innerBox .bnr li{
	flex: 1;
	text-align: center;
	background-color: #EA6383;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 48px;
	border-radius: 8px;
	}
#nav_smt .innerBox .bnr li a{
	display: block;
	color: #fff;
	text-decoration: none;
	}



/* 	menu-trigger
---------------------------------------------------------- */

#nav_smt .icon{
	pointer-events: auto !important;
	float:left;
	width:45px;
	height:42px;
	padding-left:10px;
	padding-top:12px;
	cursor:pointer;
	background-color:rgba(255,255,255,0.5);
	}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	display: block;
	position: relative;
	width: 35px !important;
	height: 20px !important;
	/*background-color:#CCC;*/
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #333;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 12px;}
.menu-trigger span:nth-of-type(3) {top: 24px;}

/**********************************************/
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	/*width:0;
	left: 50%;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;*/
}
@-webkit-keyframes active-menu-bar02 {
	100% {height: 0;}
}
@keyframes active-menu-bar02 {
	100% {height: 0;}
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
/**********************************************/










/* =========================================================
 5.0 - Header Fixed
========================================================= */


/* =========================================================
 6.0 - Footer
========================================================= */
#footer{
  margin-bottom:90px;
	padding-bottom:20px !important;
	min-width: inherit !important;
	background-color:#999 !important;
	}


/* 	6.0 - pagetop
---------------------------------------------------------- */
#pagetop{
	display: none !important;
	}


/* 	6.1 - footerMenu
---------------------------------------------------------- */
#footer .footerMenu{
	height: inherit !important;
	padding-top:0 !important;
	border-top:0 !important;
	border-bottom:0 !important;
	}
#footer .footerMenu li{
	display: block !important;
	height: 60px !important;
	line-height:60px !important;
	padding:0 !important;
	border-right:0 !important;
	}
#footer .footerMenu li:first-child{
	border-left:0 !important;
	}
#footer .footerMenu li a{
	display: block !important;
	width:atuo !important;
	height: 60px !important;
	margin:0 15px !important;
	padding:0 10px !important;
	border-bottom:solid 1px #CCC !important;
	text-align:left !important;
	font-size: 15px !important;
	text-decoration: none !important;
	color:#FFF !important;
	}


/* 	6.2 - smtBox
---------------------------------------------------------- */
#footer .smtBox {
	width:290px;
	margin:30px auto 20px auto;
	text-align:center;
	color:#FFF;
}
#footer .smtBox dl{
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom:solid 4px #CCC;
	line-height:1;
}
#footer .smtBox dt{
	margin-bottom:15px;
	font-size: 24px;
}
#footer .smtBox dd{
	font-size: 13px;
}
#footer .smtBox .txt{
	margin-bottom:10px;
	font-size: 13px;
	line-height:1;
}
#footer .smtBox .tel{
	margin-bottom:25px;
	line-height:1;
}
#footer .smtBox .tel a{
	font-size: 32px;
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
}
#footer .smtBox .btn_txt{
	/*margin:0 20px;*/
	box-sizing:border-box;
	text-align:center;
}
#footer .smtBox .btn_txt a{
	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	border-radius:6px;
	box-sizing:border-box;
	text-align:center;
	color:#000;
	font-weight: bold;
	font-size: 17px;
	text-decoration:none;
	background-color: #FFF;
}



/* 	6.3 - copy - jaca
---------------------------------------------------------- */
#footer .copy{
	height: inherit !important;
	line-height: inherit !important;
	font-size: 12px !important;
	text-align:center;
	color:#FFF !important;
}
#footer .jaca{
  max-width: 200px;
  margin: 0 auto 20px;

  }
#footer .jaca img{
  width: 100%;
  height: auto;
  }
@media screen and (max-width:320px){
	#footer .copy{
		font-size: 10px !important;
	}
}


/* 	6.4 - fix_footerNav
---------------------------------------------------------- */
#fix_footerNav{
  z-index:100;
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#FFF;
}
#fix_footerNav .pc{
  display:none;
}
#fix_footerNav .smt{
  display:block;
}
#fix_footerNav ul{
	display:table;
	width:100%;
	height:45px;
  border-top:solid 1px #B5B5B5;
}
#fix_footerNav ul.top{}
#fix_footerNav ul.bottom{}
#fix_footerNav li{
	display:table-cell;
  border-left:solid 1px #B5B5B5;
	box-sizing:border-box;
	text-align:center;
	background-color:#FFF;
  vertical-align:middle;
}
#fix_footerNav li.n1{
  /*display: none;*/
	width:50%;
	height:45px;
	border-left:0;
  background-color:#eb6d87;
}
#fix_footerNav li.n2{
	width:35%;
  background-color:#2171A4;
}
#fix_footerNav li.n3{
	width:15%;
	background-color:#333;
}
#fix_footerNav li.b1{
	width:30%;
	height:45px;
	background-color:#c00000;
	border-left: 0;
}
#fix_footerNav li.b2{
	/*display: none;*/
	width:35%;
	height:45px;
	background-color:#eb6d87;
}
#fix_footerNav li.b3{
	width:20%;
	height:45px;
	background-color:#2171A4;
}
#fix_footerNav li.b4{
	width:15%;
	background-color:#333;
}
#fix_footerNav li.icon1,
#fix_footerNav li.icon2,
#fix_footerNav li.icon3,
#fix_footerNav li.icon4{
  width:25%;
}
#fix_footerNav li a{
	display:block;
	width:100%;
  height:45px;
  line-height:45px;
  box-sizing:border-box;
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
	text-decoration:none;
  vertical-align:middle;
}
#fix_footerNav li.n1 a{
  padding-top:8px;
  line-height:1.2;
}
/*#fix_footerNav li.n2 a{
  padding-top:8px;
  line-height:1.2;
}*/
#fix_footerNav li.n2 br{
  display: none;
}
#fix_footerNav li.n3 a{
	font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
#fix_footerNav li.b1 a,
#fix_footerNav li.b2 a,
#fix_footerNav li.b3 a,
#fix_footerNav li.b4 a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:2px;
	padding-left: 10px;
	padding-right: 10px;
	line-height:1.2;
}
#fix_footerNav li.b1 a i,
#fix_footerNav li.b2 a i,
#fix_footerNav li.b3 a i{
	display: inline-block;
	font-style: normal;
}
#fix_footerNav li.icon1 a,
#fix_footerNav li.icon2 a,
#fix_footerNav li.icon3 a,
#fix_footerNav li.icon4 a{
  -webkit-transition: all .2s;
  transition: all .2s;
  }
#fix_footerNav li.icon1 img,
#fix_footerNav li.icon2 img,
#fix_footerNav li.icon3 img,
#fix_footerNav li.icon4 img{
  display:none;
  /*width:45px;
  height: auto;
  margin-top:17px;*/
}
#fix_footerNav li.icon1 a{
  background:url(../images/icon_insta.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon2 a{
  background:url(../images/icon_tw.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon3 a{
  background:url(../images/icon_line.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon4 a{
  background:url(../images/icon_tt.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon1 a:hover{
  background:url(../images/icon_insta_on.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon2 a:hover{
  background:url(../images/icon_tw_on.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon3 a:hover{
  background:url(../images/icon_line_on.png) center center no-repeat;
  background-size:30px auto;
}
#fix_footerNav li.icon4 a:hover{
  background:url(../images/icon_tt_on.png) center center no-repeat;
  background-size:30px auto;
}

@media screen and (max-width:500px){
	#fix_footerNav li.b1 a,
	#fix_footerNav li.b2 a,
	#fix_footerNav li.b3 a{
		font-size: 12px;
	}
}


/* 	6.5 - cateMenu
---------------------------------------------------------- */
#cateMenu{
	width:100%;
	margin:0;
	padding:0 0 30px 0;
	background-color:#E2E2E2;
	}
#childcare #cateMenu{background-color:#fde9dc;}
#food #cateMenu{background-color:#E3F3F3;}
#recruit #cateMenu,
#campuslife #cateMenu{
	padding:20px 0 30px 0;
	}
#cateMenu .inner{
	width:100%;
	overflow: visible;
	margin:0;
	padding:0 15px;
	box-sizing:border-box;
	}
#cateMenu  .smBox{
	float: none;
	margin:0;
	width:auto;
	}
#cateMenu .inner .t{
	margin-bottom:0;
	padding:30px 0 5px 5px;
	font-size: 14px;
	font-weight:bold;
	color:#333;
	border-bottom:solid 1px rgba(0,0,0,0.3);
	}
#cateMenu .inner li{
	height:40px;
	line-height:40px;
	border-bottom:solid 1px rgba(0,0,0,0.3);
	}
#cateMenu .inner li a{
	display:block;
	padding:0 10px 0 20px;
	font-size: 12px;
	text-decoration:none;
	color:#333;
	pointer-events: auto;
	background: url(../../common/images/icon_menu_smt.png) 5px center no-repeat;
	background-size:9px 16px;
	cursor:pointer;
	}
#cateMenu .inner .recruitBox,
#cateMenu .inner .rightMenu{
	display:none;
	}
#childcare #cateMenu .inner .t + ul,
#food #cateMenu .inner .t + ul{
  margin-bottom:20px;
  }


/* =========================================================
 7.0 - Contents
========================================================= */
#wrapper {
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	}
#contents {
	width:100%;
	margin: 0 auto;
	}


/* 	7.1.0 - パンくず
---------------------------------------------------------- */
.breadcrumbs{
	display:none;
	}


/* 	7.1.1 - タブメニュー
---------------------------------------------------------- */
#tabBox {
	width:100%;
	overflow:hidden;
	margin:0 auto 30px auto;
	padding-bottom:20px;
	}
#tabBox li{
	position:relative;
	float:left;
	width:50%;
	margin:0 0;
	box-sizing:border-box;
	padding-bottom:5px;
	}
#tabBox li.select{
	border-bottom: solid 3px #999;
	}
#tabBox li span{
	display: block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size: 21px;
	text-decoration:underline;
	background-color:#EEE;
	cursor:pointer;
	}
#tabBox li.select span{
	position:relative;
	color:#FFF;
	text-decoration:none;
	background-color:#999;
	cursor: default;
	}
#tabBox li.select span:before,
#tabBox li.select span:after{
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	z-index:10;
	display:block;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	}
#tabBox li.select span:before{
	bottom:-15px;
	z-index:11;
	border-color: #FFF transparent transparent transparent;
	}
#tabBox li.select span:after{
	bottom:-20px;
	z-index:10;
	border-color: #999 transparent transparent transparent;
	}

#tabBox li.c.select{border-bottom: solid 3px #f18f5a !important;}
#tabBox li.c span{background-color:#fde9dc !important;}
#tabBox li.c.select span{background-color: #f18f5a !important;}
#tabBox li.c.select span:after{border-color: #f18f5a transparent transparent transparent !important;}

#tabBox li.f.select{border-bottom: solid 3px #00ae84 !important;}
#tabBox li.f span{background-color:#E3F3F3 !important;}
#tabBox li.f.select span{background-color: #00ae84 !important;}
#tabBox li.f.select span:after{border-color: #00ae84 transparent transparent transparent !important;}

#tabBox li.p.select{border-bottom: solid 3px #ED8799 !important;}
#tabBox li.p span{background-color:#F7C8CF !important;}
#tabBox li.p.select span{background-color: #ED8799 !important;}
#tabBox li.p.select span:after{border-color: #ED8799 transparent transparent transparent !important;}


/* 	7.1.2 - アンカーメニュー
---------------------------------------------------------- */
#ancBox {
	width:100%;
	overflow:hidden;
	margin:0 auto 20px auto;
	padding-bottom:20px;
	}
#ancBox li{
	position:relative;
	float:left;
	width:50%;
	margin:0 0;
	box-sizing:border-box;
	padding-bottom:5px;
	}
#ancBox li a{
	display: block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size: 18px;
  color:#FFF !important;
	text-decoration:underline;
	}
#ancBox li.c a{background-color:#f18f5a;}
#ancBox li.f a{background-color:#00ae84;}
#ancBox li a span:after{
	display: inline-block;
  content:'';
  width: 0;
  height: 0;
  margin-left:10px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #FFF transparent transparent transparent;
	}


/* 	7.1 - 第二階層以降共通
---------------------------------------------------------- */
.conBox {
	width:auto;
	overflow:hidden;
	margin: 0 15px 60px 15px;
	padding:0;
	pointer-events: auto !important;
	}
/* conBox100%時に使用 */
.conBox .w960 {
	width:100%;
	margin: 0 auto;
	padding:0;
  box-sizing: border-box;
	}

/* ttlBox */
.ttlBox{
	width:auto;
	position: relative;
	}
.ttlBox .category{
	display:none;
	}
.ttlBox .bgbar{
	/*height: 50px;
	line-height:50px;*/
	margin-bottom:20px;
	padding:10px 0;
	line-height:1.3;
	/*font-family: "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-weight:500;
	font-size: 20px;
	color:#FFF;
	text-align:center;
	background-color:#999;
	/*letter-spacing:0.15em;*/
	}
.ttlBox .pagettl{
	width:auto;
	margin:0 15px 25px 15px;
	font-size: 28px;
	text-align:center;
	color:#999;
	/*letter-spacing:0.1em;*/
	}
.ttlBox .bgbar + .txt,
.ttlBox .pagettl + .txt{
	margin:-20px 15px 30px 15px;
	line-height:1.8;
	text-align:left;
	}
.ttlBox .bgbar + .txt .kome,
.ttlBox .pagettl + .txt .kome{
	display:block;
	margin:5px 0 0 0;
	font-size: 12px;
	line-height:1.4;
	}


/* 	7.1.1 - メイン画像
---------------------------------------------------------- */
#mainimg{
	width:100%;
	}
#mainimg .innerBox{
	position:relative;
	width:100%;
	box-sizing:border-box;
	margin:0;
	}
#mainimg h1{
	/*letter-spacing:0.1em;*/
	}



/* 	7.1.3 - contents
---------------------------------------------------------- */
/* 授業体験バナー */
.bnr_lecture_exp a img{
  width:100% !important;
  height:auto !important;
  }

/* bnrBox_cv */
#bnrBox_cv ul{
  /*display:none !important;*/
  overflow:hidden;
  width:100%;
  }
#bnrBox_cv li.n1{
  float:left;
  width:48%;
  }
#bnrBox_cv li.n2{
  float:right;
  width:48%;
  }
#bnrBox_cv li a{
  display:block;
  height:60px;
  line-height:60px;
  text-align:center;
  text-decoration:none;
  font-size: 14px;
  color:#FFF !important;
	background-image: url(../images/icon_btn_1.png);
	background-position: 95% center;
	background-repeat:no-repeat;
  /*background-color:#F091A0;*/
  }
#bnrBox_cv li.n1 a{
  background-color:#f091a0;
  }
#bnrBox_cv li.n2 a{
  background-color:#95d5f9;
  }
#bnrBox_cv li.n1 a span,
#bnrBox_cv li.n2 a span{
  padding-right:10px;
  }


/* 	7.1.4 - テキスト
---------------------------------------------------------- */
/*■H2*/
.conBox h2,
.conBox .h2{
	font-size: 21px;
	text-align:center;
	margin-bottom:10px;
	}
.conBox h2 span,
.conBox .h2 span{
	font-size: 16px;
	}
.conBox .h2line{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:solid 3px #EEE;
	font-size: 21px;
	text-align:center;
	font-weight: bold;
	line-height:1.8;
	}
.conBox h2 + .txt,
.conBox .h2 + .txt,
.conBox .h2line + .txt{
	margin-bottom:40px;
	font-size: 16px;
	line-height:1.8;
	text-align:left;
	}

/*■H3*/
.conBox h3,
.conBox .h3{
	margin-bottom:10px;
	font-size: 18px;
	font-weight: bold;
	line-height:1.6;
	}
.conBox .h3line{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 3px #EEE;
	font-size: 18px;
	font-weight: bold;
	line-height:1.6;
	}
.conBox .h3Box{
	position:relative;
	margin-bottom:10px;
	padding:7px 15px;
	border:solid 1px #DDD;
	font-size: 17px;
	font-weight: bold;
	line-height:1.8;
	}
.conBox .h3Box:before{
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:block;
	width:2px;
	height:100%;
	background-color:#F091A0;
	}
.conBox h3 + .txt,
.conBox .h3 + .txt,
.conBox .h3line + .txt,
.conBox .h3Box + .txt{
	margin-bottom:40px;
	font-size: 16px;
	line-height:1.8;
	text-align:left;
	}

/*■H4*/
.conBox h4,
.conBox .h4{
	margin-bottom:5px;
	font-size: 16px;
	font-weight: bold;
	line-height:1.8;
	}
.conBox h4 + .txt,
.conBox .h4 + .txt{
	margin-bottom:40px;
	font-size: 14px;
	line-height:1.8;
	}

/*■P見出し*/
p.midashi{
	margin-bottom:5px;
	font-size: 18px;
	font-weight: bold;
	}
p.midashi + .txt{
	margin-bottom:40px;
	font-size: 15px;
	line-height:1.8;
	}

/*■レイアウト幅 小*/
.w750{
	width:750px;
	margin:0 auto 40px auto;
	}

/*■DL 見出し*/
dl.midashi{
	margin-bottom:40px;
	}
dl.midashi dt{
	position:relative;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size: 18px;
	font-weight: bold;
	}
dl.midashi dt:after{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	content:"";
	width:150px;
	border-bottom:solid 3px #F091A0;
	}
dl.midashi dt:before{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	border-bottom:solid 3px #CCC;
	}
dl.midashi dd{
	font-size: 16px;
	}

/*■DL 見出し2*/
dl.midashi2,
div.midashi2{
	margin-bottom:40px;
	}
dl.midashi2 dt,
div.midashi2 h3,
div.midashi2 .h3{
	padding:10px 0;
	text-align:center;
	font-size: 18px;
	color:#FFF;
	font-weight: bold;
	line-height:1.4;
	background-color:#999;
	}
dl.midashi2 dd,
div.midashi2 dd,
div.midashi2 .txt{
	font-size: 15px;
	padding:0 5px;
	text-align:left;
	}
div.midashi2 dt,
div.midashi2 .ttl{
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	}

/*■囲みの見出し*/
div.lineBox{
	width:100%;
	margin-bottom:40px;
	padding:15px;
	border:solid 1px #CCC;
	box-sizing:border-box;
	background-color:#FFF;
	}
div.lineBox p.midashi{
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 2px #CCC;
	}
div.lineBox p.midashi:after{
	position:absolute;
	left:0;
	bottom:-2px;
	display:block;
	content:"";
	width:150px;
	border-bottom:solid 2px #F091A0;
	}
div.lineBox p.txt{
	margin-bottom:0;
	}

div.lineBoxR{
	width:100%;
	margin-bottom:40px;
	padding:15px;
	border:solid 2px #C8241C;
	box-sizing:border-box;
	background-color:#FFF;
	}
div.lineBoxR p.midashi{
	position:relative;
	margin-bottom:15px;
	padding-bottom:15px;
	color:#C8241C;
	border-bottom:solid 2px #CCC;
	}
div.lineBoxR p.midashi:after{
	position:absolute;
	left:0;
	bottom:-2px;
	display:block;
	content:"";
	width:150px;
	border-bottom:solid 2px #C8241C;
	}
div.lineBoxR p.txt{
	margin-bottom:0;
	}

p.lineBoxR{
	margin-bottom:40px;
	padding:10px;
	border:solid 1px #C8241C;
	font-size: 16px;
	font-weight: bold;
	color: #C8241C;
	text-align:center;
	}

p.lineBoxBGR,
div.lineBoxBGR{
	margin-bottom:40px;
	padding:10px;
	border:solid 1px #C8241C;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	background-color:#C8241C;
	}

/*■li タイトル+下線*/
.list_line{
	margin-bottom:20px;
	}
.list_line li{
	margin-bottom:0;
	padding:10px 5px;
	border-bottom:dotted 1px #CCC;
	}

/*■li タイトル+ドット*/
.list_dot,
.list_dot_f,
.list_dot_c,
.list_dot_g,
.list_dot_w,
.list_dot_b,
.list_num{
	margin-bottom:40px;
	}
.list_dot li,
.list_dot_f li,
.list_dot_c li,
.list_dot_g li,
.list_dot_w li,
.list_dot_b li,
.list_num li{
	margin:20px 0;
	text-indent:-1.3em;
	padding-left:1.3em;
	}
.list_num li{
	text-indent:-1em;
	padding-left:1em;
	}
.list_dot li:before,
.list_dot_f li:before,
.list_dot_c li:before,
.list_dot_g li:before,
.list_dot_w li:before,
.list_dot_b li:before{
	display:inline-block;
	content:"";
	height:8px;
	width:8px;
	border-radius:8px;
	margin-right:8px;
	}
.list_dot li:before{
	background-color: #F091A0;
	}
.list_dot_f li:before{
	background-color: #00ae84;
	}
.list_dot_c li:before{
	background-color: #f18f5a;
	}
.list_dot_g li:before{
	background-color: #999;
	}
.list_dot_w li:before{
	background-color: #FFF;
	}
.list_dot_b li:before{
	background-color: #000;
	}

/*■区切り線*/
hr.hrLine01{
	display:block;
	margin-bottom:40px;
	border-top:solid 1px #DDD;
	background-color: #FFF;
	}
hr.hrLine5{
	display:block;
	margin-bottom:40px;
	border-top:solid 3px #DDD;
	background-color: #FFF;
	}
hr.hrLine10{
	display:block;
	margin-bottom:40px;
	border-top:solid 5px #DDD;
	background-color: #FFF;
	}

/*■※印テキスト*/
p.kome,
ul.kome li{
	font-size: 12px;
	text-indent:-1em;
	padding-left:1em;
	}


/* 	7.1.5 - テーブル
---------------------------------------------------------- */
/* テーブル共通 */
.tbl{
	width:100%;
	margin-bottom:40px;
  word-break: break-all;
  word-wrap: break-all;
	}

/*スクロール用*/
.tbl_scroll{
	overflow-x: auto;
	white-space: nowrap;
	margin-bottom:40px;
}
.tbl_scroll table{
	margin-bottom:0;
}
.tbl_scroll::-webkit-scrollbar{
 height: 5px;
}
.tbl_scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.tbl_scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

/*レイアウト変更用*/
.thtdBlock th,
.thtdBlock td,
th.thBlock,
td.tdBlock{
	display: block;
	width:100% !important;
	}
.tbl th,
.tbl td{
	width:auto;
	padding:10px;
	border-bottom:solid 3px #FFF;
	vertical-align:middle;
	box-sizing:border-box;
	background-color:#F7F7F7;
	}
.tbl th{
	font-size: 15px;
	line-height:1.4;
	}
.tbl td{
	font-size: 14px;
	line-height:1.8;
	}
.tbl th p,
.tbl td p{
	margin:0;
	}
.tbl th .midashi{
	font-size: 15px;
	line-height:1.4;
	}
.tbl th.hide,
.tbl td.hide{
	display:none;
	}
.tbl th.empty,
.tbl td.empty{
	background-color:#FFF;
	}
.thtdBlock th,
.thtdBlock td{
	display: block;
	width:100%;
	}

/* background */
.tbl tr.bg1 td,
.tbl td.bg1{background-color:#E5E5E5;}
.tbl tr.bg2 td,
.tbl td.bg2{background-color:#EFEFEF;}
.tbl tr.bg3 td,
.tbl td.bg3{background-color:#F5F5F5;}
.tbl tr.bg4 td,
.tbl td.bg4{background-color:#F7C8CF;}

/* border */
.tbl td.bt5{border-top:solid 3px #FFF !important;}
.tbl td.br5{border-right:solid 3px #FFF !important;}
.tbl td.bb5{border-bottom:solid 3px #FFF !important;}
.tbl td.bl5{border-left:solid 3px #FFF !important;}

/* text-align */
.tbl th.right,
.tbl td.right{ text-align:right !important;}
.tbl th.left,
.tbl td.left{ text-align:left !important;}

.tbl th .kome,
.tbl td .kome{
	font-size: 10px;
	text-indent:0;
	padding-left:0;
	}

/*■TABLE#1*/
.tbl01t th{
	background-color:#F7C8CF;
	border-right:solid 3px #FFF;
	}
.tbl01t td{
	width:auto;
	text-align:left;
	}
.tbl01y th,
.tbl01y td{
	border-right:solid 3px #FFF;
	}
.tbl01y th:last-child,
.tbl01y td:last-child{
	border-right:0;
	}
.tbl01y th.br5,
.tbl01y td.br5{
	border-right:solid 3px #FFF !important;
	}
.tbl01y th{
	background-color:#F7C8CF;
	}
.tbl01y td{
	}

/*■TABLE#2*/
.tbl02t th{
	border-right:solid 3px #FFF;
	background-color:#E5E5E5;
	}
.tbl02t td{
	width:auto;
	text-align:left;
	}
.tbl02t td{
	width:auto;
	text-align:left;
	}
.tbl02y th,
.tbl02y td{
	border-right:solid 3px #FFF;
	}
.tbl02y th:last-child,
.tbl02y td:last-child{
	border-right:0;
	}
.tbl02y th.br5,
.tbl02y td.br5{
	border-right:solid 3px #FFF !important;
	}
.tbl02y th{
	background-color:#E5E5E5;
	}
.tbl02y td{
	}

/*■TABLE#3*/
.tbl03t th{
	border-right:solid 3px #FFF;
	text-align:center;
	background-color:#E5E5E5;
	}
.tbl03t td{
	background-color:#FFF;
	}
.tbl03t td input[type="text"],
.tbl03t td input[type="email"],
.tbl03t td input[type="url"],
.tbl03t td input[type="tel"],
.tbl03t td input[type="number"]{
	padding:0 5px;
	border:solid 1px #666;
	box-sizing:border-box;
	height:40px;
	font-size: 14px;
	}
.tbl03t td input[type="text"]:focus,
.tbl03t td input[type="text"].focus,
.tbl03t td input[type="email"]:focus,
.tbl03t td input[type="email"].focus,
.tbl03t td input[type="url"]:focus,
.tbl03t td input[type="url"].focus,
.tbl03t td input[type="tel"]:focus,
.tbl03t td input[type="tel"].focus,
.tbl03t td input[type="number"]:focus,
.tbl03t td input[type="number"].focus,
.tbl03t td textarea:focus{
	border:solid 1px #F091A0;
	outline:solid 1px #FFF;
	}
.tbl03t td select{
	width:auto;
	padding:0 5px;
	box-sizing:border-box;
	height:40px;
	box-sizing:border-box;
	font-size: 14px;
	}
.tbl03t td textarea{
	padding:5px;
	box-sizing:border-box;
	}

/* 	7.1.6 - カラム
---------------------------------------------------------- */
.col{
	width:100%;
	overflow:hidden;
	margin-bottom:0;
	}
.test .col{
	margin-bottom:40px;
	}
.col > div{
	float:none;
	}
.test .col > div{
	min-height:200px;
	background-color:#EEE;
	}
.col > div > div{
	margin-bottom:0;
	}
.col > div .img{
	text-align:center;
	margin:0;
	}
.col > div img{
	width:100%;
	height:auto;
	}

/*■2カラム */
.col2 > div{
	width:100%;
	margin-bottom:15px;
	}
.col2 > div:nth-child(2n-1){
	margin-right:0;
	}

/*■3カラム */
.col3 > div{
	width:100%;
	margin-bottom:15px;
	}
.col3 > div:nth-child(3n-1){
	margin:0 0 15px 0;
	}
/*■3カラム(2) */
.col3-2 > div{
	width:100%;
	margin-bottom:15px;
	}
.col3-2 > div:nth-child(1){
	margin:0 0 15px 0;
	}
/*■3カラム(1) */
.col3-1 > div{
	width:100%;
	margin:0 0 0 0;
	}

/* col3_1-2 */
.col3_1-2 > div{
	width:100% !important;
	margin:0;
	text-align:center;
	}
.col3_1-2 img{
	width:100%;
	height:auto;
	margin-bottom:20px;
	}
/*.col3_1-2 > div:nth-child(2n-1){
	width:100%;
	margin:0 0 15px 0;
	}
.col3_1-2 > div:nth-child(2n){
	width:100%;
	margin-bottom:15px;
	}*/

/* col3_2-1 */
.col3_2-1 > div:nth-child(2n-1){
	width:100%;
	margin:0 0 15px 0;
	}
.col3_2-1 > div:nth-child(2n){
	width:100%;
	margin-bottom:15px;
	}

/*■4カラム */
.col4 > div{
	width:100%;
	margin-bottom:15px;
	}
.col4 > div:nth-child(odd){
	margin-right:0;
	}
.col4 > div:nth-child(even){
	margin-right:0;
	}
.col4 > div:nth-child(4n){
	margin-right:0;
	}

/* col4_1-3 */
.col4_1-3 > div:nth-child(2n-1){
	width:100%;
	margin:0 0 15px 0;
	}
.col4_1-3 > div:nth-child(2n){
	width:100%;
	}

/* col4_3-1 */
.col4_3-1 > div:nth-child(2n-1){
	width:100%;
	margin:0 0 15px 0;
	}
.col4_3-1 > div:nth-child(2n){
	width:100%;
	}

/* col4_1-2-1 */
.col4_1-2-1 > div:nth-child(3n-2),
.col4_1-2-1 > div:nth-child(3n){
	width:100%;
	}
.col4_1-2-1 > div:nth-child(3n-1){
	width:100%;
	margin:0 0 15px 0;
	}

/*■5カラム */
.col5 > div{
	width:100%;
	margin-bottom:15px;
	}
.col5 > div:nth-child(5n-1),
.col5 > div:nth-child(5n-3){
	margin:0 0 15px 0;
	}

/* col5_1-4 */
.col5_1-4 > div:nth-child(2n-1){
	width:100%;
	margin:0 0 15px 0;
	}
.col5_1-4 > div:nth-child(2n){
	width:100%;
	}

/* col5_4-1 */
.col5_4-1 > div:nth-child(2n-1){
	width:100%;
	margin:0 0 15px 0;
	}
.col5_4-1 > div:nth-child(2n){
	width:100%;
	}


/* 	7.1.6 - カラム スマホ用
---------------------------------------------------------- */
.col_smt{
	width:100%;
	overflow:hidden;
	margin-bottom:0;
	}
.test .col_smt{
	margin-bottom:40px;
	}
.col_smt > div{
	float:left;
	padding:0 10px;
	box-sizing:border-box;
	}
.test .col_smt > div{
	min-height:200px;
	background-color:#EEE;
	border:solid 1px #AAA;
	}
.col_smt > div > div{
	}
.col_smt > div .img{
	text-align:center;
	margin:0;
	}

/*■2カラム */
.col_smt.col2 > div{
	width:50%;
	}

/*■3カラム */
.col_smt.col3 > div{
	width:33.333%;
	}

/* col3_1-2 */
.col_smt.col3_1-2 > div:nth-child(2n-1){
	width:66.666%;
	}
.col_smt.col3_1-2 > div:nth-child(2n){
	width:33.333%;
	}

/* col3_2-1 */
.col_smt.col3_2-1 > div:nth-child(2n-1){
	width:33.333%;
	}
.col_smt.col3_2-1 > div:nth-child(2n){
	width:66.666%;
	}

/*■4カラム */
.col_smt.col4 > div{
	width:25%;
	}

/* col4_1-3 */
.col_smt.col4_1-3 > div:nth-child(2n-1){
	width:25%;
	}
.col_smt.col4_1-3 > div:nth-child(2n){
	width:75%;
	}

/* col4_3-1 */
.col_smt.col4_3-1 > div:nth-child(2n-1){
	width:75%;
	}
.col_smt.col4_3-1 > div:nth-child(2n){
	width:25%;
	}

/* col4_1-2-1 */
.col_smt.col4_1-2-1 > div:nth-child(3n-2),
.col_smt.col4_1-2-1 > div:nth-child(3n){
	width:25%;
	}
.col_smt.col4_1-2-1 > div:nth-child(3n-1){
	width:50%;
	}

/*■5カラム */
.col_smt.col5 > div{
	width:20%;
	}

/* col5_1-4 */
.col_smt.col5_1-4 > div:nth-child(2n-1){
	width:20%;
	}
.col_smt.col5_1-4 > div:nth-child(2n){
	width:80%;
	}

/* col5_4-1 */
.col_smt.col5_4-1 > div:nth-child(2n-1){
	width:80%;
	}
.col_smt.col5_4-1 > div:nth-child(2n){
	width:20%;
	}


/* 	7.1.7 - 画像
---------------------------------------------------------- */
/*■画像カラム 共通*/
.img_col{
	width:100%;
	margin-bottom:40px;
	overflow:hidden;
	}
.img_col p,
.img_col li{
	float:left;
	text-align:center;
	margin-bottom:15px;
	}
.img_col img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

/*■画像 1カラム */
.img_col1 p{
	width:100%;
	margin-bottom:40px;
	}

/*■画像 2カラム */
.img_col2{
	width:100%;
	max-width:460px;
	margin:0 auto 40px auto;
	}
.img_col2 p,
.img_col2 li,
.img_col2 img{
	width:100%;
	}
.img_col2 img{
	max-width:460px;
	}
.img_col2 p:nth-child(2n-1),
.img_col2 li:nth-child(2n-1),
.img_col2 > img:nth-child(2n-1){
	margin-right:0;
	}
.img_col2 > img:nth-child(2n-1){
	margin-bottom:15px;
	}

/*■画像 3カラム */
.img_col3{
	width:100%;
	max-width:635px;
	margin:0 auto 40px auto;
	}
.img_col3 p,
.img_col3 li,
.img_col3 img{
	width:100%;
	max-width:310px;
	}
.img_col3 p:nth-child(3n-2),
.img_col3 li:nth-child(3n-2){
	margin:0 15px 15px 0;
	}
.img_col3 > img:nth-child(3n-1){
	margin:0 0 15px 0;
	}
.img_col3 > img:nth-child(3n-2){
	margin:0 15px 15px 0;
	}
@media screen and (max-width:665px){
.img_col3 p,
.img_col3 li,
.img_col3 img{
	max-width: inherit;
	}
.img_col3 p,
.img_col3 li{
	margin:0 0 15px 0;
	}
.img_col3 > img{
	margin:0;
	}
}

/*■画像 4カラム */
.img_col4 {
	width:100%;
	max-width:475px;
	margin:0 auto 40px auto;
	}
.img_col4 p,
.img_col4 li,
.img_col4 img{
	width:100%;
	max-width:230px;
	}
.img_col4 p:nth-child(odd),
.img_col4 li:nth-child(odd),
.img_col4 > img:nth-child(odd){
	margin-right:15px;
	}
.img_col4 p:nth-child(even),
.img_col4 li:nth-child(even),
.img_col4 > img:nth-child(even){
	margin-right:0;
	}
.img_col4 p:nth-child(4n),
.img_col4 li:nth-child(4n),
.img_col4 > img:nth-child(4n){
	margin-right:0;
	}
.img_col4 > img{
	margin-bottom:15px !important;
	}
@media screen and (max-width:505px){
.img_col4 p,
.img_col4 li,
.img_col4 img{
	max-width: inherit;
	}
.img_col4 p,
.img_col4 li{
	margin:0 0 15px 0;
	}
.img_col4 > img{
	margin:0;
	}
}

/*■画像 5カラム */
.img_col5 {
	width:100%;
	max-width:570px;
	margin:0 auto 40px auto;
	}
.img_col5 p,
.img_col5 li,
.img_col5 img{
	width:100%;
	max-width:180px;
	}
.img_col5 p:nth-child(5n-4),
.img_col5 li:nth-child(5n-4),
.img_col5 > img:nth-child(5n-4){
	margin:0 15px 0 0;
	}
.img_col5 p:nth-child(5n-3),
.img_col5 li:nth-child(5n-3),
.img_col5 > img:nth-child(5n-3){
	margin:0 15px 0 0;
	}
.img_col5 p:nth-child(5n-3),
.img_col5 li:nth-child(5n-3),
.img_col5 > img:nth-child(5n-3){
	margin:0 15px 0 0;
	}
.img_col5 p:nth-child(5n-1),
.img_col5 li:nth-child(5n-1),
.img_col5 > img:nth-child(5n-1){
	margin:0 15px 0 0;
	}
.img_col5 > img{
	margin-bottom:15px !important;
	}
@media screen and (max-width:600px){
.img_col5 {
	max-width: 375px;
	}
.img_col5 p:nth-child(5n-4),
.img_col5 li:nth-child(5n-4),
.img_col5 > img:nth-child(5n-4){
	margin:0 15px 15px 0;
	}
.img_col5 p:nth-child(5n-3),
.img_col5 li:nth-child(5n-3),
.img_col5 > img:nth-child(5n-3){
	margin:0 0 15px 0;
	}
.img_col5 p:nth-child(5n-2),
.img_col5 li:nth-child(5n-2),
.img_col5 > img:nth-child(5n-2){
	margin:0 15px 15px 0;
	}
.img_col5 p:nth-child(5n-1),
.img_col5 li:nth-child(5n-1),
.img_col5 > img:nth-child(5n-1){
	margin:0 0 15px 0;
	}
.img_col5 > img{
	margin-bottom:15px !important;
	}
}
@media screen and (max-width:405px){
.img_col5 p,
.img_col5 li,
.img_col5 img{
	max-width: inherit;
	}
}

/*■画像460*/
.imgBox_460{
	width:100%;
	margin:0 auto 80px auto;
	}
.imgBox_460 .img{
	width:100%;
	margin-bottom:20px;
	text-align:center;
	}
.imgBox_460 .img img{
	width:100%;
	max-width:460px;
	height:auto;
	}
.imgBox_460 h3{
	margin-bottom: 10px;
	}
.imgBox_460 .txt{
	}

/*■画像310*/
.imgBox_310{
	width:100%;
	margin:0 auto 80px auto;
	}
.imgBox_310 .img{
	width:100%;
	margin-bottom:20px;
	text-align:center;
	}
.imgBox_310 .img img{
	width:100%;
	/*max-width:310px;*/
	height:auto;
	}
.imgBox_310 h3{
	margin-bottom: 10px;
	}
.imgBox_310 .txt{
	}
/* leftBox
.imgBox_310.leftBox:nth-child(3n-1){
	margin:0 15px;
	}
	*/

/*■画像230*/
.imgBox_230{
	width:100%;
	margin:0 auto 80px auto;
	}
.imgBox_230 .img{
	width:100%;
	margin-bottom:20px;
	text-align:center;
	}
.imgBox_230 .img img{
	width:100%;
	/*max-width:230px;*/
	height:auto;
	}
.imgBox_230 h3{
	margin-bottom: 10px;
	}
.imgBox_230 .txt{
	}
/* leftBox */
.imgBox_230.leftBox:nth-child(odd){
	margin-right:13px;
	}
.imgBox_230.leftBox:nth-child(even){
	margin-right:14px;
	}
.imgBox_230.leftBox:nth-child(4n){
	margin-right:0;
	}

/*■画像180*/
.imgBox_180{
	width:180px;
	margin:0 auto 80px auto;
	}
.imgBox_180 .img{
	width:100%;
	margin-bottom:20px;
	text-align:center;
	}
.imgBox_180 .img img{
	width:100%;
	/*max-width:180px;*/
	height:auto;
	}
.imgBox_180 h3{
	margin-bottom: 10px;
	}
.imgBox_180 .txt{
	}
/* leftBox */
.imgBox_180.leftBox:nth-child(5n-1),
.imgBox_180.leftBox:nth-child(5n-3){
	margin:0 15px;
	}


/* 	7.1.8 - ページ送り
---------------------------------------------------------- */
ul.pageNav {
	margin:80px 0 0 0;
	padding: 10px 0;
	text-align: center;
}
ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
ul.pageNav li span,
ul.pageNav li a {
	display: inline-block;
	padding: 7px 13px;
	text-decoration: none;
	vertical-align: middle;
	font-size: 12px;
	color:#333 !important;
	background-color: #CCC;
}
ul.pageNav li span {
	color: #FFF !important;
	background-color: #999;
}
ul.pageNav li a:hover {
	color: #FFF !important;
	background-color: #F7C8CF;
}

ul.pageNav li.prev a,
ul.pageNav li.next a {
	background-color: #EEE;
}
ul.pageNav li.prev a:hover,
ul.pageNav li.next a:hover {
	color: #EA6182 !important;
}
ul.pageNav li.prev span,
ul.pageNav li.next span{
	visibility:hidden;
}


/* 	7.1.9 - ボタン
---------------------------------------------------------- */
#contents .btn_txt{
	box-sizing:border-box;
	text-align:center;
}
#contents .btn_txt a,
#contents .btn_txt span{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	border-radius:6px;
	box-sizing:border-box;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
  font-size: 16px;
	background-color: #eb6d87;
	background-image: url(../images/icon_btn_1.png);
	background-position: 92% center;
	background-repeat:no-repeat;
 /* -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;*/
}

#contents .btn_txt_d a {
	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	border-radius:4px;
	box-sizing:border-box;
	text-align:center;
	color:#eb6d87 !important;
	text-decoration:none;
  font-size: 18px;
	background-color: #ffffff;
	border:1px solid #eb6d87;
	background-image: url(../images/detail_arrow2.svg);
	background-position: 92% center;
	background-repeat:no-repeat;
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
}

#contents .btn_txt_r a{
	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	border-radius:4px;
	box-sizing:border-box;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
  font-size: 18px;
	background-color: #eb6d87;
	background-image: url(../images/reserve_arrow.svg);
	background-position: 92% center;
	background-repeat:no-repeat;
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
}

/* #contents .btn_txt a:visited{
	color:#FFF !important;
} */
#contents .btn_txt a:hover,
#contents .btn_txt span:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	background-position: 94% center;
}

/* サイズ小 */
#contents .btn_s{
	width:140px;
	height:40px;
	margin:40px auto;
	}
#contents .btn_s a{
	height:40px;
  border-radius:4px;
	line-height:40px;
	font-size: 12px;
	}

/* サイズ中 */
#contents .btn_m{
	width:210px;
	height:47px;
	margin:40px auto;
	}
#contents .btn_m a{
	height:47px;
	line-height:47px;
	font-size: 16px;
	background-image: url(../images/reserve_arrow.svg);
	}

/* サイズ大 */
#contents .btn_l{
	width: 290px;
	height: 60px;
	margin:30px auto;
	}
#contents .btn_l a{
	height:60px;
	line-height:60px;
	font-size: 20px;
	background-image: url(../images/reserve_arrow.svg);
	}


/* 	7.1.10 - テキストリンク
---------------------------------------------------------- */
/* linkBox */
.linkBox{
	}
.linkBox a,
a.linkBox{
	display:block;
	width:auto;
	height:60px;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
	border:solid 1px #CCC;
	font-size: 20px;
	/*-webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;*/
	}
.linkBox a:hover,
a.linkBox:hover{
	color:#FFF !important;
	text-decoration:none;
	background-color:#F7C8CF;
	}

/* linkBoxBG */
.linkBoxBG a,
a.linkBoxBG{
	display:block;
	width:auto;
	padding:20px;
	box-sizing:border-box;
	font-size: 18px;
	background-color:#EFEFEF;
	/*-webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;*/
	}
.linkBoxBG a:hover,
a.linkBoxBG:hover{
	color:#FFF !important;
	text-decoration:none;
	background-color:#F7C8CF;
	}

.linkBoxBG{
	display:table;
	margin-bottom:20px;
	}
.linkBoxBG a{
	display:table-cell;
	vertical-align:middle;
	}
.linkBoxBG a img{
	margin:0 5px 2px 0;
	vertical-align:middle;
	}

/* linkBox2 */
.linkBox2{
	}
.linkBox2 a,
a.linkBox2{
	display:block;
	width:auto;
	padding:15px 20px;
	box-sizing:border-box;
	font-size: 16px;
	background-color:#EFEFEF;
	/*-webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;*/
	}
.linkBox2 a:hover,
a.linkBox2:hover{
	color:#FFF !important;
	text-decoration:none;
	background-color:#F7C8CF;
	}


/* 	7.1.11 - 学科ページ用パーツ
---------------------------------------------------------- */
/* pickupBox */
.pickupBox{
  position: relative;
  margin-bottom: 30px;
  padding: 25px 35px;
  /*border:solid 1px #092e4d;
  border-radius: 10px;*/
  box-sizing: border-box;
  background-color: #fff;
}
.pickupBox h2{
  position: absolute;
  top: -10px;left: 0;right: 0;
  width: 110px;
  height: 19px;
  margin: auto;
}


/* pickupBox_about */
.pickupBox_about{
  position: relative;
  margin-bottom: 30px;
  padding: 25px 35px;
  /*border:solid 1px #ee869b;
  border-radius: 10px;*/
  box-sizing: border-box;
  background-color: #fff;
}
.pickupBox_about:after{
  display: block;
  content: '';
  clear: both;
}
.pickupBox_about h2{
  position: absolute;
  top: -49px;left: -7px;
  width: 165px;
  height: 80px;
}
.pickupBox_about .txtBox{
  width: 100% !important;
  margin-bottom: 10px !important;
}
.pickupBox_about .txtBox h3{
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #ee869b;
}
.pickupBox_about .txtBox .txt{
  margin-bottom: 0;
  font-size: 14px;
}
.pickupBox_about .img{
  text-align: center;
}
.pickupBox_about .img img{
  max-width: 480px;
}

/* snapBox */
.snapBox{
  position: relative;
  margin-bottom: 30px;
  padding: 25px 35px;
  border:solid 1px #ee869b;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.snapBox h2{
  position: absolute;
  top: -34px;left: -7px;
  width: 122px;
  height: 64px;
}

/* studentvoiceBox */
.studentvoiceBox{
  position: relative;
  width: 100%;
  padding-top: 25px;
  border:solid 1px #ccc;
  /*border-radius: 10px;*/
  box-sizing: border-box;
  background-image: none !important;
  background-color: #f6f7c9;
}
.studentvoiceBox:after{
  display: block;
  content: '';
  clear: both;
}
.studentvoiceBox h2{
  position: absolute;
  top: -27px;left: 0;right: 0;
  width: 230px;
  height: 47px;
  margin: auto;
}
.studentvoiceBox .img{
  margin-bottom: 0;
  text-align: center;
}
.studentvoiceBox .img img{
  width: 100%;
  max-width: 160px;
  height: auto;
}
.studentvoiceBox .txt{
  padding: 10px 20px 20px;
  color: #21476b;
}
.studentvoiceBox .txt dt{
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
.studentvoiceBox .txt dd{
  margin-bottom: 10px;
  font-size: 13px;
}
.studentvoiceBox .txt p{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.studentvoiceBox .txt p span{
  display: block;
  text-indent: -.5em;
  font-size: 12px;
}

/* messageBox */
.messageBox{
  position: relative;
  margin-bottom: 60px;
  padding: 20px 20px;
  border: solid 2px #092e4d;
  border-radius: 20px;
  box-sizing: border-box;
  background-color: #fff;
}
.messageBox:after{
  display: block;
  content: '';
  clear: both;
}
.messageBox h2{
  position: absolute;
  top: -15px;left: 0;right: 0;
  width: 220px;
  height: 28px;
  margin: auto;
  background-color: #fff;
}
.messageBox .img{
  margin-bottom: 10px;
  text-align: center;
}
.messageBox .img img{
  width: 100%;
  max-width: 200px;
  height: 0;
}
.messageBox .txt{
}
.messageBox .txt dt{
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.messageBox .txt dd{
  margin-bottom: 10px;
  font-size: 14px;
}
.messageBox .txt p{
  font-size: 14px;
  text-align: center;
}
/**********************************************/