@charset "utf-8";

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

Copyright (C) apricot-design All Rights Reserved.
------------------------------------------------------------
CSS information
 file name  :  layout.css
 style info :  レイアウトファイル
 admin info :  apricot-design

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


/*
0:セット
------------------------------------------------------------
*/
@font-face {
font-family: "genjuu";
  src: url(../webfont/GenJyuuGothicLMonospaceBold.eot) format("eot"), url(../webfont/GenJyuuGothicLMonospaceBold.woff) format("woff");
}
@font-face {
font-family: "capriola";
  src: url(../webfont/capriola.eot) format("eot"), url(../webfont/capriola.woff) format("woff");
}
/*
 * "はんなり明朝" licensed under the IPA Font License Agreement v1.0
 * http://typingart.net/
 * http://ipafont.ipa.go.jp/
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */
@font-face {
    font-family: 'Hannari-yoko';
    src: url('../webfont/Hannari-yoko.otf') format('opentype'),
    url('../webfont/Hannari-yoko.woff') format('woff');
}
@font-face {
  font-family: "fontawesome";
  src: url('../webfont/fontawesome-webfont.eot');
  src: url('../webfont/fontawesome-webfont.eot?#iefix') format('eot'),
       url('../webfont/fontawesome-webfont.woff') format('woff'),
       url('../webfont/fontawesome-webfont.ttf') format('truetype'),
       url('../webfont/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	color: #4c1815;
	font-size: 13px;
	line-height: 180%;
	text-align: left;
	letter-spacing: 1px;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: "メイリオ",Meiryo,"Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #6dba3e;
	transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
a:hover {
	color: #eb6573;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}
.opacity:hover{
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	-webkit-opacity:0.5;
	opacity:0.5;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


/*
1：全体のレイアウト
------------------------------------------------------------
*/
#containerWrap {
	border-top:10px solid #133377;
}
header {
	overflow: hidden;
	clear:both;
	background: url(../images/textureBg.jpg) repeat;
}
.headerBox {
	width: 1100px;
	padding: 10px 0px 5px;
	margin: 0 auto 0;
	overflow: hidden;
	clear:both;
}
#headerLeft {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 515px;
}
#headerRight {
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 510px;
}
.topHeadContent{
	padding: 30px;
	position: absolute;
	top: 10%;
	left: 10%;
	z-index: 1;
	line-height: 1.8;
	background: url(../images/headcontentBg) repeat;
}
.topHeadContent li{
	font-family: 'Hannari-yoko';
	font-size: 246%;
	color:#fff;
}
.topHeadContent .blueberry .pager{
	display: none;
}
#container {
	overflow: hidden;
	clear:both;
	width: 100%;
	margin: 0 auto;
}
#content {
	padding: 0 0 0 0;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}
#main {
	float: left;
	width: 75%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	overflow: hidden;
}
#mainone {
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 50px 0;
	clear: both;
}
#topMain {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	overflow: hidden;
}
#topLeft{
	width:50%;
	float:left;
	overflow:hidden;
}
#topRight{
	width: 50%;
	float:right;
	overflow:hidden;
}
#sub {
	float: right;
	width: 22%;
	padding: 15px 10px;
	margin: 0 0 0 0;
	overflow: hidden;
	box-sizing: border-box;
	background: url(../images/subBg.png) no-repeat;
	background-size: 100% 100%;
}
#footerWrap {
	clear: both;
	width: 100%;
	padding: 25px 0;
	background: #6dba3e;
	overflow: hidden;
}
.fTopInner{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
#footer {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
}
#footerTop{
	padding: 15px 0 8px;
	background: url(../images/textureBg.jpg) repeat;
}
#footerTopLeft{
	float: left;
	width: 515px;
}
#footerTopRight{
	float: Right;
	width: 515px;
}
.footerBox {
	width: 100%;
	overflow: hidden;
}
.fBox{
	float: left;
	margin: 0 94px 0 0;
	overflow: hidden;
}
.fBox.lastChild{
	margin: 0;
}
.fTi{
	color: #fff;
	border:1px solid #fff;
	text-align: center;
	margin: 0 0 15px;
	padding: 10px 0;
}
.footerLeft {
	float: left;
	width: 50%;
}
.footerRight {
	float: right;
	text-align: right;
	width: 50%;
}
.secound {
	clear: both;
	width: 1100px;
	margin: 0 auto;
	height: 90px;
	background: url(../images/secoundBg.png) no-repeat 0 0;
	padding-bottom: 25px;
}
.section {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
.sectionC {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
	text-align:center;
}
.sectionW {
	padding: 45px 0;
	clear: both;
	overflow: hidden;
}
.sectionWtop15 {
	padding: 15px 0 45px;
	clear: both;
	overflow: hidden;
}
.sectionPale {
	padding: 45px 0;
	background: #fcf5f5;
	clear: both;
	overflow: hidden;
}
.sectionDot {
	padding: 45px 0;
	background: url(../images/dotgreenBg.png);
	clear: both;
	overflow: hidden;
}
.sectionBorderBottomGr {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom:1px dashed #6dba3e;
	clear: both;
	overflow: hidden;
}

.sideSection {
	width: 100%;
	margin-bottom: 30px;
}
.sideContact {
	text-align: center;
	margin-bottom: 30px;
}
article {
}
.inner{
	width: 1100px;
	margin: 0 auto;
}
.inner::after {
    content: '';
    display: block;
    clear: both;
}
.innerOverall{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 1100px){
	.innerOverall{
		width: 1100px;
		margin: 0 auto;
		overflow: hidden;
	}
}
.innerIn{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}


/*
4:ナビゲーション系
------------------------------------------------------------
*/
#gnavi {
	margin: 0px auto;
    padding: 15px 0;
    clear: both;
    text-align: center;
    background: #6dba3e;
    overflow: hidden;
}
#gnavi ul{
	width: 1100px;
	margin: 0 auto;
}
#gnavi li {
	float: left;
    padding: 0 10px 0 34px;
    text-align: center;
    border-right: 1px dashed #fff;
	font-size:115%;
}
.gicon01{ background: url(../images/gicon01.png) no-repeat; }
.gicon02{ background: url(../images/gicon02.png) no-repeat; }
.gicon03{ background: url(../images/gicon03.png) no-repeat; }
.gicon04{ background: url(../images/gicon04.png) no-repeat; }
.gicon05{ background: url(../images/gicon05.png) no-repeat; }
.gicon06{ background: url(../images/gicon06.png) no-repeat; }
.gicon07{ background: url(../images/gicon07.png) no-repeat; }
.gicon01,
.gicon02,
.gicon03,
.gicon04,
.gicon05,
.gicon06,
.gicon07{
	background-size: auto 20px;
	background-position: 7px 0;
}
/*#gnavi li:nth-child(1) {
	padding: 0 7px 0 0;
}*/
#gnavi li:last-child {
	padding: 0 0 0 32px;
}
#gnavi li a{
	color: #fff;
}
#gnavi li:last-child {
	border-right: none;
}
.gnavifixed{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
.logo {
	text-align:left;
}
.gsc-branding, .gcsc-branding{
	display: none !important;
}

ul.snsNavi{
	float: right;
}
ul.snsNavi li{
	float: left;
	margin: 0 0 0 5px;
}
ul.hNavi {
	float: right;
    width: 100%;
    letter-spacing: -0.5em;
    margin: 8px 0 0;
}
ul.hNavi li {
	display: inline-block;
    font-size: 92%;
    text-align: center;
    letter-spacing: normal;
    width: 50%;
    vertical-align: top;
	line-height: 1.2;
}
.telTop{
	font-size: 83%;
    font-weight: 700;
    display: block;
    margin: 0 0 -18px;
}
.telMiddle{
	font-family: 'capriola';
	font-size: 233%;
}
.telBottom{
	font-size:83%;
}
.gsc-control-cse{
	float: right;
	padding: 0 !important;
	background: inherit !important;
	border: none !important;
	width: 300px !important;
}
ul.fNavi {
	float: right;
    width: 100%;
    letter-spacing: -0.5em;
}
ul.fNavi li {
	display: inline-block;
    font-size: 92%;
    text-align: center;
    letter-spacing: normal;
    width: 50%;
    vertical-align: top;
    line-height: 1.2;
}
ul.fList{
	margin: 0 0 -10px 0;
}
ul.fList li{
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	background: url(../images/arrow_flist.png) no-repeat left 5px;
}
ul.fList li a{
	text-decoration: none;
	color: #fff;
	transition: all .3s;
}
ul.fList li a:hover{
	color: #eb6573;
}
ul.fList2 {
	margin: 0 -2% 0 0;
	overflow: hidden;
}
ul.fList2 li{
	width: 48%;
	width:calc(100% / 2 - 2%);
	margin: 0 2% 0 0;
	float: left;
}
ul.fList2 li ul{
	margin: 0 0 -10px 0;
}
ul.fList2 li ul li{
	width: 100%;
	margin: 0 30px 5px 0;
	padding: 0 0 0 20px;
	float: none;
	background: url(../images/arrow_flist.png) no-repeat left 7px;
	box-sizing: border-box;
}
ul.fList2 li ul li a{
	color: #fff;
	text-decoration: none;
	transition: all .3s;
}
ul.fList2 li ul li a:hover{
	color: #eb6573;
}

/*
5:div
------------------------------------------------------------
*/

.leftCol {
	float:left;
	width: 46%;
	overflow: hidden;
}
.rightCol {
	float:right;
	width: 46%;
	overflow: hidden;
}
.leftBox {
	float: left;
	padding: 2%;
	width: 46%;
}
.rightBox {
	padding: 2%;
	width: 46%;
	float: right;
}
.lftBox360{
	width: 360px;
	float: left;
	overflow: hidden;
}
.lftBox430{
	width: 430px;
	float: left;
	overflow: hidden;
}
.leftBox545{
	width: 545px;
	float: left;
	overflow: hidden;
}
.rightBox425{
	width: 425px;
	float: right;
	overflow: hidden;
}
.leftBox600{
	width: 600px;
	float: left;
	overflow: hidden;
}
.rightBox350{
	width: 350px;
	float: right;
	overflow: hidden;
}

.topLeftBox{
	padding: 35px 25px 45px 20px;
    margin: 0 0 40px;
	box-sizing: border-box;
	background: url(../images/info_l.png)no-repeat top 35px left 32%,url(../images/info_r.png)no-repeat top 20px right 30%,url(../images/bg_img.jpg);
	position: relative;
}
.topRightBox{
	padding: 15px 25px 65px 20px;
	box-sizing: border-box;
	background: url(../images/news_l.png)no-repeat top left 37%,url(../images/news_r.png)no-repeat top right,url(../images/bg_img.jpg);
	position: relative;
}
.topLeftBox::before,
.topRightBox::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
    background: url(../images/topTiBg.png);
}
.topLeftBox .btn{
    max-width: 184px;
}
.briefintTop{
	margin: 0 0 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px dashed #133377;
}

.ate {
	padding:15px;
	border: 1px dotted #1d1d1d;
}
.box {
	padding: 15px;
	background: #F7F7F7;
}
.mainImg {
	position: relative;
    max-height: 500px;
    overflow: hidden;
}
.map {
	padding: 20px 0;
}
.headCenter{
	text-align: center;
	line-height: 1.8;
	font-weight: 700;
}
.whitebox{
	padding: 3%;
	background:#fff;
	overflow: hidden;
}
.grBox{
	padding: 3%;
	background:#f5f5f5;
	overflow: hidden;
}
.pickupBox{
	border: 2px solid #eb6573;
	padding: 1.5% 3%;
	margin-bottom:20px;
}
.lightBeigeBox{
	padding: 3%;
	background:#fcf5f5;
	overflow: hidden;
	border: 1px solid #6dba3e;
}
.blueBox{
	padding: 3%;
	background:#c7e0ff;
	overflow: hidden;
}
.grnBoBox{
	padding: 3%;
	background: url(../images/dotgreenBg.png) repeat;
	overflow: hidden;
	border: 1px solid #6dba3e;
}

/*
6:ul
------------------------------------------------------------
*/
ul.bnrList {
	margin: 0 -30px -15px 0;
	overflow:hidden;
}
ul.bnrList li {
	width: 485px;
	width: calc(100% / 2 - 30px);
	float:left;
	margin: 0 30px 15px 0;
}
ul.menu {
}
ul.menu li a {
	display:block;
	margin:0 auto;
	padding:7px 0 7px 10%;
	background:#FFF url(../images/righty.png) no-repeat 5% center;
	text-decoration:none;
	background-size: 10px;
}
ul.menu li a:hover {
	text-decoration: none;
}
ul.blogList {
	margin-bottom: 30px;
}
ul.blogList li {
	padding-bottom: 12px;
	border-bottom: 1px dotted #666;
	margin-bottom: 12px;
	padding:7px 0 7px 10%;
	background:#FFF url(../images/righty.png) no-repeat 5% center;
	text-decoration:none;
	background-size: 10px;
}
ul.worksList {
	overflow: hidden;
	margin-bottom: 30px;
	margin-right: -40px;
}
ul.worksList li{
	width: 214px;
	float: left;
	margin-right: 40px;
	line-height: 1.6em;
}
ul.worksList li img{
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
}
ul.infoList {
	padding: 0;
	margin: 0 0 15px;
}
ul.infoList li {
	background: url(../images/arrow_bright.png) no-repeat 5px 4px/4px;
	border-bottom: 1px dashed #133377;
	text-decoration:none;
	padding: 0 0 6px 20px;
	margin: 0 0 10px;
	line-height: 1.5;
	overflow: hidden;
	font-size: 1.2em;
}
ul.infoList li span:nth-child(2){
	overflow: hidden;
    display: block;
}
ul.infoList li:hover {
	background: url(../images/arrow_gright.png) no-repeat 5px 4px;
}
ul.infoList li a{
	text-decoration: none;
	transition: all .3s;
}
ul.infoList li a:hover{
	color: #4AC95D;
}
ul.infoList2 {
	padding: 0;
	margin: 0 0 15px;
}
ul.infoList2 li {
	border-bottom: 1px dashed #6dba3e;
	text-decoration:none;
	padding: 15px 0 15px;
	line-height: 1.5;
	overflow: hidden;
}
ul.infoList2 li a{
	text-decoration: none;
	transition: all .3s;
}
ul.infoList2 li a:hover{
	color: #4AC95D;
}
ul.basicList {
	margin-bottom: 2em;
}
ul.basicList li {
	padding: 0 0 5px 20px;
	background:#FFF url(../images/righty.png) no-repeat 5% center;
	text-decoration:none;
	background-size: 10px;
	margin-bottom: 5px;
}
ul.photo {
	clear:both;
	margin-right: -22px;
}
ul.photo li {
	float:left;
	margin-right: 22px;
	margin-bottom: 20px;
	width: 225px;
}
ul.photo li img {
	width: 225px;
	height: auto;
}
ul.photoList {
	clear:both;
	margin: 0 -4% 0 0;
	overflow: hidden;
}
ul.photoList li {
	width: 23.5%;
	width: calc(100% / 4 - 2%);
	height: 150px;
	float:left;
	margin: 0 2% 2% 0;
	line-height: 1.6em;
	overflow: hidden
}
ul.photoList li img {
	width: 100%;
	height: auto;
}
ul.photoList2 {
	clear:both;
	margin-right: -2%;
}
ul.photoList2 li {
	float:left;
	margin-right: 2%;
	margin-bottom: 30px;
	width: 23%;
	line-height: 1.6em;
}
ul.photoList2 li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
ul.photoList3 {
	clear:both;
	margin-right: -30px;
}
ul.photoList3 li {
	float:left;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 230px;
	line-height: 1.6em;
}
ul.photoList3 li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
ul.subList {
	margin-bottom: 30px;
	margin-right: -2%;
}
ul.subList li {
	float:left;
	width: 18%;
	margin-right: 2%;
}
ul.subList li img {
	width: 100%;
	height: auto;
}

ul.briefingList1{
	overflow: hidden;
	margin: 0 -25px -5px 0;
}
ul.briefingList1 li{
	overflow: hidden;
	margin: 0 25px 5px 0;
	float: left;
}
ul.briefingList1 li ul li{
	float: none;
}
ul.briefingList2{
	overflow: hidden;
	margin: 0 0 -5px 0;
}
ul.briefingList2 li{
	width: 100% !important;
    border: none !important;
    overflow: hidden;
    margin: 0 0 5px 0;
    padding: 0 !important;
}
ul.briefingBottomList{
	margin: 0 0 18px 0;
	letter-spacing: -0.5em;
		/* display: flex; 　オンライン説明会のため*/
	text-align: center;	/* オンライン説明会のため*/

}
ul.briefingBottomList li{
	width: 23%;
    margin: 0 2% 0 0;
    padding: 1em 0;
	border-right:1px dashed #133377;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	box-sizing: border-box;
}
ul.briefingBottomList li:last-child{
	border-right: none;
    margin: 0;
}
ul.topMenuList4{
	overflow: hidden;
	margin: 0 -2% -2% 0;
	letter-spacing: -0.5em;
}
ul.topMenuList4 li{
	width: 23.5%;
	width: calc(100% / 4 - 2%);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 2% 2% 0;
	padding: 10px;
	background: #fff;
	letter-spacing: normal;
	box-sizing: border-box;
}
ul.topMenuList4 li a{
	text-decoration: none;
	display: block;
	transition: all .3s;
	color: #4c1815;
}
ul.topMenuList42{
	overflow: hidden;
	margin: 0 -2% -2% 0;
	letter-spacing: -0.5em;
}
ul.topMenuList42 li{
	width: 23.5%;
	width: calc(100% / 4 - 2%);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 2% 2% 0;
	padding: 10px;
	background: #fff;
	letter-spacing: normal;
	box-sizing: border-box;
	height: 390px;
	position: relative;
}
ul.topMenuList42 li a{
	text-decoration: none;
	display: block;
	transition: all .3s;
}
ul.topMenuPalePinkList4{
	overflow: hidden;
	margin: 0 -2% 2% 0;
	letter-spacing: -0.5em;
}
ul.topMenuPalePinkList4 li{
	width: 23.5%;
	width: calc(100% / 4 - 2%);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 2% 2% 0;
	background: #fcf5f5;
	border-radius: 5px;
	letter-spacing: normal;
	box-sizing: border-box;
}
ul.topMenuPalePinkList4 li a{
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #4c1815;
	transition: all .3s;
}
ul.topMenuPalePinkList4 li a:hover{
	color: #6dba3e;
}
ul.topMenuPalePinkList4 li p.Ti{
	font-size: 123%;
	font-weight: 700;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
	background: url(../images/arrow_brownright.png) no-repeat left center;
}
ul.topMenuPalePinkList4 li a:hover p.Ti{
	background: url(../images/arrow_gright.png) no-repeat left center;
	background-size: 6px auto;
}
ul.schoolList{
	margin: 0 -31px -25px 0;
	letter-spacing: -0.5em;
}
ul.schoolList li{
	width: 315px;
	width: calc(100% / 3 - 30px);
	margin: 0 30px 25px 0;
	padding: 10px 10px 15px;
	border-radius: 5px;
	display: inline-block;
	letter-spacing: normal;
	background: #fff;
	vertical-align: top;
	box-sizing: border-box;

}
ul.schoolList li p.schoolListTi{
	font-size: 123%;
	font-weight: 700;
	height: 50px;
	border-bottom:1px solid #4c1815;
}
ul.schoolList li p.schoolListTi a{
	color: #4c1815;
}
ul.schoolList li p.schoolTi2{
	height: 50px;
	border-bottom:1px solid #4c1815;
	margin: 0 0 10px;
	padding: 8px 0 0;
}
ul.schoolList li p.schoolTi2 a{
	color: #4c1815;
}
ul.schoolList li dl{
	margin: 10px;
	overflow: hidden;
}
ul.schoolList li dt{
	width: 105px;
	height: 71px;
	float: left;
	clear: both;
	margin: 0  10px 0 0;
	overflow: hidden;
}
ul.schoolList li dd{
	overflow: hidden;
}
ul.schoolList li table{
	width: 100%;
	margin: 0 0 10px;
}
ul.schoolList li th{
	background: #eeeeef;
	border-right: 5px solid #fff;
	width: 30%;
	padding: 0 5px 0;
	box-sizing: border-box;
}
ul.schoolList li th:first-child{
	width: 40%;
}
ul.schoolList li th:last-child{
	border-right: none;
}
ul.schoolList li td{
}
ul.pointList{
	margin: 0 -2% 10px 0;
	letter-spacing: -0.5em;
}
ul.pointList li{
	color: #fff;
    border: 2px solid #5ba031;
    background: #6dba3e;
    width: 32%;
    width: calc(100% / 3 - 2%);
    height: 45px;
    display: inline-flex;
    vertical-align: middle;
    margin: 0 2% 0 0;
    padding: 5px 0;
    text-align: center;
    box-sizing: border-box;
    letter-spacing: normal;
    align-items: center;
    justify-content: center;
    font-size: 84%;
    line-height: 1.5;
}
ul.borderDashedList{
	margin: 0 0 30px;
	overflow: hidden;
	letter-spacing: -0.5em;
}
ul.borderDashedList li{
	width: 50%;
	height: 300px;
	padding: 30px 0 30px 30px;
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
	border-right:1px dashed #bdbdbd;
	border-bottom:1px dashed #bdbdbd;
	letter-spacing: normal;
}
ul.borderDashedList li:nth-child(even){
	border-right:none;
}
ul.borderGrList li{
	padding: 0 0 30px;
	margin: 0 0 30px;
	border-bottom:1px dashed #6dba3e;
}
ul.borderGrList li:last-child{
	border-bottom:none;
	margin: 0;
}
ul.sideMenuList li{
	margin: 0 0 10px;
}
ul.sideMenuList li a{
	padding: 0 0 0 13px;
	display: block;
	background: url(../images/arrow_sidebright.png) no-repeat left 4px;
	text-decoration:none;
}
ul.sideMenuList li a:hover{
	color: #6dba3e;
	padding: 0 0 0 13px;
	background: url(../images/arrow_sidegright.png) no-repeat left 4px;
	text-decoration:none;
}
ul.colList{
}
ul.colList li{
	margin: 0 0 25px;
}
ul.colList li a{
	padding: 2%;
	display: block;
	border:1px dashed #6dba3e;
	text-decoration: none;
	transition: all .3s;
}
ul.colList li a:hover{
	background: #f7fff2;
	border:1px solid #6dba3e;
}
ul.indexList{
	margin: 0 0 -10px 0;
	letter-spacing: -0.5em;
}
ul.indexList li{
	margin: 0 0 0 0;
	padding:0 10px 10px 0;
	width: 50%;
	font-size: 115%;
	display:inline-block;
	box-sizing: border-box;
	letter-spacing: normal;
}
ul.indexList li a{
	text-decoration:underline;
}
ul.dotList{
}
ul.dotList li{
	margin: 0 0 20px;
	padding: 2%;
	background: url(../images/dotgreenBg.png) repeat;

}
ul.experiencesCatList{
	margin: 0 -2% 0 0;
	letter-spacing: -0.5em;
}
ul.experiencesCatList li{
	margin: 0 2% 0 0;
	letter-spacing: normal;
	width: 48%;
	border:none;
	display: inline-block;
	vertical-align: top;
}
ul.experiencesCatList li dt{
	color: #6dba3e;
	font-size:107%;
	font-weight: 700;
	float: left;
	clear: both;
	width: auto;
	padding: 10px 20px;
	margin: 0;
	text-align: center;
	border:1px solid #6dba3e;
	border-radius:10px;
}
ul.experiencesCatList li dd{
	overflow: hidden;
	background: #fcf5f5;
	padding: 10px 10px;
}
ul.dateList{

}
ul.dateList li{
	margin: 0 0 10px;
}
ul.whichList{
	margin:0 -2% 0 0;
	letter-spacing:-0.5em;
}
ul.whichList li{
	margin:0 2% 2% 0;
	padding: 3%;
	width:42%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	background: #fcf5f5;
	border: 1px solid #6dba3e;
}
ul.whichList li:nth-child(2){
	color: #6dba3e;
	font-family: 'capriola', "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	font-size: 200%;
	vertical-align:middle;
	text-align:center;
	width: 10%;
	background: none;
	border: none;
}




/*
7:dl
------------------------------------------------------------
*/
dl.qa {
	overflow:hidden;
	clear:both;
}
dl.qa dt {
	background: url(../images/q.png) no-repeat 0 0;
	padding-left: 60px;
	font-size: 114%;
	font-weight:bold;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #e7e7e7;
}
dl.qa dd {
	background: url(../images/a.png) no-repeat 0 0;
	padding-left: 60px;
	margin-bottom: 40px;
}
dl.flow{
	padding:20px;
	background:#FFF;
	width:70%;
	overflow:hidden;
	margin:0 auto 20px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
dl.flow dt{
	float:left;
	margin-right:20px;
}
dl.flow dd{
	overflow:hidden;
}
dl.flow dd .flowTi{
	font-size:122%;
	font-weight:bold;
	margin-bottom:10px;
	color:#e0aa55;
}
dl.flow dd .flowTi span{
	font-size:170%;
	padding-right:7px;
}
dl.briefingList{

}
dl.briefingList dt{
	width: 71px;
	float: left;
	clear: both;
	margin: 0 13px 0 0;
}
dl.briefingList dd{
	overflow: hidden;
}
dl.studyAbroadList{
	overflow: hidden;

}
dl.studyAbroadList dt{
	overflow: hidden;
	margin: 0 0 15px;
}
dl.studyAbroadList dd{
	overflow: hidden;
}
dl.studyAbroadList dd p{
	height: 75px;
	overflow: hidden;
}
dl.studyAbroadList dd ul{
	margin: 0 0 15px 0;
}
dl.studyAbroadList dd ul li{
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background: url(../images/arrow_gright.png) no-repeat 5px 7px;
}
/*dl.studyAbroadList dd ul li:last-child{
	background: none;
	text-align: center;
	padding: 0;
}*/
dl.studyAbroadList dd ul li:hover{
	background: url(../images/arrow_pright.png) no-repeat 5px 7px;
}
/*dl.studyAbroadList dd ul li:last-child:hover{
	background: none;
}
dl.studyAbroadList dd ul li:last-child a:hover{
	color: #518b2e;
	background: #fff url(../images/arrow_gright.png) no-repeat 95% center;
}*/
dl.studyAbroadList dd ul li a{
	text-decoration: none;
	color: #518b2e;
	transition: all .3s;
}
/*dl.studyAbroadList dd ul li:last-child a{
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
	border:2px solid #518b2e;
	padding: 0 20px;
	margin: 20px 0 0;
	color: #fff;
	background: #518b2e url(../images/arrow_wright.png) no-repeat 95% center;
	transition: all .3s;
}*/
dl.studyAbroadList dd ul li a:hover{
	color:#eb6573;
}
dl.rankingList{
	overflow: hidden;
}
dl.rankingList dt{
	font-size: 123%;
	font-weight: 700;
	margin: 0 0 10px;
	overflow: hidden;
	text-align: center;
}
dl.rankingList dd{
	overflow: hidden;
}
dl.rankingList dd p{
	height: 60px;
	overflow: hidden;
}
dl.rankingList dd ul{
	border-top: 1px dashed #133377;
}
dl.rankingList dd li{
	font-weight: 700;
    width: 100%;
    padding: 15px 0 35px 50px;
    color: #133377;
    box-sizing: border-box;
    border-bottom: 1px dashed #133377;
    margin: 0;
	position: relative;
}
dl.rankingList dd li span{
	position: absolute;
	right:0;
	bottom:0;
	padding: 2px 10px;
	border-top: 1px dashed #133377;
	border-right: 1px dashed #133377;
	border-left: 1px dashed #133377;
}
dl.rankingList dd li:nth-child(1){
	background: url(../images/rank01.png) no-repeat left center;
}
dl.rankingList dd li:nth-child(2){
	background: url(../images/rank02.png) no-repeat left center;
}
dl.rankingList dd li:nth-child(3){
	background: url(../images/rank03.png) no-repeat left center;
}
dl.leftPhotoRotationList{
	padding: 11px 0;
	overflow: hidden;
}
dl.leftPhotoRotationList dt{
	float: left;
	clear: both;
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin: 0 20px 0 0;
	-weblit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
dl.leftPhotoRotationList dd{
	overflow: hidden;
}
dl.rightPhotoRotationList{
	padding: 11px 0;
	overflow: hidden;
	clear: both;
}
dl.rightPhotoRotationList dt{
	float: right;
	clear: both;
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin: 0 0 0 20px;
	-weblit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
}
dl.rightPhotoRotationList dd{
	overflow: hidden;
}
dl.rightPhotoRotationList dd.boGr{
	border-bottom:1px dashed #6dba3e;
}
dl.borderBottomDashedList{
	padding: 0 0 10px;
	margin: 0 0 10px;
	overflow: hidden;
	border-bottom: 1px dashed #bdbdbd;
}
dl.borderBottomDashedList dt{
	float: left;
	clear: both;
	margin: 0 20px 0 0;
	width: 20%;
}
dl.borderBottomDashedList dd{
	overflow: hidden;
}
dl.borderBottomDashedList:nth-child(2){
	border-bottom: none;
}


dl.sideMenu{
	overflow: hidden;
	margin:0px auto 10px;
}
dl.sideMenu dt{
	color: #fff;
	font-size: 107%;
	padding: 5px 10px;
    background: #5e302d url(../images/dropdown.png) no-repeat 96% center;
    cursor: pointer;
	border-radius: 5px;
}
dl.sideMenu dd{
	display:none;
	padding-top: 10px;
}
dl.sideMenu dt.active  {
	z-index: 3;
	background: #5e302d url(../images/dropup.png) no-repeat 96% center !important;
}

dl.sideMenuopen{
	overflow: hidden;
	margin:0px auto 10px;
}
dl.sideMenuopen dt{
	color: #fff;
	font-size: 107%;
	padding: 5px 10px;
    background: #5e302d url(../images/dropup.png) no-repeat 96% center;
    cursor: pointer;
	border-radius: 5px;
}
dl.sideMenuopen dd{
	padding-top: 10px;
}
dl.sideMenuopen dt.active  {
	z-index: 3;
	background: #5e302d url(../images/dropdown.png) no-repeat 96% center !important;
}

dl.faqList{
	overflow: hidden;
	margin: 0px auto 25px;
	padding: 5px 0 0;
}
dl.faqList dt{
	color: #133377;
	font-size: 123%;
	font-weight:700;
	padding: 10px 15px 10px 60px;
    background: url(../images/dropdownbl.png) no-repeat 96% center,url(../images/dotgreenBg.png) repeat;
    cursor: pointer;
	border-radius: 5px;
	border:1px solid #6dba3e;
	position: relative;
	margin: 0 0 20px;
}
dl.faqList dt::before{
	content:'';
	position: absolute;
	top: -5px;
	left: 20px;
	background: url(../images/q.png) no-repeat;
	width: 50px;
	height: 50px;
}
dl.faqList dd{
	display:none;
	padding: 0 10px 35px 85px;
    background: url(../images/a.png) no-repeat 20px top;
}
dl.faqList dt.active  {
	z-index: 3;
	background: url(../images/dropupbl.png) no-repeat 96% center,url(../images/dotgreenBg.png) repeat !important;
}
dl.faqList2{
	overflow: hidden;
	margin: 0px auto 25px;
	padding: 5px 0 0;
}
dl.faqList2 dt{
	color: #133377;
	font-size: 123%;
	font-weight:700;
	padding: 10px 15px 10px 60px;
    background: url(../images/dotgreenBg.png) repeat;
	border-radius: 5px;
	border:1px solid #6dba3e;
	position: relative;
	margin: 0 0 20px;
}
dl.faqList2 dt::before{
	content:'';
	position: absolute;
	top: -5px;
	left: 20px;
	background: url(../images/q.png) no-repeat;
	width: 50px;
	height: 50px;
}
dl.faqList2 dd{
	padding: 0 10px 35px 85px;
    background: url(../images/a.png) no-repeat 20px top;
}

dl.schoolProfile{
	overflow: hidden;
	margin: 0 0 30px;
}
dl.schoolProfile > dt{
	float: left;
	clear: both;
	width: 245px;
	box-sizing: border-box;
	margin: 0 20px 0 0;
	padding: 5px;
	overflow: hidden;
	background: #fcf5f5;
	box-shadow: 1px 1px 10px #000;
}
dl.schoolProfile dt div{
	overflow: hidden;
}
dl.schoolProfile dd{
	overflow: hidden;
}
dl.schoolProfile dd ul{
}
dl.schoolProfile dd ul li{
	float: left;
	padding: 5px 15px;
	margin: 0 5px 0 0;
	border: 1px solid #eeeeef;
}
dl.camDroList{
	padding: 1.5em;
  margin: 0 0 1.5em;
  overflow: hidden;
  border: 3px solid #ffc0c7;
  background: #fff5eb;
}
dl.camDroList dt{
	font-family: 'mplus';
	font-size: 1.4em;
	font-weight: 500;
	color: #eb6573;
	transform: rotate(0.001deg);
	padding: 0 0 1em 2em;
	position: relative;
	cursor: pointer;
}
dl.camDroList dt::before{
	content: '';
	font-family: 'fontawesome';
	font-size: 1.5em;
  transform: rotate(0deg);
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  line-height: 1;
}
dl.camDroList dt::after{
	content: '詳細を見る';
	display: block;
	font-size: 0.7em;
	opacity: 1;
	position: absolute;
	left: 2.9em;
	bottom: 0;
  transition: all .3s;
}
dl.camDroList dt.active::before{
	transform: rotate(45deg);
}
dl.camDroList dt.active::after{
	opacity: 0;
}
dl.camDroList dd{
	color: #000;
	padding: 1em 0 0;
	overflow: hidden;
	display: none;
}

dl.photoLList{
	overflow: hidden;
	margin: 0 0 0 0;
	position: relative;
}
dl.photoLList dt{
	margin: 0 15px 10px 0;
	float: left;
	clear: both;
	width: 220px;
	padding: 5px;
	overflow: hidden;
	border:1px solid #ddd;
	box-shadow: 1px 1px 10px #ddd;
}
dl.photoLList dt div{
	overflow: hidden;
}
dl.photoLList dd{
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 40px;
}
dl.photoRList{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.photoRList dt{
	margin: 0 0 10px 15px;
	float: right;
	clear: both;
	width: 220px;
	padding: 5px;
	overflow: hidden;
	border:1px solid #ddd;
	box-shadow: -1px 1px 10px #ddd;
}
dl.photoRList dt div{
	overflow: hidden;
}
dl.photoRList dd{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.contentBlList{
	position: relative;
    padding: 4% 3% 3%;
	margin: 15px 0 25px;
    background: url(../images/contentbllistbg.png) no-repeat;
    background-size: 100% 100%;
}
dl.contentBlList dt{
	position: absolute;
	top:-15px;
	left: 25px;
	color: #fff;
	font-size:138%;
	font-weight: 700;
	padding: 5px 15px;
	background: url(../images/ribonblue.png) no-repeat;
	background-size: 100% 100%;
}
dl.contentPiList{
	position:relative;
    padding: 4% 3% 3%;
	margin: 15px 0 0;
	background: url(../images/contentpilistbg.png) no-repeat;
	background-size:100% 100%;
}
dl.contentPiList dt{
	position: absolute;
	top:-15px;
	left: 25px;
	color: #fff;
	font-size:138%;
	font-weight: 700;
	padding: 5px 15px;
	background: url(../images/ribonpi.png) no-repeat;
	background-size: 100% 100%;
}
dl.greenDateList{

}
dl.greenDateList dt{
	color: #6dba3e;
    font-size: 107%;
    font-weight: 700;
    float: left;
    clear: both;
    width: auto;
    padding: 10px 20px;
    margin: 0;
    text-align: center;
    border: 1px solid #6dba3e;
    border-radius: 10px;
	min-width: 60px;
}
dl.greenDateList dd{
	overflow: hidden;
    background: #fcf5f5;
    padding: 10px 10px;
}

/*
8:table
------------------------------------------------------------
*/
.basicTable  {
	margin-bottom:30px;
	width: 100%;
}
.basicTable th {
	padding: 3%;
    border-top: #FFF solid 5px;
    border-bottom: #FFF solid 5px;
    border-right: #FFF solid 5px;
    background: #e7e7e7;
    font-weight: bold;
    text-align: left;
}
.basicTable td {
	padding: 3%;
    border-top: #FFF solid 5px;
    border-bottom: #FFF solid 5px;
    background: #f7f7f7;
    text-align: left;
	vertical-align: top;
}
table.menuTable {
	margin-bottom:30px;
}
table.menuTable th {
	padding: 3%;
	width: 24%
}
table.menuTable td {
	padding: 3%;
	width: 14%;
}
table.schoolDateTable{
	overflow: hidden;
	width: 100%;
	margin: 0 0 15px;
}
table.schoolDateTable th{
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding: 15px;
	font-size:107%;
	background: url(../images/topTiBg.png) repeat;
}
table.schoolDateTable td{
	padding: 15px;
	background: #fcf5f5;
}
table.schoolDatePickUp,table.schoolDateCampaign{
	overflow: hidden;
	margin: 0 0 15px;
	width: 100%;
}
table.schoolDatePickUp th{
	text-align: center;
	border-radius: 10px;
	background: #009ed2;
	color:#fff;
	padding: 15px;
	width: 20%;
}
table.schoolDatePickUp td,table.schoolDateCampaign td{
	background: #fcf5f5;
	padding: 15px;
}
table.schoolDateCampaign th{
	font-size:107%;
	font-weight: 700;
	text-align: center;
	border-radius: 10px;
	background: #eb6573;
	padding: 15px;
	color:#fff;
	width: 21%;
}
table.schoolDetailTable{
	margin: 0 0 20px;
	width: 100%;
}
table.schoolDetailTable th{
	width: 34%;
	padding: 2%;
	border-bottom: 3px solid #5e302d;
	text-align: left;
}
table.schoolDetailTable td{
	padding: 2%;
	border-bottom: 1px solid #5e302d;
	text-align: left;
}
table.schoolAccessTable{
	margin: 0 0 20px;
	width: 100%;
	border-spacing: 0 10px;
}
table.schoolAccessTable tr{
	margin:0 0 20px;
	border-bottom: 5px solid #fff;
}
table.schoolAccessTable th{
	background: url(../images/topTiBg.png) repeat;
	border-radius: 10px;
	padding:15px;
	text-align:center;
	color:#fff;
}
table.schoolAccessTable td{
	background: #fcf5f5;
	padding:15px;
}
table.grTable{
	width: 100%;
}
table.grTable th{
	font-weight: 700;
	background: #ccc;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.grTable td{
	border: 1px solid #ccc;
	padding: 1%;
	text-align: center;
}

table.lightgreenTable{
	width: 100%;
}
table.lightgreenTable th{
	font-weight: 700;
	background: #cafbc6;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.lightgreenTable td{
	border: 1px solid #cafbc6;
	padding: 1%;
	text-align: center;
}
table.greenTable{
	width: 100%;
}
table.greenTable th{
	font-weight: 700;
	background: #6dba3e;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
	color: #fff;
}
table.greenTable td{
	border: 1px solid #6dba3e;
	padding: 1%;
	text-align: center;
}


table.pinkTable{
	width: 100%;
}
table.pinkTable th{
	font-weight: 700;
	background: #fbc6ea;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.pinkTable td{
	border: 1px solid #fbc6ea;
	padding: 1%;
	text-align: center;
}

table.blueTable{
	width: 100%;
}
table.blueTable th{
	font-weight: 700;
	background: #e2f0ff;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.blueTable td{
	border: 1px solid #e2f0ff;
	padding: 1%;
	text-align: center;
}

table.orangeTable{
	width: 100%;
}
table.orangeTable th{
	font-weight: 700;
	background: #FDB166;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.orangeTable td{
	border: 1px solid #FDB166;
	padding: 1%;
	text-align: center;
}
table.indexTable {
    width: 100%;
    border: 1px solid #6dba3e;
    background: url(../images/dotgreenBg.png)repeat;
}
table.indexTable td{
	width: 33.33%;
	border-bottom: 1px dashed #6dba3e;
    border-right: 1px dashed #6dba3e;
}
table.indexTable td:nth-child(2){
}
table.indexTable td a{
	padding: 4% 12% 4% 4%;
	display: block;
	background: url(../images/arrow_gright.png) no-repeat 90% center;
	transition: 0s;
}
table.indexTable td a:hover{
	background: url(../images/sheepbrown2.png) no-repeat 95% center;
	background-size: auto 30px;
}
table.boBTable{
	width: 100%;
}
table.boBTable td{
	padding: 2%;
	border-bottom:1px dashed #ac875b;
}
table.boBTable td a{
	text-decoration: none;
	display: block;
	padding: 2px 20px;
	color: #fff;
	border:2px solid #ec6573;
	text-align: center;
	background: #ec6573 url(../images/arrow_wright.png) no-repeat 95% center;
	transition: all .3s;
}
table.boBTable td a:hover{
	color: #ec6573;
	background: #fff url(../images/arrow_brlright.png) no-repeat 95% center;
}


/*
9:タイトル
------------------------------------------------------------
*/
.headerTi {
	font-size:84%;
	margin: 0 0 10px 0;
	line-height: 1.6;
}
.topBriefingTi{
	font-family: 'genjuu';
	font-weight: 700;
	padding: 20px 0;
	margin: 0 0 1em;
	font-size: 169%;
	text-align: center;
	background: url(../images/briefingTiBg.png) no-repeat center;
	background-size: auto;
}
.topnewsTi{
	font-family: 'genjuu';
	font-weight: 700;
	padding: 20px 0;
	margin: 0;
	font-size: 169%;
	text-align: center;
}
.topMainTi,.topMainTiRe{
	color: #fff;
	text-align: center;
	font-family: 'genjuu';
	font-weight:700;
	font-size:223%;
	padding: 5px 0;
	margin: 0 0 25px 0;
	background: url(../images/topTiBg.png) repeat;
	border-radius: 5px;
}
.topMainTi:after,.topMainTiRe:after{
	content: '';
	display:inline-block;
	width: 66px;
	height: 52px;
	padding: 0 0 0 30px;
	vertical-align: middle;
	background: url(../images/topsheep.png) no-repeat 50% 50%;
}
.topMainTiRe{
	background: #eb6573;
}
.mainTiWrap{
	padding: 15px 15px 0;
	margin: 0 0 30px;
	border-radius: 10px;
	background: url(../images/textureBg.jpg) repeat;
}
h2.mainTi {
	margin-bottom: 35px;
	padding: 15px 0;
	font-size: 157%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	text-align: center;
	font-weight:bold;
	color: #000;
}
.mainTi01{background: url(../images/mainTi01.png) no-repeat;}
.mainTi02{background: url(../images/mainTi02.png) no-repeat;}
.mainTi03,.mainTi03sc{background: url(../images/mainTi03.png) no-repeat;}
.mainTi04{background: url(../images/mainTi04.png) no-repeat;}
.mainTi05{background: url(../images/mainTi05.png) no-repeat;}
.mainTi06{background: url(../images/mainTi06.png) no-repeat;}
.mainTi07{background: url(../images/mainTi07.png) no-repeat;}
.mainTi08{background: url(../images/mainTi08.png) no-repeat;}
.mainTi09{background: url(../images/mainTi09.png) no-repeat;}
.mainTi10{background: url(../images/mainTi10.png) no-repeat;}
.mainTi11{background: url(../images/mainTi11.png) no-repeat;}
.mainTi12{background: url(../images/mainTi12.png) no-repeat;}
.mainTi13{background: url(../images/mainTi13.png) no-repeat;}
.mainTi14{background: url(../images/mainTi14.png) no-repeat;}
.mainTi15{background: url(../images/mainTi15.png) no-repeat;}
.mainTi16{background: url(../images/mainTi16.png) no-repeat;}
.mainTi17{background: url(../images/mainTi17.png) no-repeat;}
.mainTi18{background: url(../images/mainTi18.png) no-repeat;}
.mainTi19{background: url(../images/mainTi19.png) no-repeat;}
.mainTi20{background: url(../images/mainTi20.png) no-repeat;}
.mainTi21{background: url(../images/mainTi21.png) no-repeat;}
.mainTi22{background: url(../images/mainTi22.png) no-repeat;}
.mainTi23{background: url(../images/mainTi23.png) no-repeat;}
.mainTi24{background: url(../images/mainTi02.png) no-repeat;}
.mainTi01,
.mainTi02,
.mainTi03,
.mainTi04,
.mainTi05,
.mainTi06,
.mainTi07,
.mainTi08,
.mainTi09,
.mainTi10,
.mainTi11,
.mainTi12,
.mainTi13,
.mainTi14,
.mainTi15,
.mainTi16,
.mainTi17,
.mainTi18,
.mainTi19,
.mainTi20,
.mainTi21,
.mainTi22,
.mainTi23,
.mainTi24{
	color: #fff;
	font-family: 'capriola', "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	font-size: 260%;
	font-weight: 700;
	padding: 40px 0;
	text-align: center;
	line-height: 1.4;
	border-radius: 5px;
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi01 span,
.mainTi02 span,
.mainTi03 span,
.mainTi04 span,
.mainTi05 span,
.mainTi06 span,
.mainTi07 span,
.mainTi08 span,
.mainTi09 span,
.mainTi10 span,
.mainTi11 span,
.mainTi12 span,
.mainTi13 span,
.mainTi14 span,
.mainTi15 span,
.mainTi16 span,
.mainTi17 span,
.mainTi18 span,
.mainTi19 span,
.mainTi20 span,
.mainTi21 span,
.mainTi22 span,
.mainTi23 span,
.mainTi24 span{
	color: #4c1815;
	font-family: 'capriola', "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	font-size: 75%;
}

.mainTi03sc{
	font-size: 100%;
	font-weight: 700;
	padding: 50px 0;
	text-align: center;
	line-height: 1.5;
	border-radius: 5px;
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi03sc span{
	font-family: 'capriola';
	font-size: 200%;
	font-weight: normal;
	color: #fff;
}


h3.title {
	font-weight:bold;
	margin-bottom: 25px;
	font-size: 157%;
	text-align:center;
	color: #000;
	letter-spacing:2px;
}
h3.mainTi {
	margin-bottom: 20px;
	font-size: 138.5%;
    padding: 10px 0px 5px 0;
    font-weight:bold;
    color: #000;
}
h3.subTi {
	font-weight: bold;
	font-size: 131%;
	margin-bottom: 25px;
	padding-bottom: 10px;
	color: #000;
	border-bottom: 1px solid #000;
}
h4.mainTi {
	border:1px solid #111;
	padding: 5px;
	text-align: center;
	color: #111;
	font-size: 123.1%;
	margin-bottom: 15px;
}
h4.subTi,
.boldTi{
	font-weight: bold;
	font-size: 116%;
}
.mainGrTi{
	color: #fff;
	font-size: 169%;
	font-weight: 700;
	margin: 5px 0 25px 0;
	padding: 15px 15px 15px 90px;
	border-radius: 5px;
	background: url(../images/topTiBg.png) repeat;
	position: relative;
}
.mainPiTi{
	color: #fff;
	font-size: 169%;
	font-weight: 700;
	margin: 5px 0 25px 0;
	padding: 15px 15px 15px 90px;
	border-radius: 5px;
	background: #eb6573;
	position: relative;
}
.mainPiTi:before,.mainGrTi:before{
	content: '';
	position: absolute;
	top: -5px;
	left: 20px;
	background: url(../images/sheepbrown2.png) no-repeat;
	width: 60px;
    height: 60px;
}

.mainGrTi2,.mainPiTi2{
	color: #fff;
	font-size: 169%;
	font-weight: 700;
	margin: 5px 0 25px 0;
	padding: 15px 15px 15px 15px;
	border-radius: 5px;
}
.mainGrTi2{
	background: url(../images/topTiBg.png) repeat;
}
.mainPiTi2{
	background: #eb6573;
}

.mainTextureTi{
	color: #133377;
    font-size: 169%;
    font-weight: 700;
    padding: 15px 15px 15px 40px;
    margin: 0 0 25px;
    border-radius: 10px;
    background: url(../images/textureBg.jpg) repeat;
    position: relative;
}
.mainTextureTi::before{
	content: '';
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 15px;
    margin: 0;
    width: 15px;
    height: 80%;
    background: #133377;
}
.meritTi{
	color: #fff;
	font-size: 169%;
	font-weight: 700;
	padding: 15px 65px 12px 55px;
	margin: 20px 0 25px;
	border-radius:5px;
	background: #5e302d;
	position: relative;
}
.meritTi span:nth-child(2){
	font-family: 'capriola';
    font-size: 181%;
    padding: 25px 26px;
    margin: -28px 10px 0 0;
    display: block;
    float: left;
    clear: both;
    color: #eb6573;
    font-weight: normal;
    background: url(../images/meriticonw.png) no-repeat center 3px;
    background-size: 100% auto;
}
.meritTi span:nth-child(3){
	overflow: hidden;
}
.meriticon{
	position: absolute;
	left: 13px;
	top: -20px;
}
.sheepicon{
	position: absolute;
	right: 10px;
	top:-10px;
}
.meritTi02,.meritTi03{
	color: #fff;
	font-size: 169%;
	font-weight: 700;
	padding: 15px 15px 15px 155px;
	margin: 0 0 20px;
	background: #5e302d;
	border-radius:10px;
	position: relative;
}
.meritTi02::before{
	content: '';
    position: absolute;
    top: -10px;
    left: 25px;
    width: 108px;
    height: 58px;
    background: url(../images/meriticon02.png) no-repeat;
}
.meritTi03::before{
	content: '';
    position: absolute;
    top: -10px;
    left: 25px;
    width: 108px;
    height: 58px;
    background: url(../images/meriticon03.png) no-repeat;
}

.mainGrBoTi,.mainGrBoTi2,
.mainBrBoTi,.mainBrBoTi2,
.mainBlBoTi,.mainBlBoTi2{
	color: #5e302d;
    font-size: 169%;
    font-weight: 700;
    padding: 15px 0 25px 90px;
    margin: 0 0 25px;
    position: relative;
}
.mainGrBoTi,.mainGrBoTi2{ background: url(../images/gizagrbo.png)repeat-x bottom; }
.mainBrBoTi,.mainBrBoTi2{ background: url(../images/gizabrbo.png)repeat-x bottom; }
.mainBlBoTi,.mainBlBoTi2{ background: url(../images/gizablbo.png)repeat-x bottom; }
.mainGrBoTi::before,
.mainBrBoTi::before,
.mainBlBoTi::before{
	content: '';
    position: absolute;
    top: 0px;
    left: 10px;
    width: 60px;
    height: 60px;
    background: url(../images/sheepbrown2.png) no-repeat;
}
.mainGrBoTi2,
.mainBrBoTi2,
.mainBlBoTi2{
	color: #5e302d;
    font-size: 184%;
    font-weight: 700;
    padding: 15px 0 25px 40px;
    margin: 0 0 25px;
	line-height: 1.3;
    position: relative;
}
.mainGrBoTi2 span,
.mainBrBoTi2 span,
.mainBlBoTi2 span{
    font-size: initial;
}
.mainGrBoTi2::before{
	content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 85%;
	border-radius: 10px;
    background: url(../images/topTiBg.png) repeat;

}
.mainBrBoTi2::before{
	content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 85%;
	border-radius: 10px;
    background: url(../images/dotbrown.png) repeat;

}
.mainBlBoTi2::before{
	content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 85%;
	border-radius: 10px;
    background: url(../images/dotblue.png) repeat;
}
.mainSheepTi{
	color:#6dba3e;
	font-size: 138%;
	font-weight: 700;
	margin: 0 0 25px;
	padding: 15px 15px 15px 70px;
	background: url(../images/sheepbrown2.png) no-repeat left center;
}
.mainSheepBlTim10{
	color:#133377;
	font-size: 138%;
	font-weight: 700;
	margin: 0 0 10px;
	padding: 15px 15px 15px 70px;
	background: url(../images/sheepbrown2.png) no-repeat left center;
}
.grassTi{
	color: #6dba3e;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
	font-size: 138%;
	font-weight: 700;
	line-height: 1.8;
	background: url(../images/grass.png) no-repeat left 5px;
}
.mocobrownTi{
	text-align: center;
	color: #fff;
	background: url(../images/mocobrown.png) no-repeat center;
	background-size: 100% 100%;
	margin:0 0 20px;
	padding:15px;
	font-size:123%;
	font-weight:700;
}
.subMocoBrTi{
	color: #5e302d;
    font-size: 138%;
    font-weight: 700;
    padding: 10px 15px 10px 35px;
    margin: 0 0 25px;
    border-bottom: 1px dashed #5e302d;
    background: url(../images/submocobrown.png) no-repeat left center;
}
.subMocoWhTi{
	color: #fff;
    font-size: 138%;
    font-weight: 700;
    padding: 10px 15px 10px 45px;
    margin: 0 0 25px;
	border-radius: 30px;
    background: #5e302d url(../images/submocow.png) no-repeat 10px center;
}
.schoolTi{
	margin: 0 0 20px;
	position: relative;
	font-size: 153%;
	font-weight:700;
	color:#133377;
	border-bottom:1px solid #133377;
	padding:0 0 10px 60px;
	background: url(../images/schoolicon.png) no-repeat left top;
	line-height: 1.3;
}
.schoolTi span{
	font-size: initial;
	font-weight:normal;
}
.schoolTi span.area{
	position: absolute;
	right:0;
	bottom:0;
	border-top:1px solid #133377;
	border-left:1px solid #133377;
	border-right:1px solid #133377;
	padding:3px 10px;
}
.rankingTi01,
.rankingTi02,
.rankingTi03,
.rankingTi04,
.rankingTi05{
	margin: 0 0 20px;
	position: relative;
	font-size: 153%;
	font-weight:700;
	color:#133377;
	border-bottom:1px solid #133377;
	padding:0 0 10px 60px;
	line-height: 1.3;
}
.rankingTi01 span,
.rankingTi02 span,
.rankingTi03 span,
.rankingTi04 span,
.rankingTi05 span{
	font-size: initial;
	font-weight:normal;
}
.rankingTi01 span.area,
.rankingTi02 span.area,
.rankingTi03 span.area,
.rankingTi04 span.area,
.rankingTi05 span.area{
	position: absolute;
	right:0;
	bottom:0;
	border-top:1px solid #133377;
	border-left:1px solid #133377;
	border-right:1px solid #133377;
	padding:3px 10px;
}
.rankingTi01{ background: url(../images/rankingicon01.png) no-repeat left top; }
.rankingTi02{ background: url(../images/rankingicon02.png) no-repeat left top; }
.rankingTi03{ background: url(../images/rankingicon03.png) no-repeat left top; }
.rankingTi04{ background: url(../images/rankingicon04.png) no-repeat left top; }
.rankingTi05{ background: url(../images/rankingicon05.png) no-repeat left top; }

.worksTi {
	font-size: 108%;
	margin-bottom: 15px;
}
.infoTi{
	margin-right: 10px;
	font-size: 114%;
	font-weight:bold;
}
.blueTi{
	color:#133377;
	font-size: 123%;
	font-weight: 700;
	margin: 0 0 15px;
}
.blueTi span{
	font-size: normal;
	color: inherit;
}
.greenTi{
	color:#6dba3e;
	font-size: 123%;
	font-weight: 700;
	margin: 0 0 15px;
}

/*
10：装飾
------------------------------------------------------------
*/
.tel {
	font-size: 124%;
	color: #111;
}
.name {
	margin-bottom: 15px;
	font-size: 129%;
}
.big {
	font-weight:bold;
	font-size: 129%;
	margin-bottom: 15px;
}
.disc {
	padding-bottom: 0px;
	font-size: 86%;
	line-height: 1.6em;
}
.hr {
	clear: both;
	height: 1px;
	margin: 1em 0;
	border-top: #999 1px dotted;
}
.bold {
	font-weight: bold;
	font-size: 108%;
	padding-bottom: 10px;
}
.day {
	padding-right: 15px;
	display: block;
    float: left;
    clear: both;
}
.data {
	padding-bottom: 5px;
	font-size: 86%;
}
.posted {
	width: 25%;
	font-size: 86%;
	text-align:center;
	background: #000;
	color: #FFF;
	margin: 0 0 20px;
}
.price {
	color: #e71616;
	font-weight:bold;
	font-size: 129%;
	margin-bottom: 20px;
}
.priceMini {
	font-size: 86%;
}
.fLogo {

}
.copy {
	padding: 10px 0;
	color:#fff;
	clear: both;
	font-size: 84%;
	text-align: center;
	background: #133377;
}
.colCat{
	background: #eb6573;
	border-radius: 5px;
	color: #fff;
	margin: 0 10px 10px 0;
	padding: 0px 10px;
}
.colDay{
}
.caticon{
	border-radius: 5px;
	color: #fff;
	margin: 0 10px 10px 0;
	padding: 0px 10px;
}
.campaign{ background: #eb6573; }
.information{ background: #eb6573; }
.news{ background: #6dba3e; }


/*
11:ボタン系
------------------------------------------------------------
*/
#topcontrol{
	width:50px;
	height:50px;
	background:url(../images/pageTop.png) no-repeat 0 0;
}
.more {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size: 114%;
	color: #CCC;
	margin: 0 5%;
	width: 90%;
}
.more a:link {
	display:block;
	padding: 3px 0;
	width: 100%;
	margin: 0 0;
	border: 1px solid #666;
}
.more a:hover {
	border:1px dotted #111;
	color: #CCC;
}
.btn2 {
	padding-bottom: 10px;
}
.btn {
	text-align:center;
	margin: 0 auto;
	width: 50%;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
}


.btn a {
	color: #fff;
	text-decoration: none;
	display:block;
	padding: 5px 0;
	width: 100%;
	margin: 0 0;
	border: 2px solid #eb6573;
	background: #eb6573 url(../images/arrow_wright.png) no-repeat 95% center;
	transition:0.3s;
	font-size: 92%;
	box-sizing: border-box;
}
.btn a:hover {
	border:2px solid #eb6573;
	color: #eb6573;
	background: #fff url(../images/arrow_pright.png) no-repeat 95% center;
}
.piBtnAbR25{
	width: 25%;
	position: absolute;
	bottom: 10px;
	right: 0;
}
.piBtnAbR25 a{
	display: block;
	padding: 5px 0;
	border:2px solid #eb6573;
	border-radius: 5px;
	color:#fff;
	font-size: 115%;
	font-weight:700;
	background: #eb6573 url(../images/arrow_wright.png) no-repeat 95% center;
	transition:all .3s;
	text-align: center;
}
.piBtnAbR25 a:hover{
	color: #eb6573;
	background: #fff url(../images/arrow_pright.png) no-repeat 95% center;
}
.piBtn40{
	width: 40%;
}
.piBtn40 a{
	display: block;
	padding: 5px 0;
	border:2px solid #eb6573;
	border-radius: 5px;
	color:#fff;
	font-size: 115%;
	font-weight:700;
	background: #eb6573 url(../images/arrow_wright.png) no-repeat 95% center;
	transition:all .3s;
	text-align: center;
}
.piBtn40 a:hover{
	color: #eb6573;
	background: #fff url(../images/arrow_pright.png) no-repeat 95% center;
}
.infoBtnBox{
	width: 385px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
}
.leftInfoBtn{
	width: 48%;
	float: left;
	text-align: center;
}
.leftInfoBtn a{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 92%;
	padding: 5px 0;
	background: #eb6573 url(../images/arrow_wright.png) no-repeat 95% center;
	border: 2px solid #eb6573;
	transition:0.3s;
}
.leftInfoBtn a:hover{
	color: #eb6573;
	background: #fff url(../images/arrow_pright.png) no-repeat 95% center;

}
.rightInfoBtn{
	width: 48%;
	float: right;
	text-align: center;
}
.rightInfoBtn a{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 92%;
	padding: 5px 0;
	background: #6dba3e url(../images/arrow_wright.png) no-repeat 95% center;
	border: 2px solid #6dba3e;
	transition:0.3s;
}
.rightInfoBtn a:hover{
	color: #6dba3e;
	background: #fff url(../images/arrow_gright.png) no-repeat 95% center;

}
.arrowBlBtn{
	float: right;
	width: auto;
}
.arrowBlBtn a {
	padding: 5px 20px;
    display: block;
	color: #fff;
	border-radius:5px;
	border: 2px solid #19448e;
	text-decoration: none;
	transition: all .3s;
	background: #19448e url(../images/arrow_wright.png) no-repeat 95% center;
}
.arrowBlBtn a:hover {
	color: #19448e;
	background: #fff url(../images/arrow_blright.png) no-repeat 95% center;
}

.schoolmore{
	text-align: center;
}
.schoolmore a{
	display: block;
	padding: 5px 0;
	color: #fff;
	text-decoration: none;
	border: 2px solid #eb6573;
	background: #eb6573 url(../images/arrow_wright.png) no-repeat 95% center;
	border-radius: 5px;
	transition: all .3s;
}
.schoolmore a:hover{
	color: #eb6573;
	background: #fff url(../images/arrow_pright.png) no-repeat 95% center;
}
.applicationBtn{
	text-align:center;
}
.applicationBtn a{
	display:block;
	padding:20px 0;
	background:#6dba3e;
	border: 2px solid #6dba3e;
	color:#fff;
	font-size:120%;
}
.applicationBtn a:hover{
	background:#fff;
	color:#6dba3e;
}
.quoteBtn{
	text-align:center;
}
.quoteBtn a{
	display:block;
	padding:20px 0;
	background:#ebb3de;
	border: 2px solid #ebb3de;
	color:#fff;
	font-size:120%;
}
.quoteBtn a:hover{
	background:#fff;
	color:#ebb3de;
}


/*
12:その他パーツ
------------------------------------------------------------
*/
#breadcrumbList {
	margin:0;
	font-size: 92%;
	padding: 10px 0;
}
.wp-pagenavi {
	clear:both;
	padding: 15px 0 !important;
}
.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
.aligncenter {
	display: block;
	margin:0 auto 20px;
}
.photoL {
	float: left;
	padding: 0 15px 15px 0;
}
.photoL p {
	overflow: auto;
}
.photoR {
	float: right;
	padding: 0 0 15px 15px;
}
.photoR p {
	overflow: auto;
}

/*
13:コンタクトフォーム

*/
table.contactform {
	width: 100%;
	table-layout: fixed;
	}
	table.contactform th {
	width: 25%;
	padding: 1em;
	font-size: 110%;
	border-bottom: #e1eafd solid 2px;
	font-weight: 700;
	text-align: left;
	}
	table.contactform th span.small{
	font-size: 90%;
	font-weight: normal;
	padding: 10px 0 0;
	display: block;
	}
	table.contactform th.cfbg{
	background: #000;
	color: #fff;
	}
	table.contactform td {
	padding: 1em;
	border-bottom: 2px #e1eafd solid;
	text-align: left;
	vertical-align: top;
	}
	table.contactform td a{
	color: #32bce7;
	text-decoration: underline;
	}
	table.contactform td a:hover{
	color: #6dba3e;
	}

	table.contactform td span.bold{
	font-weight: 700;
	}
	table.contactform td p{
	margin-bottom:0;
	line-height:1.6;
	}
	input, textarea, select{
	padding: 0.5em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:solid 1px #c8c8c8;
	}
	ul.contactform {
	letter-spacing: -0.5em;
	}
	ul.contactform li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 1em 0 0;
	}
	ul.contactform2 {
	letter-spacing: -0.5em;
	}
	ul.contactform2 li {
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	box-sizing: border-box;
	}
	.wpcf7-textarea {
	width: 90%;
	}
	.wpcf7-text {
	width: 90%;
	}
	.zip1 {
	width: 30%;
	}
	.zip2 {
	width: 30%;
	}
	.formtel {
	width: 30%;
	height: auto;
	}
	.wpcf7-form-control wpcf7-text zip {
	width: 30%;
	}
	.wpcf7-checkbox > span{
	display: inline-block;
	margin: 0 3% 2% 0;
	}
	.addr {
	width: 90%;
	}
	.contactformsubmit {
	text-align: center;
	margin: 30px 0;
	}
	.wpcf7-submit,
	.wpcf7-confirm,
	.wpcf7-back{
	width: 60%;
	background:#e48100;
	color:#FFF;
	text-align:center;
	font-weight: 700;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	margin: 0 auto;
	padding:15px 40px;
	border:none;
	}
	.wpcf7-confirm{
	background:#009ce4;
	}
	.wpcf7-back{
	background:#ccc;
	}
	.wpcf7-submit:hover{
	text-decoration:none;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
	}
	.contactCheckBox input[type="checkbox"]{
	display: none;
	}
	.contactCheckBox input[type="checkbox"] + .wpcf7-list-item-label {
	position: relative;
	vertical-align: top;
	}
	.contactCheckBox input[type="checkbox"] + .wpcf7-list-item-label:before {
	content: "\f372";
	font-family: "ionicons";
	color: #ccc;
	font-size: 22px;
	margin: 0 10px 0 0;
	}
	.contactCheckBox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
	content: "\f374";
	color: #17bcdf;
	}

	datepicker{
	width:40%;
	}
	table.contactform .red {
	text-align:center;
	font-size: 90%;
	color: #FFF;
	padding: 5px 8px;
	background: #ed6002;
	margin-right: 20px;
	border-radius: 5px;
	}
	table.contactform .gry,
	span.gry {
	text-align:center;
	font-size: 90%;
	color: #FFF;
	padding: 5px 8px;
	background: #b1bdca;
	margin-right: 20px;
	border-radius: 5px;
	}
	input.wpcf7-validates-as-required,
	select.wpcf7-validates-as-required,
	.wpcf7-validates-as-required > span > label > span::before{
	background: #ffdbdb;
	}
	dl.contact-drop{
	margin: 0 0 2em;
	}
	dl.contact-drop dt{
	font-weight: 700;
	font-size: 1.1em;
	cursor: pointer;
	padding: 1em;
	border-bottom: #e1eafd solid 2px;
	position: relative;
	}
	dl.contact-drop dt.active{
	border: none;
	}
	dl.contact-drop dt::after{
	content: '+';
	position: absolute;
	height: 1em;
	top: 0;
	right: 1em;
	bottom: 0;
	margin: auto;
	line-height: 1;
	transition: all .3s;
	transform: rotate(0);
	}
	dl.contact-drop dt.active::after{
	transform: rotate(45deg);
	}
	dl.contact-drop dd{
	display: none;
	}

/*
14:ワードプレス
------------------------------------------------------------
*/
.widget_search {
	background: #FFF;
	margin-bottom: 20px;
	padding: 15px;
	text-align:center;
}
h3.widget-title {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 100%;
	background:#000;
	color: #FFF;
}
.sideSectionw ul {
	margin-bottom: 20px;
}
.sideSectionw ul li {
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 8px;
	background: url(migi1.gif) no-repeat 0 5px;
	border-bottom: 1px dotted #604c3f;
}
.widget ul li {
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 8px;
	margin-bottom: 12px;
	background:url(../images/migi.png) no-repeat right 40%;
	background-size: 5px;
}
.wp-pagenavi {
	padding: 10px 0px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		display: inline-block;
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}
.wp-pagenavi a:hover {
		display: inline-block;
		color:#fff !important;
		text-shadow:0px 1px #3C3C3C !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
 		display: inline-block;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #3C3C3C !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}
/*
15:マージン・パディング
------------------------------------------------------------
*/
.m05 {
	margin-bottom: 5px;
}
.m10 {
	margin-bottom: 10px;
}
.m12 {
	margin-bottom: 12px;
}
.m15 {
	margin-bottom: 15px;
}
.m20 {
	margin-bottom: 20px;
}
.m30 {
	margin-bottom: 30px;
}
.m40 {
	margin-bottom: 40px;
}
.m50 {
	margin-bottom: 50px;
}
.m60 {
	margin-bottom: 60px;
}
.mt05 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt12 {
	margin-top: 12px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.ml05 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml12 {
	margin-left: 12px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.ml60 {
	margin-left: 60px;
}
.mr05 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mr60 {
	margin-right: 60px;
}
.pt05 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pb05 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl05 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pr05 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
.imgTi {
	margin-bottom: 15px;
}
.imgTi0 {
	margin-bottom: 0px;
}
.imgTi5 {
	padding-bottom: 5px;
}
.imgTi10 {
	padding-bottom: 10px;
}
.imgTi15 {
	padding-bottom: 15px;
}
.imgTi20 {
	padding-bottom: 20px;
}
.imgTi30 {
	padding-bottom: 30px;
}
/*
16:オリジナル
------------------------------------------------------------
*/

/* ==========================================================

	タブ

========================================================== */

ul.style01 {
	text-align:left;
	border-bottom:3px solid #5e302d;
	color:#FFF;
	font-size:123%;
	margin: 0 0 20px 0;
}
ul.style01 li {
	display:inline-block;
	width:212px;
	height:40px;
	margin:0 3px 0 0;
	padding: 0 0 0 10px;
	line-height:40px;
	border:1px solid #a7a79a;
	box-sizing: border-box;
	background: #a7a79a url(../images/arrow_down.png) no-repeat 96% center;
	cursor: pointer;
	transition: all .3s;
}
ul.style01 li.active {
	background: #5e302d url(../images/arrow_down.png) no-repeat 96% center;
	cursor: pointer;
	transition: all .3s;
}

ul.style02 {
	text-align: center;
    color: #133377;
    font-size: 123%;
    margin: 0 -9px 0 0;
    letter-spacing: -0.5em;
}
ul.style02 li {
	display: inline-block;
    padding: 10px 22px;
    margin: 0 9px 8px 0;
    border: 1px solid #133377;
    background: #fff url(../images/arrow_bright.png) no-repeat 6px center;
    transition: all .3s;
    cursor: pointer;
    box-sizing: border-box;
    letter-spacing: normal;
    overflow: hidden;
}
ul.style02 li.active {
	border:1px solid #133377;
	background: #133377 url(../images/arrow_wright.png) no-repeat 6px center;
	transition: all .3s;
	color:#fff;
	cursor: pointer;
}

.panel {
	display:none;
	transition: all .5s;
	margin: 0 auto 2em;
}
.show {
	display:block;
	transition: all .5s;
}

div.panel {
	padding:10px 0 0;
	transition: all .5s;
}


/*
　　学校詳細
------------------------------------------------------------
*/


ul.style03 {
	text-align:left;
	border-bottom: 1px dashed #6dba3e;
	color:#FFF;
	font-size:123%;
	margin: 0 0 20px 0;
}
ul.style03 li {
	display: inline-block;
    width: 230px;
    height: 40px;
    margin: 0 -10px 0 0;
    padding: 0 0 0 10px;
    font-weight: 700;
    color: #6dba3e;
    line-height: 40px;
    box-sizing: border-box;
    background: url(../images/arrow_down.png) no-repeat 96% center,url(../images/tabnonactive.png) no-repeat;
    cursor: pointer;
    transition: all .3s;
}
ul.style03 li.active {
	background: url(../images/arrow_down.png) no-repeat 96% center,url(../images/tabactive.png) no-repeat;
	cursor: pointer;
	transition: all .3s;
	color:#fff;
}

.panel {
	display:none;
	transition: all .5s;
}
.show {
	display:block;
	transition: all .5s;
}

div.panel {
	padding:10px 0 0;
	transition: all .5s;
}


/* ==========================================================

	loading

========================================================== */

.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.wrapperloading {
	position: absolute;
	height: 200px;
	width: 200px;
	top: 50%;
	margin-top: -100px;
	left: 50%;
	margin-left: -100px;
	z-index: 9999;
}

.wrapperloading .loading.up {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 150px;
  border: 1px solid #fff;
  border-top-color: #fff;
  border-left-color: #6dba3e;
  border-right-color: #6dba3e;
  border-bottom-color: #fff;
  -webkit-animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
  animation: rotation 3s linear infinite;
}

.wrapperloading .loading.down {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -50px;
  border-radius: 150px;
  border: 1px solid #fff;
  border-left-color: #6dba3e;
  border-top-color: #6dba3e;
  border-bottom-color: #6dba3e;
  border-right-color: #6dba3e;
  -webkit-animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}


@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* ==========================================================

	カラーボックス

========================================================== */

#cboxContent {
    margin-top: 0px !important;
    background: #000;
}
#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(../images/closeSlide.png) no-repeat top center !important;
    background-size: 100% 100% !important;
    width: 40px !important;
    height: 40px !important;
    text-indent: -9999px;
}
#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url(../images/prev.png) no-repeat top left !important;
    width: 60px !important;
    height: 60px !important;
    text-indent: -9999px;
}
#cboxNext {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -32px;
    background: url(../images/next.png) no-repeat top right !important;
    width: 60px !important;
    height: 60px !important;
    text-indent: -9999px;
}



/* ==========================================================

	サイドメニュー

========================================================== */

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
	display: none;
}
.side-menu ul{
	padding: 0 20px 0;
}
.side-menu ul li{
	margin: 0 0 10px;
}
.side-menu ul li a{
	color: #fff;
}
.side-menu ul li a:hover{
	color: #eb6573;

}
.side-open .side-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	padding-top: 100px;
	text-align: left;
	font-size: 13px;
	background: #6dba3e;
	z-index: 1;
	display: block;
	overflow-y: scroll;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {
	position: fixed;
	top: 7px;
	right: 20px;
	width: 30px;
	height: 30px;
	padding: 5px;
	cursor: pointer;
	z-index: 4;
}

.ellipsis-v {
	position: relative;
	display: block;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: url(../images/menuBtn.png) no-repeat center;
	background-size: 100% 100%;
}
.side-open .ellipsis-v{
	background: url(../images/closeBtn.png) no-repeat center;
	background-size: 100% 100%;
}
/*.ellipsis-v .point {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 4px;
	margin: auto;
	background: #fff;
	box-shadow: 0 0 8px 0 #161616;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ellipsis-v .point.top {
	top: 0;
}

.ellipsis-v .point.mid {
	top: 0;
	bottom: 0;
}

.ellipsis-v .point.bot {
	bottom: 0;
}

.side-menu-btn:hover .top {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.side-menu-btn:hover .bot {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
	width: 43px;
	height: 1px;
	background: #fff;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-open .mid {
	opacity: 0;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
	width: 43px;
	height: 1px;
	background: #fff;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-open .side-menu-btn:hover .bot,
.side-open .side-menu-btn:hover .top {
	background: #ccc;
}*/

/* サイドメニューオープン */
.side-open #containerWrap,
.side-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}


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

 LessonPage

------------------------------------------------------------*/
#containerLWrap{
	padding:30px 0;
	background: url(../images/lesson/bodyBg.jpg)no-repeat top center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-attachment: fixed;
    letter-spacing: -0.001em;
    -webkit-text-size-adjust: 100%;
}
#containerL {
    background: url(../images/lesson/containerBg.png) repeat;
    overflow: hidden;
    margin: 30px auto;
    width: 1100px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#contentL {
    padding: 0px;
    clear: both;
    overflow: hidden;
    margin: 30px auto;
    width: 1000px;
}
.headcontent {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
}
.logoL {
    position: absolute;
    right: 30px;
    bottom: 105px;
}
#boxW {
    background: #FFF;
    margin-bottom: -45px;
    padding: 20px 0 50px;
}
.txtP {
    width: 875px;
    display: block;
    margin: 0 auto 20px;
}
.btnL {
    margin-bottom: 20px;
    text-align: center;
}
ul.basicListL {
    background-color: #fff;
    overflow: hidden;
}
ul.basicListL li {
    margin: 0 20px 20px;
    padding-top: 20px;
    width: 293px;
    float: left;
}
ul.basicListL li p {
    text-align: center;
}
.white {
    background-color: #fff;
    padding: 20px;
}
dl.basicListL {
    margin-bottom: 10px;
}
dl.basicListL dt {
    padding: 3px 5px;
    width: 180px;
    clear: left;
    float: left;
    background-color: rgba(244,164,102,0.2);
    overflow: hidden;
}
dl.basicListL dd {
    padding: 3px 5px 3px 20px;
    overflow: hidden;
    margin-left: 180px;
}
#box1 {
    margin-bottom: 20px;
}
#box1_inner {
    padding: 0 30px;
    overflow: hidden;
    background: url(../images/lesson/box1Bg.png) repeat-y 0 0;
}
ul.topMenuL {
    clear: both;
    margin-right: -40px;
}
ul.topMenuL li {
    display: block;
    float: left;
    width: 200px;
    margin-right: 40px;
}
.imgWrap {
    height: 150px;
    overflow: hidden;
}
.nameL {
    font-size: 143%;
    padding: 15px 0;
    color: #ef858c;
    font-weight: bold;
}
.line {
    background: url(../images/lesson/underline.png) repeat-y 0px -3px;
    line-height: 2.2em;
    padding: 5px;
    margin-bottom: 20px;
}
#box2 {
    margin-bottom: 20px;
}
#box2_inner {
    padding: 0 30px;
    overflow: hidden;
    background: url(../images/lesson/box2Bg.png) repeat-y 0 0;
}
ul.topMenu2L {
    clear: both;
    margin-right: -40px;
}
ul.topMenu2L li {
    display: block;
    float: left;
    width: 450px;
    margin-right: 40px;
    position: relative;
    margin-bottom: 50px;
    min-height: 310px;
}
dl.menuListL {
    width: 450px;
}
dl.menuListL dt {
    width: 200px;
    clear: left;
    float: left;
    text-align: center;
}
.circle {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    float: left;
    margin-bottom: 10px;
}
.circle img {
    width: 200px;
    height: auto;
}
.name2 {
    font-size: 93%;
}
dl.menuListL dd {
    margin-left: 210px;
}
.name3 {
    font-size: 143%;
    color: #54c3f1;
    font-weight: bold;
    margin-bottom: 20px;
}
.line2 {
    float: right;
    background: url(../images/lesson/underline2.png) repeat-y 0px -4px;
    line-height: 2.2em;
    margin-bottom: 20px;
    width: 244px;
}

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

 追加

------------------------------------------------------------*/
a.external {
color: #4787ed;
text-decoration: underline;
}
.external::after {
content: '';
font-family: 'fontawesome';
display: inline-block;
vertical-align: middle;
}

.flex-two-right-Box{
margin: 0 0 0 auto;
text-align: right;
}
.flex-two-right-Box div{
display: inline-block;
padding: 0 0 0 1em;
vertical-align: bottom;
}


ul.colList-3-imgL {
  margin: 0 -2% 0 0;
  letter-spacing: -0.5em;
  overflow: hidden; }

ul.colList-3-imgL li {
  width: 31%;
  margin: 0 2% 2% 0;
  display: inline-block;
  letter-spacing: normal;
  position: relative;
  overflow: hidden;
  z-index: 1; }


ul.colList-3-imgL li::before {
  content: '';
  display: block;
  padding-top: 75%;
  /* background: rgba(0, 0, 0, 0.5); */
  z-index: 1;
  position: relative;
  padding-top: 100%; }

ul.colList-3-imgL li a {
  color: black;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

ul.colList-3-imgL li img {
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  margin: auto;
  width: auto;
  max-width: inherit;
  height: 100%;
  z-index: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s; }

ul.colList-3-imgL li a:hover > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }


ul.colList-3-imgL li div.inBox {
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  bottom: 12%;
  margin: auto;
  width: 90%;
  z-index: 2;
  text-align: center;

  top: 12%;
	bottom: 23%; }

.colLiTi-en {
	font-family: 'メイリオ';
	font-size: 1.14em;
	font-weight: 600;
	-webkit-transform: rotate(0.001deg);
	-ms-transform: rotate(0.001deg);
	transform: rotate(0.001deg);
	padding: .05em 1.2em;
	border: 1px solid #4c1815;
	color: #4c1815;
	margin-top: 60px;
	letter-spacing: 0.44em;
	display: inline-block; }

.colLiTi {
	height: 130px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'メイリオ';
	font-size: 3em;
	font-weight: 400;
	color: #4c1815;
	-webkit-transform: rotate(0.001deg);
	-ms-transform: rotate(0.001deg);
	transform: rotate(0.001deg);
	margin: .1em 0;
	line-height: 1.2;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }

ul.topMenuList4 li a:hover{
	color: #6dba3e;
}

ul.balList {
  text-align: center;
  margin: 0 -2% 2em 0;
  letter-spacing: -0.5em; }
  ul.balList li {
    width: 23%;
    margin: 0 2% 20px 0;
    display: inline-block;
    letter-spacing: normal;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    z-index: 1; }

.balImgBox {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .balImgBox::before {
    content: '';
    display: block;
    padding: 56% 0 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    position: relative; }
  .balImgBox > img {
    position: absolute;
    top: 0;
    left: -50%;
    right: -50%;
    margin: auto;
    width: 100%;
    z-index: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s; }

ul.balList li a:hover .balImgBox > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.balImgTi {
  font-family: 'mplus';
  font-weight: 800;
  font-size: 2.0em;
  color: #fff;
  -webkit-transform: rotate(0.001deg);
  -ms-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  min-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  text-shadow: 2px 0 0 #6DBA3E, 0 2px 0 #6DBA3E, -2px 0 0 #6DBA3E, 0 -2px 0 #6DBA3E, 2px 2px 0 #6DBA3E, -2px 2px 0 #6DBA3E, 2px -2px 0 #6DBA3E, -2px -2px 0 #6DBA3E; }
  .balImgTi span {
    display: block;
    margin: 0 auto 5px;
    height: 25px; }
    .balImgTi span img {
      width: auto;
      max-height: 25px; }
.baldisc {
  font-family: 'mplus';
  font-weight: 500;
  color: #fff;
  -webkit-transform: rotate(0.001deg);
  -ms-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #6DBA3E;
  position: relative;
  text-align: left;
  line-height: 1.6;
  z-index: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .baldisc::after {
    content: '';
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #6DBA3E;
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    margin: auto; }

ul.balList li a:hover .baldisc {
	color: #5ce1e5; }


	.campaign_note{
		margin: 1em 0 0;
		font-size: 0.9em;
		line-height: 1.5;
	}
	.school_note{
		margin: 0 0 1em;
		font-size: 0.9em;
		line-height: 1.5;
		text-align: center;
	}


.pc {
display: inherit;
}



.sp {
display: none;
}

.covid-link {
padding: 15px 0;
background: #ffe14b;
border: solid 2px #ffd400;
}
.covid-link a {
text-decoration: none;
font-weight: bold;
color: #222;
font-weight: bold;
text-align: center;
font-size: 15px;
display: block;
}

/*
Google map用 Hairi追加 2025/5/23
------------------------------------------------------------
*/

.g_map {
  position: relative;
  margin: 0 0 1em;
}

.g_map::before {
  content: "";
  display: block;
  padding-top: 33%;
}

.g_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}