@charset "utf-8";

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

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

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


@font-face{
	font-family: 'mplus';
	src: url('../webfont/mplus1p-light.eot'); /* IE9以上用 */
	src: url('../webfont/mplus1p-light.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../webfont/mplus1p-light.woff') format('woff'), /* モダンブラウザ用 */
		url('../webfont/mplus1p-light.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family: 'mplus';
	src: url('../webfont/mplus1p-medium.eot'); /* IE9以上用 */
	src: url('../webfont/mplus1p-medium.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../webfont/mplus1p-medium.woff') format('woff'), /* モダンブラウザ用 */
		url('../webfont/mplus1p-medium.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: 500;
	font-style: normal;
}
@font-face{
	font-family: 'mplus';
	src: url('../webfont/mplus1p-bold.eot'); /* IE9以上用 */
	src: url('../webfont/mplus1p-bold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../webfont/mplus1p-bold.woff') format('woff'), /* モダンブラウザ用 */
		url('../webfont/mplus1p-bold.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: 700;
	font-style: normal;
}

@font-face{
	font-family: 'cizel';
	src: url('../webfont/cinzeldecorative-bold.eot'); /* IE9以上用 */
	src: url('../webfont/cinzeldecorative-bold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../webfont/cinzeldecorative-bold.woff') format('woff'), /* モダンブラウザ用 */
		url('../webfont/cinzeldecorative-bold.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: 700;
	font-style: normal;
}
@font-face {
  font-family: "fa";
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('eot'),
       url('../fonts/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
0:セット
------------------------------------------------------------
*/
html,body{
	width: 100%;
	min-width: 1280px;
}
body {
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 200%;
	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: #1c1f79;
	transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
a:hover {
	color: #B7B6B6;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}
.opacity:hover{
	filter:alpha(opacity=50); /* IE 6,7*/
	-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
	-moz-opacity:0.5; /* FF , Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity:0.5;
	zoom:1; /*IE*/
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
svg {
  width: 100%;
  background-color: #DDD;
}
img[src$=".svg"] {
    width: 100%;
}

/*
1：全体のレイアウト
------------------------------------------------------------
*/
#containerWrap {
}
header {
	overflow: hidden;
	clear:both;
	margin:0 auto;
	padding: 15px 0;
	width: 100%;
	border-bottom: 5px solid #f8456d;
}
#headerBox {
	width: 1280px;
	padding: 0 0px;
	margin: 0 auto 0;
	overflow: hidden;
	clear:both;
}
#headerLeft {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 23%;
}
#headerRight {
	float: right;
    padding: 15px 0 0 0;
    margin: 0 0 0 0;
    width: 52%;
    overflow: hidden;
}
.topHeadContent{
	position: absolute;
	bottom: 10%;
	right: 10%;
	padding: 30px;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 200%;
	font-weight: 500;
	color: #fff;
	background: rgba(248,69,109,0.8);
	line-height: 1.8;
	letter-spacing: 5px;
}
#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%;
}
#gnaviContainer{
	overflow: hidden;
}
#main {
	float: left;
	width: 75%;
	padding: 0 0 0 0;
	margin: 0 0 30px;
	clear: both;
	overflow: hidden;
}
#topMain {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
	clear: both;
	overflow: hidden;
}
#topLeft{
	width:50%;
	float:left;
	overflow:hidden;
}
#topRight{
	width: 50%;
	float:right;
	overflow:hidden;
}
#sub {
	float: left;
	width: 23%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	overflow: hidden;
}
#subCat{
	float: right;
	width: 20%;
	margin: 0 0 30px;
	overflow: hidden;
}
#footerWrap {
	clear: both;
	width: 100%;
	padding: 30px 0;
	background: #464646;
	overflow: hidden;
}
.fTopInner{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#footer {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
}
#footerTopWrap{
	padding: 15px 0;
	background: #faf1e5;
	color: #000;
}
#footerTopLeft{
	float: left;
	width: 23%;
}
#footerTopRight{
	float: Right;
    width: 47%;
    text-align: right;
}
.footerBox {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
.fBox{
	float: left;
	margin: 0 212px 0 0;
	overflow: hidden;
}
.fBox.lastChild{
	margin: 0;
}
.fTi{
	color: #fff;
	border:1px solid #fff;
	text-align: center;
	margin: 0 0 15px;
	padding: 10px;
}
.fcontactTi{
	font-family: 'mplus';
	font-size: 185%;
	font-weight: 500;
	width: 515px;
	padding: 10px 20px 10px 135px;
	margin: 17px auto 30px;
	position: relative;
	transform: rotate(0.001deg);
	background: #fff;
	border-radius: 30px;
}
.fcontactTi::after{
	content: '';
	position: absolute;
	top: -17px;
	left: 40px;
	width: 74px;
	height: 53px;
	background: url(../images/icon_title.svg) no-repeat center/auto 100%;
}
.fcontactTel{
	font-family: 'cizel';
	font-size: 477%;
	font-weight: 700;
	padding: 15px 0 0 90px;
	transform: rotate(0.001deg);
	position: relative;
	text-align: left;
}
.fcontactTel::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 49px;
	background: url(../images/icon_tel.svg) no-repeat center/auto 100%;
}
.fcontactTel span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 29%;
	font-weight: 300;
	display: block;
	width: 100%;
	padding: 35px 0 0;
}
.fcontactWrap{
	padding: 40px 0;
	width: 100%;
	background: url(../images/patternBg.jpg) repeat;
}
.leftFContactBox{
	float: left;
	width: 550px;
	overflow: hidden;
}
.rightFContactBox{
	float: right;
	width: 290px;
	overflow: hidden;
}
.fcontactEstimateBtn,
.fcontactEstimateBtnCe,
.fcontactCounselingBtn{
	width: 100%;
	text-align: center;
}
.fcontactEstimateBtn a,
.fcontactEstimateBtnCe a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 128%;
	font-weight: 500;
	color: #fff;
	display: block;
	width: 100%;
	padding: 8px;
	margin: 0 0 17px;
	border: 1px solid #f8456d;
	background: #f8456d url(../images/arrow_wright.svg) no-repeat 96% center/auto 10px;
}
.fcontactEstimateBtnCe a{
	width: auto;
	display: inline-block;
	padding: 8px 35px;
}
.fcontactEstimateBtn a:hover,
.fcontactEstimateBtnCe a:hover{
	color: #f8456d;
	background: #fff url(../images/arrow_piright.svg) no-repeat 97% center/auto 10px;
}
.fcontactCounselingBtn a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 128%;
	font-weight: 500;
	color: #fff;
	display: block;
	width: 100%;
	padding: 8px;
	border: 1px solid #a86293;
	background: #a86293 url(../images/arrow_wright.svg) no-repeat 96% center/auto 10px;
}
.fcontactCounselingBtn a:hover{
	color: #a86293;
	background: #fff url(../images/arrow_puright.svg) no-repeat 97% center/auto 10px;
}
.section {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
/*
.section p{
	font-size: 107%;
}
*/
.sectionC {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
	text-align:center;
}
.sectionW{
	padding: 30px 0 50px;
}
.sectionWtop0{
	padding: 0 0 50px;
}
.sectionPale{
	padding: 30px 0 50px;
	background: #faf1e5;
}
.sideSection {
	width: 100%;
	margin-bottom: 30px;
}
.sideContact {
	text-align: center;
	margin-bottom: 30px;
}
.inner{
	width: 1280px;
	padding: 0 0 0 280px;
	margin: 0 auto;
	overflow: hidden;
}
.innerfContact{
	width: 1280px;
	padding: 0 55px 0 335px;
	margin: 0 auto;
	overflow: hidden;
}
article {
}

/*
4:ナビゲーション系
------------------------------------------------------------
*/

#gnaviInner{
	position: relative;
	width: 1280px;
	margin: 0 auto;
}
#gnavi {
	position: absolute;
	top: 0;
	left: inherit;
	z-index: 100;
	-webkit-box-shadow: 0px 0px  15px #bbb;
	box-shadow: 0px 0px  15px  #bbb;
	width: 240px;
}
#gnavi > ul > li {
	border-bottom: 1px solid #fff;
	background-color: #67ccd9;
	color: #000;
	position: relative;
}
#gnavi > ul > li.i-nav-con,
#gnavi > ul > li.i-nav-sem {
	background-color: #f8456d;
	color: #fff;
}
#gnavi > ul > li.i-nav-rec,
#gnavi > ul > li.i-nav-app {
	background-color: #a86293;
	color: #fff;
}
#gnavi > ul > li span{
	display: block;
}
#gnavi > ul > li > a,
#gnavi > ul > li > p{
	font-family: 'mplus';
	font-size: 128%;
	font-weight: 500;
	color: #000;
	display: block;
	padding: 15px 15px 15px 50px;
	position: relative;
	transform: rotate(0.001deg);
}
#gnavi > ul > li.i-nav-con p,
#gnavi > ul > li.i-nav-sem a,
#gnavi > ul > li.i-nav-rec a,
#gnavi > ul > li.i-nav-app a{
	color: #fff;
}
#gnavi > ul > li a span{
	display: block;
}
div.subGnaviWrap{
  /* display: none; */
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 240px;
  width: 0;
  max-width: 0;
  background: #67ccd9;
  border-radius: 5px;
	box-shadow: 15px 0 15px #000;
  transition: all .2s;
  z-index: 1;
}

#gnavi > ul > li:hover div.subGnaviWrap{
	opacity: 1;
  visibility: visible;
  width: 500px;
  max-width: 500px;
  padding: 20px;
  transition: all .1s;
	animation: appear-in .3s linear 0s;
  border-left: 10px solid white;
}
ul.subGnavi{
	margin: 0;
	padding: 0;
}
ul.subGnavi li{
	border-bottom: 1px solid #fff;
	padding: 0;
}
ul.subGnavi li:last-child{
	border-bottom: none;
}
ul.subGnavi li a::after,
ul.subGnavi li a:hover::after{
	content: '';
	width: 0 !important;
	height: 0 !important;
	padding: 0;
}
ul.subGnavi li a {
	display: block;
	font-size: 150% !important;
	width: 100%;
	padding: 0 !important;
	background: #67ccd9 url(../images/arrow_wright.svg) no-repeat 95% center/auto 10px;
}
ul.subGnavi li a:hover {
	color: #67ccd9;
	background: #fff url(../images/arrow_skyright.svg) no-repeat 95% center/auto 10px;
}
#gnavi > ul > li:hover ul.subGnavi li a{
	padding: 10px !important;
	color: #fff;
}
#gnavi > ul > li a::after,
#gnavi > ul > li > p::after{
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0px;
	margin: auto;
	transition: all .3s;
}
#gnavi > ul > li.i-nav-con a::after,
#gnavi > ul > li.i-nav-con p::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi04.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-sem a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi05.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-rec a::after,
#gnavi > ul > li.i-nav-rec > p::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi07.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-sup a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi03.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-sch a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi02.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-app a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi06.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-acc a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi09.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-use a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi01.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-col a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi10.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.i-nav-faq a::after{
	width: 25px;
	height: 30px;
	background-image: url(../images/icon_gnavi08.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px auto;
}
#gnavi > ul > li.navitel {
	border: none;
	background-color: #67ccd9;
	padding: 15px;
}
#gnavi > ul > li:last-child {
	border: none;
}
#gnavi > ul > li a:hover,
#gnavi > ul > li > p:hover{
	background-color: #84e6f3;
	color: #67ccd9;
}
#gnavi > ul > li.i-nav-con > p:hover,
#gnavi > ul > li.i-nav-con > a:hover{
	background-color: #ff839e;
	color: #fff;
}
#gnavi > ul > li.i-nav-rec a:hover,
#gnavi > ul > li.i-nav-app > a:hover{
	background-color: #de99c9;
	color: #fff;
}
/*
#gnavi > ul > li:nth-child(1) a:hover::after{
	background-image: url(../images/icon_gnavi_on04.svg);
}
#gnavi > ul > li:nth-child(2) a:hover::after{
	background-image: url(../images/icon_gnavi_on05.svg);
}
#gnavi > ul > li:nth-child(3) a:hover::after,
#gnavi > ul > li:nth-child(3) > p:hover::after{
	background-image: url(../images/icon_gnavi_on07.svg);
}
#gnavi > ul > li:nth-child(4) a:hover::after{
	background-image: url(../images/icon_gnavi_on03.svg);
}
#gnavi > ul > li:nth-child(5) a:hover::after{
	background-image: url(../images/icon_gnavi_on02.svg);
}
#gnavi > ul > li:nth-child(6) a:hover::after{
	background-image: url(../images/icon_gnavi_on06.svg);
}
#gnavi > ul > li:nth-child(7) a:hover::after{
	background-image: url(../images/icon_gnavi_on09.svg);
}
#gnavi > ul > li:nth-child(8) a:hover::after{
	background-image: url(../images/icon_gnavi_on01.svg);
}
#gnavi > ul > li:nth-child(9) a:hover::after{
	background-image: url(../images/icon_gnavi_on10.svg);
}
#gnavi > ul > li:nth-child(10) a:hover::after{
	background-image: url(../images/icon_gnavi_on08.svg);
}
*/
.gnaviTi{
	font-family: 'mplus';
	font-size: 130%;
	font-weight: 500;
	color: #133377;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #67ccd9;
}
#gnavi > ul > li:hover .gnaviTi{
	padding: 8px 15px 10px;
	color: #133377;
}
.telTop{
	display: block;
	font-size: 71%;
	font-weight: 700;
	line-height: 1.8;
}
.telMiddle{
	display: block;
	font-family: 'cizel';
	font-size: 211%;
	font-weight: 700;
}
.telBottom{
	display: block;
	font-size: 71%;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.8;
}
.fTel {
	font-family: 'cizel';
	font-size: 308%;
	font-weight: 700;
}
.fTel span{
	font-size: 32%;
	font-weight: 700;
	margin: 0 15px 0 0;
}
.fTelBottom{
	font-size: 85%;
}
.logo {
	text-align:left;
}
ul.snsNavi{
	float: right;
}
ul.snsNavi li{
	float: left;
	margin: 0 0 0 5px;
	width: 26px;
}
.gsc-control-cse,
.gsc-control-searchbox-only{
	float: right;
	padding: 0 !important;
	background: inherit !important;
	border: none !important;
	width: 300px !important;
	position: relative;
}
.gsc-search-button-v2, .gsc-search-button-v2, .gsc-search-button-v2 {
	position: absolute;
	top: 10px;
	right: 20px;
	background: url(../images/searchicon.png) no-repeat !important;
	border:none !important;
	padding: 10px !important;
	width: 0 !important;
	height: 0!important;
}

ul.fList{
	margin: 0 0 -10px 0;
}
ul.fList li{
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	position: relative;
}
ul.fList li::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	background: url(../images/arrow_flist.svg) no-repeat center/100% 100%;
}
ul.fList li a{
	text-decoration: none;
	color: #fff;
	transition: all .3s;
}
ul.fList li a span{
	display: block;
}
ul.fList li a:hover{
	color: #a3ccff;
}
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.svg) no-repeat left 7px;
	background-size: auto 10px;
}
ul.fList2 li ul li a{
	color: #fff;
	text-decoration: none;
	transition: all .3s;
}
ul.fList2 li ul li a:hover{
	color: #a3ccff;
}


/*
5:div
------------------------------------------------------------
*/
.infoBox{
	height: 345px;
	overflow: hidden;
	padding: 45px 35px;
	position: relative;
	background: url(../images/topPatternBg.jpg) no-repeat center/100% 100%;
}
.infosemi{
	height: auto;
    padding: 45px 0 120px;
}
.infosemi dl{
	/* float: left;オンラインセミナー用 */
	/* margin: 0 50px 0 0;オンラインセミナー用 */
	margin: 50px 0 0 100px; /* オンラインセミナー用 */
	display: flex;
}
.infosemi dt{
	float: left;
	overflow: hidden;
	margin: 0 100px 0 0;
	padding: 10px 0 0;
	/* width: 71px; オンラインセミナー用*/
	width: 171px; /* オンラインセミナー用 */
	height: 61px;
	color: #f8456d;
	font-size: 107%;
	border: 1px solid #f8456d;
	text-align: center;
	/* line-height: 1.4; オンラインセミナー用*/
	line-height: 2.6;/* オンラインセミナー用 */
}
.infosemi dd{
	overflow: hidden;
	display: flex; /* オンラインセミナー用 */
	justify-content: space-around;/* オンラインセミナー用 */
	width: 600px;
}

.infosemi ul{
	width: 300px;
}

.infocol {
	height: 420px;
}
.infocol ul{
	overflow: hidden;
	margin: 0 -2% 0 0;
	letter-spacing: -0.5em;
}
.infocol ul li{
	overflow: hidden;
	margin: 0 2% 0 0;
	width: 23%;
	display: inline-block;
	letter-spacing: normal;
	background: #fff;
	vertical-align: top;
}
.infocol ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.infocol dt{
	overflow: hidden;
}
.infocol dd{
	overflow: hidden;
	padding: 10px;
	font-weight: 700;
}

.leftInfoBox{
	float: left;
	background: url(../images/seminerBg.jpg) no-repeat;
	width: 313px;
	height: 345px;
	padding: 45px 35px;
	position: relative;
}
.leftInfoBox dt{
	float: left;
    overflow: hidden;
    margin: 0 15px 0 0;
    padding: 10px 0 0;
    width: 71px;
    height: 61px;
    color: #f8456d;
    font-size: 107%;
    border: 1px solid #f8456d;
    text-align: center;
    line-height: 1.4;
}
.leftInfoBox dd{
	overflow: hidden;
}
.leftInfoBox dd ul{
	overflow: hidden;
	border-top: 1px dashed #ac875b;
}
.leftInfoBox dd ul li{
	overflow: hidden;
	border-bottom: 1px dashed #ac875b;
	padding: 5px 0;
	display: block;
}
.rightInfoBox{
	float: right;
	background: url(../images/columnBg.jpg) no-repeat;
	width: 656px;
	height: 345px;
	padding: 45px 35px;
	position: relative;
}
.rightInfoBox ul{
	overflow: hidden;
	margin: 0 -4% 0 0;
	letter-spacing: -0.5em;
}
.rightInfoBox ul li{
	width: 46%;
	margin: 0 4% 0 0;
	display: inline-block;
	letter-spacing: normal;
	background: #fff;
}
.rightInfoBox ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.rightInfoBox dt{
	float: right;
	width: 50%;
	clear: both;
}
.rightInfoBox dd{
	overflow: hidden;
	padding: 10px;
	font-weight: 700;
}
.leftCol {
	float:left;
	padding: 2%;
	width: 46%;
}
.rightCol {
	float:right;
	padding: 2%;
	width: 46%;
}
.leftBox {
	float: left;
	padding: 2%;
	width: 46%;
}
.rightBox {
	padding: 2%;
	width: 46%;
	float: right;
}
.leftBox440{
	float: left;
	clear: both;
	width: 58%;
}
.rightBox280{
	float: right;
	width: 37%;
}
.rankLeftBox{
	width: 52%;
	float: left;
	text-align: right;
}
.rankRightBox{
	width: 27.5%;
	float: right;
}
.ate {
	padding:15px;
	border: 1px dotted #1d1d1d;
}
.box {
	padding: 15px;
	background: #F7F7F7;
}
.mainImg {
	margin-bottom: 15px;
}
.map {
	padding: 20px 0;
}
.medium{
	text-align: center;
	clear: both;
}
.rankBox{
	padding: 15px;
	background: #fff;
}
.rankBoxCream{
	padding: 15px;
	background: #faf1e5;
}
.schoolSideContactBox{
	background: url(../images/mainTiBg.jpg) repeat;
	padding: 20px;
}
.gryBox{
	padding: 20px;
	margin: 0 0 20px 0;
	background: #f5f5f5;
}
.whiteBox{
	padding: 20px;
	background:#fff;
	overflow: hidden;
}
.yeBox{
	padding: 20px;
	margin: 0 0 30px;
	background:#faf1e5;
	overflow: hidden;
}
.pickupBox{
	border: 2px solid #da6a9b;
	padding: 20px;
  margin-bottom:20px;
  overflow:auto;
}
.brownBoBox{
	padding: 20px;
	background: url(../images/textureBg.jpg) repeat;
	overflow: hidden;
	border: 1px solid #5e302d;
}
.seminarLeftBox{
	width: 610px;
	float: left;
	overflow: hidden;
	margin: 0 0 20px;
}
.seminarRightBox{
	width: 352px;
	float: right;
	margin: 0 0 20px;
}

/*
6:ul
------------------------------------------------------------
*/
ul.bnrList {
	margin-bottom: 30px;
	overflow:hidden;
}
ul.bnrList li {
	padding-bottom: 15px;
}
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 {
	border-top: #000 3px solid;
	border-bottom: #000 3px solid;
	padding: 16px 0 8px;
	margin-bottom: 25px;
}
ul.infoList li {
	background:#FFF url(../images/righty.png) no-repeat 5% center;
	text-decoration:none;
	background-size: 10px;
	padding: 0 0 30px;
}
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-right: -40px;
}
ul.photoList li {
	float:left;
	margin-right: 40px;
	margin-bottom: 30px;
	width: 230px;
	line-height: 1.6em;
}
ul.photoList li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
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.rankList{
	overflow: hidden;
	margin: 0 -2% 30px 0;
	letter-spacing: -0.5em;
}
ul.rankList > li{
	overflow: hidden;
	margin: 0 2% 0 0;
	display: inline-block;
	letter-spacing: normal;
	width: 23%;
	vertical-align: top;
}
ul.rankInList{
	overflow: hidden;
	margin: 0;
}
ul.rankInList li{
	overflow: hidden;
	margin: 0 0 15px 0;
	display: block;
}
ul.rankInList li:last-child{
	margin: 0;
}
ul.rankInList li div{
	height: 110px;
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
ul.rankInList li div span{
	position: absolute;
    top: 0;
    right: 0;
    font-size: 85%;
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    background: #67ccd9;
    line-height: 1.8;
}
ul.rankInList li a br{
	display: none;
}
ul.rankInList li a p.rankDisc{
	color: #000;
}

ul.usefulList{
	overflow: hidden;
	margin: 0 -2% 0 0;
	letter-spacing: -0.5em;
}
ul.usefulList > li{
	overflow: hidden;
	margin: 0 2% 0 0;
	width: 23%;
	height: 505px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	background-color: rgba(255,255,255,0.8);
	position: relative;
}
ul.usefulList > li::before{
	z-index: 0;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.8);
}
ul.usefulList > li:nth-child(1){
	background-image: url(../images/usefulImg01.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
ul.usefulList > li:nth-child(2){
	background-image: url(../images/usefulImg02.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
ul.usefulList > li:nth-child(3){
	background-image: url(../images/usefulImg03.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
ul.usefulList > li:nth-child(4){
	background-image: url(../images/usefulImg04.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.usefulTopBlue{
	padding: 20px 15px;
	background: rgba(13,174,194,0.5);
	color: #fff;
	height: 200px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.usefulTopPurple{
	padding: 20px 15px;
	background: rgba(168,98,147,0.5);
	color: #fff;
	height: 200px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.usefulTopBlue dd,.usefulTopPurple dd{
	line-height: 1.5;
}
.usefulBottom{
	padding: 15px;
	position: relative;
	z-index: 1;
}
.usefulInList{
	overflow: hidden;
	margin: 0 0 10px;
}
.usefulInList li{
	overflow: hidden;
	line-height: 1.8;
}
.usefulInList li a{
	color: #000;
	font-size: 92%;
	padding: 0 0 0 10px;
	background: url(../images/arrow_bkright.svg) no-repeat left 5px;
	background-size: auto 8px;
}
.usefulInList li a:hover{
	color: #0daec2;
	background: url(../images/arrow_skyright.svg) no-repeat left 5px;
	background-size: auto 8px;
}
.absoBottom15{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: auto;
}
ul.sideMenuList{
	overflow: hidden;
}
ul.sideMenuList li{
	border-bottom: 1px solid #fff;
}
ul.sideMenuList li a{
	display: block;
    width: 100%;
    padding: 10px 10px 10px 30px;
    background: #faf1e5 url(../images/icon_rhombus.svg) no-repeat 10px 16px;
    background-size: 15px;
}
ul.sideMenuList li a:hover{
    padding: 10px 10px 10px 30px;
	background: #ffffec url(../images/icon_rhombus.svg) no-repeat 10px 16px;
	background-size: 15px;
}
ul.schoolList{
	overflow: hidden;
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
ul.schoolList li{
	width: 47%;
	margin: 0 3% 3% 0;
	display: inline-block;
	letter-spacing: normal;
	overflow: hidden;
	vertical-align: top;
}
ul.schoolList li div{
	height: 225px;
	overflow: hidden;
	margin: 0 0 10px;
    position: relative;
}
p.uni_area{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100px;
    text-align: center;
}
p.uni_area.uni_n {
    background: #67ccd9;
}
p.uni_area.uni_m {
    background: #a86293;
}
p.uni_area.uni_s {
    background: #f8456d;
}
ul.characterList li{
	float: left;
    color: #133377;
    padding: 0 15px;
    margin: 0 5px 0 0;
    border: 1px solid #133377;
    background: #faf1e5;
	width: auto;
}
ul.faqCatList{
	overflow: hidden;
	letter-spacing: -0.5em;
	margin: 0 -2% 20px 0;
	display: flex;
}
ul.faqCatList li{
	width: 18%;
	display: inline-block;
	display: inline-flex;
	letter-spacing: normal;
	margin: 0 2% 0 0;
}
ul.faqCatList li a{
	display: block;
	display: flex;
	width: 100%;
	padding: 10px 8px 20px;
	background: #a86293;
	position: relative;
	text-align: center;
	color: #fff;
	transition: all .3s;
	align-items: center;
	justify-content: center;
}
ul.faqCatList li a::after{
	content: '';
	transition: all .3s;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	width: 10px;
	height: 5px;
	margin: auto;
	background: url(../images/arrow_wdown.svg) no-repeat center/auto 100%;
}
ul.faqCatList li a:hover{
	background: #d882be;
}
ul.faqCatList li a:hover::after{
	transform: translate(0, 5px);
	transition: all .3s;
	background: url(../images/arrow_wdown.svg) no-repeat center/auto 100%;
}
ul.indexList {
  margin: 0 -2% -10px 0;
  letter-spacing: -0.5em;
}
ul.indexList li {
  margin: 0 2% 10px 0;
  width: 48%;
  font-size: 115%;
  display: inline-block;
  box-sizing: border-box;
  letter-spacing: normal;
  vertical-align: top;
}
ul.indexList li a {
  text-decoration: underline;
}
ul.colList{
	overflow: hidden;
}
ul.colList li{
	display: block;
	margin: 0 0 20px;
}
ul.colList li a{
	display: block;
	color: #000;
	padding: 15px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #f8456d;
}
ul.colList li dt{
	float: left;
	clear: both;
	margin: 0 20px 0 0;
	width: 300px;
	overflow: hidden;
	position: relative;
}
ul.colList li dt img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
ul.colList li dt::before{
	content: '';
	display: block;
	padding: 66% 0 0;
}
ul.colList li dd{
	overflow: hidden;
}
ul.colList li dd p span.catTi{
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
}
.chinese{
	background: #FF1E22;
}
.living-info{
	background: #32D020;
}
.school-information{
	background: #b5c905;
}
.exchange{
	background: #2d51c9;
}
.sightseeing-trip{
	background: #67ccd9;
}
.other-columns{
	background: rgb(143, 136, 136);
}
ul.colList li dd p.ti{
	margin: 0 0 15px;
	font-size: 150%;
	font-weight: 700;
}
ul.dotPiList{
	overflow: hidden;
	margin: 0 0 40px;
}
ul.dotPiList li{
	padding: 0 0 0 15px;
	position: relative;
}
ul.dotPiList li::after{
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #f8456d;
}
ul.supportCatList{
	margin: 0 -3% 30px 0;
	overflow: hidden;
}
ul.supportCatList li{
	width: 47%;
	float: left;
	margin: 0 3% 0 0;
}
ul.supportCatList li a{
	font-family: 'mplus';
	font-size: 192%;
	font-weight: 500;
	color: #fff;
	height: 120px;
	display: block;
	padding: 30px;
	text-align: center;
	transform: rotate(0.001deg);
	position: relative;
	letter-spacing: 1px;
}
ul.supportCatList li:nth-child(1) a{
	background: url(../images/supportCatBg01.jpg) no-repeat center/cover;
}
ul.supportCatList li:nth-child(2) a{
	background: url(../images/supportCatBg02.jpg) no-repeat center/cover;
}
ul.supportCatList li a::before{
	content: '';
	display: inline-block;
	margin: 0 15px 0 0;
	vertical-align: middle;
}
ul.supportCatList li:nth-child(1) a::before{
	width: 65px;
	height: 68px;
	background: url(../images/icon_jet_w.svg) no-repeat center/100% auto;
}
ul.supportCatList li:nth-child(2) a::before{
	width: 49px;
	height: 68px;
	background: url(../images/icon_carry_w.svg) no-repeat center/100% auto;
}
ul.supportCatList li a::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: auto;
	width: 15px;
	height: 8px;
	transform: translate(0, 0);
	background: url(../images/arrow_wdown.svg) no-repeat center/100% auto;
	transition: all .3s;
}
ul.supportCatList li a:hover{
	opacity: 0.8;
}
ul.supportCatList li a:hover::after{
	transform: translate(0, 5px);
	transition: all .3s;
}
ul.supportList{

}
ul.supportList li{
	padding: 0 0 25px;
	margin: 0 0 25px;
	border-bottom: 1px solid #133377;
}
ul.supportList li:last-child{
	border-bottom: none;
}
ul.reasonCatList{
	margin: 0 -3% 30px 0;
/*	display: flex;*/
	text-align: center;
	letter-spacing: -0.5em;
}
ul.reasonCatList li{
	margin: 0 3% 2% 0;
	width: 167px;
	height: 167px;
	display: inline-block;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
ul.reasonCatList li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 114%;
	font-weight: 700;
	letter-spacing: 2px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
ul.reasonCatList li:nth-child(1) a{
	background: url(../images/reasonCatBg01.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(2) a{
	background: url(../images/reasonCatBg02.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(3) a{
	background: url(../images/reasonCatBg03.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(4) a{
	background: url(../images/reasonCatBg04.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(5) a{
	background: url(../images/reasonCatBg05.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(6) a{
	background: url(../images/reasonCatBg08.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(7) a{
	background: url(../images/reasonCatBg06.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(8) a{
	background: url(../images/reasonCatBg07.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(9) a{
	background: url(../images/reasonCatBg09.jpg) no-repeat center/cover;
}
ul.reasonCatList li:nth-child(10) a{
	background: url(https://storage.googleapis.com/taiwan-wp/uploads/2021/03/c788c71d-reasoncatbg10.jpg) no-repeat center/cover;
}
ul.reasonCatList li a::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	transition: all .3s;
}
ul.reasonCatList li a::after{
	content: '';
	width: 15px;
	height: 8px;
	background: url(../images/arrow_wdown.svg) no-repeat center/auto 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: auto;
	transform: translate(0, 0);
	transition: all .3s;
}
ul.reasonCatList li a:hover{
	opacity: 0.8;
}
ul.reasonCatList li a:hover::before{
	width: 100%;
	height: 100%;
	border: 3px solid #f8456d;
	transition: all .3s;
}
ul.reasonCatList li a:hover::after{
	transform: translate(0, 5px);
	transition: all .3s;
}
ul.reasonCatList li a span{
	display: block;
}
ul.reasonCatList li a span.number{
	font-family: 'cizel';
	font-size: 250%;
	font-weight: 700;
}
ul.reasonCatList li a span.catWrap{
	display: flex;
  height: 57px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/*
7:dl
------------------------------------------------------------
*/
dl.schoolProfile{
	overflow: hidden;
	margin: 0 0 30px;
}
dl.schoolProfile dt{
	float: left;
	clear: both;
	width: 360px;
	height: 225px;
	margin: 0 20px 0 0;
	overflow: hidden;
}
dl.schoolProfile dt div{
	overflow: hidden;
}
dl.schoolProfile dd{
	overflow: hidden;
}
dl.schoolProfile dd ul{
}
dl.schoolProfile dd ul li{
	float: left;
	color: #133377;
	padding: 0 15px;
	margin: 0 5px 0 0;
	border: 1px solid #133377;
	background: #faf1e5;
}
dl.sideCatList{
	overflow: hidden;
}
dl.sideCatList dt{
	color: #fff;
	font-size: 114%;
	font-weight: 700;
	padding: 10px;
	background: #505050;
}
dl.sideCatList dd{
	overflow: hidden;
}
dl.faqList{
	overflow: hidden;
	margin: 0px auto 25px;
	padding: 30px 0 0;
}
dl.faqList dt{
	color: #133377;
	font-size: 123%;
	font-weight:700;
	padding: 10px 15px 10px 120px;
    background: url(../images/dropdownbl.png) no-repeat 96% center;
    cursor: pointer;
	border:1px solid #000;
	position: relative;
	margin: 0 0 20px;
}
dl.faqList dt::after{
	content:'';
	position: absolute;
	top: -28px;
	left: 5px;
	background: url(../images/q.png) no-repeat;
	width: 95px;
    height: 70px;
}
dl.faqList dd{
	display:none;
	padding: 0 30px 15px 120px;
    background: url(../images/a.png) no-repeat 25px top;
}
dl.faqList dt.active  {
	z-index: 3;
	background: url(../images/dropupbl.png) no-repeat 96% center !important;
}
dl.faqList2{
	overflow: hidden;
	margin: 0px auto 25px;
	padding: 30px 0 0;
}
dl.faqList2 dt{
	color: #133377;
  font-family: 'mplus';
  font-weight: 500;
  font-size: 130%;
  padding: 10px 15px 10px 130px;
  border-bottom: 1px solid #000;
  position: relative;
  margin: 0 0 20px;
  transform: rotate(0.001deg);
}
dl.faqList2 dt::after{
	content:'';
	position: absolute;
	top: -28px;
	left: 5px;
	width: 117px;
	height: 75px;
	background: url(../images/q.svg) no-repeat center/100% auto;
}
dl.faqList2 dd{
	padding: 0 10px 0px 130px;
  margin: 0 0 30px;
  min-height: 85px;
  position: relative;
}
dl.faqList2 dd::after{
	content: '';
  position: absolute;
  top: -20px;
  left: 35px;
  width: 85px;
  height: 85px;
  background: url(../images/a.svg) no-repeat center/100% auto;
}
dl.contentBlList {
  position: relative;
  padding: 4% 3% 3%;
  margin: 20px 0 25px;
  background-size: 100% 100%;
  border-top: 1px solid #f8456d;
  border-bottom: 1px solid #f8456d;
}
dl.contentBlList dt {
  position: absolute;
  top: -20px;
  left: 0;
  width: 175px;
  padding: 0;
  text-align: left;
  color: #f8456d;
  font-family: 'cizel';
  font-size: 200%;
  font-weight: 700;
  background: #fff;
}
dd {
  margin: 0px;
}
/*
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{
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	font-size:107%;
	background: #e296ba;
}
table.schoolDateTable td{
	padding: 5px 15px;
	background: #fbfbe5;
}
table.schoolDateTable2{
	overflow: hidden;
	width: 100%;
	margin: 0 0 15px;
}
table.schoolDateTable2 th{
	text-align: center;
	color: #fff;
	padding: 2px;
	font-size: 92%;
	background: #133377;
	border-right: 3px solid #fff;
}
table.schoolDateTable2 td{
	font-size: 92%;
	padding: 2px;
	color: #133377;
	background: #fbfbe5;
	border-right: 3px solid #fff;
}
table.schoolAccessTable{
	margin: 0 0 20px;
	width: 100%;
	border-spacing: 0 10px;
}
table.schoolAccessTable th{
	font-size: 114%;
	font-weight: 700;
	padding:15px;
	text-align:center;
	color: #f8456d;
	border: 1px solid #f8456d;
}
table.schoolAccessTable td{
	padding:15px;
	font-size: 114%;
	font-weight: 700;
	border: 1px solid #f8456d;
}
table.schoolDetailTable{
	margin: 0 0 20px;
	width: 100%;
}
table.schoolDetailTable th{
	width: 34%;
	padding: 2%;
	border-bottom: 3px solid #c8c8c8;
	text-align: left;
	font-weight:700;
}
table.schoolDetailTable td{
	padding: 2%;
	border-bottom: 1px solid #c8c8c8;
	text-align: left;
}
table.schoolDetailTable td a{
	color: #5BD8DF;
	text-decoration: underline;
}
table.schoolDetailTable td a:hover{
	color: #A9FB5F;
}
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{
	color: #fff;
	font-weight: 700;
	background: #f8456d;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.pinkTable td{
	border: 1px solid #f8456d;
	padding: 1%;
	text-align: center;
}

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

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

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

/*Hairi 追加 体験談一覧用テーブルを画像右にする・またテーブルの幅を調整*/
.archive-expTable {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.image-container {
	width: 400px;
	flex-shrink: 0;
}

.image-container img {
	width: 400px;
	height: auto;
	display: block;
}

.table-container {
	flex: 1;
}

.table-container .blueTable td,
.table-container .blueTable th {
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	line-height: 1.8;
}



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 dashed #0daec2;
	table-layout: fixed;
}
table.indexTable td{
	width: 33.33%;
	border-bottom: 1px dashed #0daec2 ;
    border-right: 1px dashed #0daec2 ;
}
table.indexTable td:nth-child(2){
}
table.indexTable td a{
	color: #0daec2;
	padding: 4% 15% 4% 4%;
	display: block;
	background: url(../images/arrow_skyright.svg) no-repeat 90% center/auto 8px;
	transition: 0s;
	text-decoration: none;
}
table.indexTable td a:hover{
	background: url(../images/icon_bear.png) no-repeat 90% center/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 #ac875b;
	text-align: center;
	background: #ac875b url(../images/arrow_wright.png) no-repeat 95% center;
	transition: all .3s;
}
table.boBTable td a:hover{
	color: #ac875b;
	background: #fff url(../images/arrow_brlright.png) no-repeat 95% center;
}
table.borderDashedTable{
	width: 100%;
	overflow: hidden;
}
table.borderDashedTable td{
	padding: 10px 0;
	border-bottom: 1px dashed #ac875b;
}
table.borderDashedTable td a{
	font-size: 90%;
	padding: 5px 20px 3px;
	text-align: center;
	color: #fff;
	position: relative;
	background: #f8456d;
	transition: all .3s;
}
table.borderDashedTable td a::before{
	content: '';
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	background: #fff;
	transform: translate(0, 0) rotate(45deg);
	transition: all .3s;
}
table.borderDashedTable td a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	background: #f8456d;
	transform: translate(0, 0) rotate(45deg);
	transition: all .3s;
}
table.borderDashedTable td a:hover{
	opacity: 0.8;
}
table.borderDashedTable td a:hover::before{
/*	transform: rotate(45deg);*/
	transform: translate(5px, 0) rotate(45deg);
	transition: all .3s;
}
table.borderDashedTable td a:hover::after{
/*	transform: rotate(45deg);*/
	transform: translate(5px) rotate(45deg);
	transition: all .3s;
}
table.borderDashedTable td:nth-child(3){
	text-align: right;
}

/*
9:タイトル
------------------------------------------------------------
*/
.headerTi {
	float: left;
	font-family: 'mplus';
	font-weight: 300;
	font-size: 114%;
	letter-spacing: 4px;
	transform: rotate(0.001deg);
}
.topMainTi {
	font-family: 'mplus';
    font-size: 200%;
    font-weight: 500;
    color: #000;
    padding: 15px 15px 15px 140px;
    margin: 18px 0 30px;
    border-radius: 5px;
    background: url(../images/mainTiBg.jpg) repeat;
    position: relative;
	transform: rotate(0.001deg);
}
.topMainTi::after {
	content: '';
	position: absolute;
	top: -18px;
	left: 20px;
	width: 98px;
	height: 70px;
	background: url(../images/icon_title.svg) no-repeat center;
	background-size: auto 100%;
}
.topBalloonTi,
.balloonBkTi{
	border-radius: 5px;
	background: #f8456d;
	margin: 0 0 15px;
	padding: 15px;
	text-align: center;
	font-family: 'mplus';
	font-weight: 700;
	font-size: 128%;
	color: #fff;
	position: relative;
	transform: rotate(0.001deg);
}
.topBalloonTi::after,
.balloonBkTi::after{
	content: '';
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	margin: auto;
	width: 0;
	border-top: 15px solid #f8456d;
	border-bottom: 0 solid transparent;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.topBalloonTi span{
	display: block;
}
.balloonBkTi{
	background: #464646;
}
.balloonBkTi::after{
	border-top: 15px solid #464646;
}

.iconBearTi{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 179%;
	margin: 15px 0 20px;
	padding: 10px 10px 10px 70px;
	background: #67ccd9;
	position: relative;
	border-radius: 5px;
	transform: rotate(0.001deg);
}
.iconBearTi::after{
	content: '';
	width: 42px;
	height: 53px;
	position: absolute;
	top: -10px;
	left: 15px;
	background: url(../images/icon_bear.png) no-repeat center/auto 100%;
}
.iconBearBorderTi,
.iconBearBorderGrTi,
.iconBearBorderOrTi{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 179%;
	margin: 15px 0 20px;
	padding: 15px 15px 10px 70px;
	border-bottom: 3px solid #67ccd9;
	background: url(../images/icon_bear.png) no-repeat 15px top/auto 52px;
	position: relative;
	transform: rotate(0.001deg);
}
.iconBearBorderGrTi{
	border-bottom: 3px solid #82bf45;
}
.iconBearBorderOrTi{
	border-bottom: 3px solid #f48126;
}
.mainTi01{
	background-image: url(../images/mainTiBg01.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi02{
	background-image: url(../images/mainTiBg02.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi03{
	background-image: url(../images/mainTiBg03.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi04{
	background-image: url(../images/mainTiBg04.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi05{
	background-image: url(../images/mainTiBg05.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi06{
	background-image: url(../images/mainTiBg06.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.mainTi01,
.mainTi02,
.mainTi03,
.mainTi04,
.mainTi05,
.mainTi06{
  position: relative;
}
.mainTi01::before,
.mainTi02::before,
.mainTi03::before,
.mainTi04::before,
.mainTi05::before,
.mainTi06::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
  background-color: rgba(0,0,0,0.5);
}
span.mainTiContent{
	display: block;
  width: 1280px;
  padding: 55px 0 45px 280px;
  margin: 0 auto;
  text-align: center;
  font-family: 'mplus';
  font-size: 257%;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  -webkit-transform: rotate(0.001deg);
  -moz-transform: rotate(0.001deg);
  -ms-transform: rotate(0.001deg);
  -o-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
}
span.mainSubContent{
	font-family: 'cizel';
	font-size: 38%;
	font-weight: 700;
	display: block;
	-webkit-transform: rotate(0.001deg);
	-moz-transform: rotate(0.001deg);
	-ms-transform: rotate(0.001deg);
	-o-transform: rotate(0.001deg);
	transform: rotate(0.001deg);
}
.numberTi{
	font-family: 'mplus';
	font-size: 178%;
	font-weight: 500;
	padding: 10px 10px 10px 60px;
	margin: 17px 0 20px;
	border-radius: 5px;
	position: relative;
	background: url(../images/mainTiBg.jpg) repeat;
	transform: rotate(0.001deg);
	letter-spacing: 1px;
}
.numberTi span{
	font-family: 'cizel';
	font-size: 280%;
	font-weight: 700;
	position: absolute;
	top: -33px;
	left: 10px;
	transform: rotate(0.001deg);
}
.schoolMainTi {
	border-left: 11px solid #f8456d;
	margin: 0 0 25px;
}
.schoolMainTi span.schoolMainTiTop{
	display: block;
	font-size: 164%;
	font-weight: 700;
	padding: 3px 0 15px 15px;
}

span.schoolMainTiBottom{
	display: block;
	font-weight: normal;
	padding: 15px 0 5px 15px;
	color: #f8456d;
	border-top: 1px solid #f8456d;
}
.schoolMainTi2 {
	border-left: 11px solid #f8456d;
	margin: 0 0 10px;
}
.schoolMainTi2 span.schoolMainTiTop{
	display: block;
	font-size: 142%;
	font-weight: 700;
	padding: 3px 0 5px 10px;
}

.schoolMainTi2 span.schoolMainTiBottom{
	display: block;
	font-weight: normal;
	padding: 5px 0 0px 10px;
	color: #f8456d;
	border-top: 1px solid #f8456d;
}
.flaBlTi2{
	margin: 0 0 15px;
	font-family: 'mplus';
	font-size: 128%;
	font-weight: 500;
	text-align: center;
	-webkit-transform: rotate(0.001deg);
	-moz-transform: rotate(0.001deg);
	-ms-transform: rotate(0.001deg);
	-o-transform: rotate(0.001deg);
	transform: rotate(0.001deg);
}
.flaBlTi2 span{
	display: block;
	width: 33px;
	margin: 0 auto 5px;
}
.rankTi01,.rankTi02,.rankTi03{
	margin: 0 0 5px;
    font-weight: 700;
    padding: 0 0 0 40px;
    height: 45px;
    line-height: 1.6;
    display: flex;
    align-items: center;
	position: relative;
}
.rankTi01::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 33px;
	background: url(../images/icon_rank01.svg) no-repeat left center;
	background-size: auto 33px;
}
.rankTi02::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 33px;
	background: url(../images/icon_rank02.svg) no-repeat left center;
	background-size: auto 33px;
}
.rankTi03::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 33px;
	background: url(../images/icon_rank03.svg) no-repeat left center;
	background-size: auto 33px;
}
.usefulTi{
	font-family: 'mplus';
    font-weight: 500;
    font-size: 142%;
    color: #fff;
    text-align: center;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #fff;
	transform: rotate(0.001deg);
}
.usefulTi span img{
	display: block;
	height: 25px;
	margin: 0 auto 10px;
}
.borderTi{
	border: 1px solid #f8456d;
	padding: 10px;
	font-size: 114%;
	font-weight: 700;
	color: #f8456d;
}
.bandTi{
	color: #fff;
	font-size: 142%;
	font-weight: 700;
	margin: 0 0 15px;
	padding: 10px 15px;
	overflow: hidden;
	background: #133377;
}
.iconTowerTi,
.iconHouseTi{
	color: #133377;
	font-size: 157%;
	font-weight: 700;
	padding: 20px 0 5px 45px;
	margin: 0 0 15px;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #133377;
}
.iconTowerTi::after{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 23px;
	height: 41px;
	background: url(../images/icon_tower.svg) no-repeat center/auto 100%;
}
.iconHouseTi::after{
	content: '';
	position: absolute;
	top: 15px;
	left: 5px;
	width: 34px;
	height: 28px;
	background: url(../images/icon_house.svg) no-repeat center/auto 100%;
}
.iconJetTi{
	font-family: 'mplus';
	font-size: 178%;
	font-weight: 500;
	margin: 15px 0 20px;
	padding: 10px 10px 10px 80px;
	position: relative;
	transform: rotate(0.001deg);
	background: #67ccd9;
}
.iconJetTi::before{
	content: '';
	position: absolute;
	top: -8px;
	left: 15px;
	width: 65px;
	height: 45px;
	background: url(../images/icon_jet_bk.svg) no-repeat center/auto 100%;
}
.iconCarryTi{
	font-family: 'mplus';
	font-size: 178%;
	font-weight: 500;
	margin: 15px 0 20px;
	padding: 10px 10px 10px 80px;
	position: relative;
	transform: rotate(0.001deg);
	background: #67ccd9;
}
.iconCarryTi::before{
	content: '';
	position: absolute;
	top: -15px;
	left: 15px;
	width: 52px;
	height: 68px;
	background: url(../images/icon_carry_bk.svg) no-repeat center/auto 100%;
}

.boldBlueTi{
	color: #133377;
	font-size: 157%;
	font-weight: 700;
	margin: 0 0 15px;
}
.infoTi{
	font-family: 'mplus';
    font-weight: 500;
    font-size: 157%;
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: 5px;
	transform: rotate(0.001deg);
}
.boldTi{
	font-size: 130%;
	font-weight: 700;
	margin: 0 0 20px;
}
.borderLeftTi{
	font-size: 130%;
	font-weight: 700;
	padding: 10px 15px;
	margin: 0 0 20px;
	border-left: 5px solid #67ccd9;
}
.borderUpDownTi{
	font-size: 130%;
	padding: 20px;
	margin: 0 0 20px;
	text-align: center;
	border-top: 2px solid #67ccd9;
	border-bottom: 2px solid #67ccd9;
}
.gradationPuTi{
	color: #fff;
	font-family: 'mplus';
	font-size: 178%;
	font-weight: 500;
	transform: rotate(0.001deg);
	margin: 0 0 30px;
	padding: 10px;
	background: linear-gradient(90deg, #a86293, #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 {
	font-weight: bold;
	font-size: 116%;
}

/*
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;
}
span.newLine{
	display: block;
}
.day {
	padding-right: 15px;
}
.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 {
	margin-bottom: 15px;
}
.copy {
	clear: both;
	font-size: 78%;
	padding: 5px 0;
	background: #133377;
	color: #fff;
	text-align: center;
}

/*
11:ボタン系
------------------------------------------------------------
*/
#topcontrol{
	width:60px;
	height:60px;
	background:url(../images/pageTop.png) no-repeat center/100% 100%;
}
.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;
	font-family: 'Montserrat', sans-serif;
	font-size: 114%;
	color: #CCC;
	margin: 0 5%;
	width: 90%;
}
.btn a:link {
	display:block;
	padding: 3px 0;
	width: 100%;
	margin: 0 0;
	border: 1px solid #666;
}
.btn a:hover {
	border:1px dotted #111;
	color: #CCC;
}
.absoBottmBtn{
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.absoBottmBtn a{
	display: inline-block;
	color: #fff;
	font-weight: 700;
	padding: 3px 28px;
	border: 2px solid #a86293;
	background: #a86293 url(../images/arrow_wright.svg) no-repeat 96% center;
	background-size: auto 8px;
	margin-bottom: 15px;
}
.absoBottmBtn a:hover{
	color: #a86293;
	background: #fff url(../images/arrow_puright.svg) no-repeat 96% center;
	background-size: auto 8px;
}
.centerBkBtn{
	text-align: center;
}
.centerBkBtn a{
	display: inline-block;
	color: #000;
	padding: 5px 30px;
	border: 1px solid #000;
	background: url(../images/arrow_bkright.svg) no-repeat 96% center;
	background-size: auto 8px;
}
.centerBkBtn a:hover{
	color: #fff;
	background: #000 url(../images/arrow_wright.svg) no-repeat 96% center;
	background-size: auto 8px;
}
.centerPurpleBtn{
	text-align: center;
}
.centerPurpleBtn a{
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	border: 2px solid #a86293;
	background: #a86293 url(../images/arrow_wright.svg) no-repeat 96% center;
	background-size: auto 8px;
}
.centerPurpleBtn a:hover{
	color: #a86293;
	background: #fff url(../images/arrow_puright.svg) no-repeat 96% center;
	background-size: auto 8px;
}
.sideContactBtn01,.sideContactBtn02{
	width: 100%;
	text-align: center;
}
.sideContactBtn01 a,.sideContactBtn02 a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 8px;
	margin: 0 0 10px;
	font-weight: 700;
}
.sideContactBtn01 a {
	background: #f8456d url(../images/arrow_wright.svg) no-repeat 96% center;
	background-size: auto 8px;
	border: 2px solid #f8456d;
}
.sideContactBtn01 a:hover {
	color: #f8456d;
	background: #fff url(../images/arrow_piright.svg) no-repeat 96% center;
	background-size: auto 8px;
	border: 2px solid #f8456d;
}
.sideContactBtn02 a {
	background: #a86293 url(../images/arrow_wright.svg) no-repeat 96% center;
	background-size: auto 8px;
	border: 2px solid #a86293;
}
.sideContactBtn02 a:hover {
	color: #a86293;
	background: #fff url(../images/arrow_puright.svg) no-repeat 96% center;
	background-size: auto 8px;
	border: 2px solid #f8456d;
}
.rankScrollGreenBtn,
.rankScrollBlueBtn,
.rankScrollOrangeBtn{
	margin: 0 0 20px;
}
.rankScrollGreenBtn a,
.rankScrollBlueBtn a,
.rankScrollOrangeBtn a{
	display: block;
	width: 100%;
	padding: 10px 25px 20px 85px;
	color: #000;
	font-family: 'mplus';
	font-weight: 500;
	font-size: 171%;
	letter-spacing: 1px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.rankScrollGreenBtn a{
	background: #82bf45 url(../images/icon_bear.png) no-repeat 25px center;
}
.rankScrollBlueBtn a{
	background: #00b2d5 url(../images/icon_bear.png) no-repeat 25px center;
}
.rankScrollOrangeBtn a{
	background: #f48126 url(../images/icon_bear.png) no-repeat 25px center;
}
.rankScrollGreenBtn a:hover,
.rankScrollBlueBtn a:hover,
.rankScrollOrangeBtn a:hover{
	opacity: 0.6;
}

.rankScrollGreenBtn a::after,
.rankScrollBlueBtn a::after,
.rankScrollOrangeBtn a::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
	width: 15px;
	height: 8px;
	background: url(../images/arrow_bkdown.svg) no-repeat center/100% auto;
	transform: translate(0, 0);
	transition: all .3s;
}
.rankScrollGreenBtn a:hover::after,
.rankScrollBlueBtn a:hover::after,
.rankScrollOrangeBtn a:hover::after{
	transform: translate(0, 5px);
	transition: all .3s;
}
.rankScrollGreenBtn a span,
.rankScrollBlueBtn a span,
.rankScrollOrangeBtn a span{
	display: block;
	font-size: 66%;
}



/*
12:その他パーツ
------------------------------------------------------------
*/
#breadcrumbList {
	margin:0;
	font-size: 92%;
	padding: 15px 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 30px 30px 0;
}
.photoL p {
	overflow: auto;
}
.photoR {
	float: right;
	padding: 0 0 30px 30px;
}
.photoR p {
	overflow: auto;
}
.movieR{
	float: right;
	padding: 0 0 30px 30px;
	width: 485px;
}

/*
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 #505050;
	color:#FFF;
	font-size:123%;
	margin: 0 0 20px 0;
}
ul.style01 li {
	display:inline-block;
	width:215px;
	height:40px;
	margin:0 3px 0 0;
	padding: 0 0 0 10px;
	line-height:40px;
	box-sizing: border-box;
	background: #dcdcdc url(../images/arrow_wdown.svg) no-repeat 96% center;
	background-size: auto 8px;
	cursor: pointer;
	transition: all .3s;
}
ul.style01 li.active {
	background: #505050 url(../images/arrow_wdown.svg) no-repeat 96% center;
	background-size: auto 8px;
	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;
    height: 40px;
    padding: 0 15px;
    margin: 0 9px 10px 0;
    line-height: 40px;
    border: 1px solid #133377;
    background: #fff url(../images/arrow_blright.png) no-repeat 6px center;
    transition: all .3s;
    cursor: pointer;
    box-sizing: border-box;
    letter-spacing: normal;
}
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;
}
.show {
	display:block;
	transition: all .5s;
}

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



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


ul.style03 {
	text-align:left;
	border-bottom: 3px solid #f8456d;
	color:#FFF;
	font-size:123%;
	margin: 0 -1% 20px 0;
	letter-spacing: -0.5em;
}
ul.style03 li {
	display: inline-block;
    width: 29%;
    height: 40px;
    margin: 0 0.5% 0 0;
    padding: 0 0 0 10px;
    font-weight: 700;
    color: #f8456d;
    line-height: 40px;
    border: 1px solid #f8456d;
    background: #fff url(../images/arrow_pidown.svg) no-repeat 95% center;
    background-size: auto 8px;
    cursor: pointer;
    transition: all .3s;
    letter-spacing: normal;
}
ul.style03 li.active {
	cursor: pointer;
	transition: all .3s;
	color:#fff;
	border: 1px solid #f8456d;
	background: #f8456d url(../images/arrow_wdown.svg) no-repeat 95% center;
	background-size: auto 8px;
}

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

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

.staffCom{
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
.staffCom img{
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
}
.staffCom span{
	font-weight: 700;
	color: #133377;
	width: 80%;
	margin: 0 auto;
	padding: 15px 20px;
	display: block;
	background: #faf1e5;
	border-radius: 10px;
	position: relative;
}
.staffCom span{
	width: 90%;
	margin: 0 0 0 auto;
}
.staffCom span::before{
	content: '';
	position: absolute;
	top: 20px;
	left: -10px;
	width: 0;
	border-top: 7px solid transparent;
	border-left: 0px solid transparent;
	border-right: 10px solid #faf1e5;
	border-bottom: 7px solid transparent;
}
.spe-bal{
	opacity: 0;
}
.spe-bal.scrollin{
	opacity: 1;
	animation: spe-bal 1s ease 0s normal none running;
}
@keyframes spe-bal{
	0%{
		opacity: 0;
		transform: translate(-20px, 0)
	}
	100%{
		opacity: 1;
		transform: translate(0)
	}
}


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

	ページ送り

========================================================== */
ul.pagenation{
	overflow:hidden;
	width:100%;
	margin:0 auto 20px;
	letter-spacing: -0.5em;
	text-align: center;
	display: flex;
}
ul.pagenation li.prev{
	display: inline-flex;
	text-align:left;
	width:30%;
	vertical-align: top;
	letter-spacing: normal;
	align-items: center;
}
ul.pagenation li.prev a{
	color: #fff;
	padding: 5px 5px 5px 20px;
	display: flex;
	width: 100%;
	height: 100%;
	text-align:center;
	border: 1px solid #fff;
	background: #67ccd9 url(../images/arrow_wleft.svg) no-repeat 4% center;
	background-size: auto 8px;
	align-items: center;
    justify-content: center;
}
ul.pagenation li.prev a:hover{
	color: #67ccd9;
	border: 1px solid #67ccd9;
	background: #fff url(../images/arrow_skyleft.svg) no-repeat 4% center;
	background-size: auto 8px;
}
ul.pagenation li.middle{
	display: inline-flex;
	text-align:center;
	width:40%;
	vertical-align: top;
	letter-spacing: normal;
	align-items: center;
}
ul.pagenation li.middle a{
	color: #fff;
	padding: 5px 5px 5px 5px;
	display: flex;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	background: #67ccd9;
	align-items: center;
    justify-content: center;
}
ul.pagenation li.middle a:hover{
	border: 1px solid #67ccd9;
	color: #67ccd9;
	background: #fff;
}

ul.pagenation li.next{
	display: inline-flex;
	text-align:right;
	width:30%;
	vertical-align: top;
	letter-spacing: normal;
}
ul.pagenation li.next a{
	color: #fff;
	padding: 5px 20px 5px 5px;
	display: flex;
	width: 100%;
	height: 100%;
	text-align:center;
	border: 1px solid #fff;
	background: #67ccd9 url(../images/arrow_wright.svg) no-repeat 95% center;
	background-size: auto 8px;
	align-items: center;
    justify-content: center;
}
ul.pagenation li.next a:hover{
	color: #67ccd9;
	border: 1px solid #67ccd9;
	background: #fff url(../images/arrow_skyright.svg) no-repeat 95% center;
	background-size: auto 8px;
}



/*------------------------------------------------------------
　　大学進学
------------------------------------------------------------*/
/* box */
.collMainImg{
	position: relative;
}
.mainLowConBox{
	padding: 30px 0;
	background: #faf1e5;
}
.mainLowConLeftBox{
	float: left;
	width: 41%;
}
.mainLowConLeftBox p{
  font-family: 'cizel';
  font-size: 350%;
  font-weight: 700;
  padding: 10px 0 0 65px;
  position: relative;
}
.mainLowConLeftBox p::before{
	content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 58px;
  height: 38px;
  background: url(../images/icon_tel.svg) no-repeat center/auto 100%;
}
.mainLowConRightBox{
	float: right;
	width: 58%;
	overflow: hidden;
}
.left48Box{
	width: 48%;
	float: left;
}
.right48Box{
	width: 48%;
	float: right;
}
.adBox{
	padding: 15px;
	border-radius: 10px;
	border: 2px solid #67ccd9;
	position: relative;
}
.adBox::before,
.adBox::after{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 25px;
	transform: rotate(45deg);
	background: #faf1e5;
}
.adBox::before{
	left: -6px;
	background: #67ccd9;
}
.adBox::after{
	left: -3px;
	background: #fff;
}


/*  title  */
.colMainTi{
	font-family: 'mplus';
  font-size: 400%;
  font-weight: 700;
  color: #fff;
  padding: 0 0 0 280px;
  text-align: center;
  letter-spacing: 0.05em;
  text-shadow: 0 0 10px #000, 0 0 10px #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 165px;
	z-index: 1px;
}
.colMainTi span{
	display: block;
}
.lowConTi{
	font-family: 'mplus';
	font-size: 200%;
	font-weight: 700;
	margin: 0 0 10px;
	text-align: left;
}
.adTi{
	font-size: 130%;
	font-weight: 700;
	color: #67ccd9;
	margin: 0 0 5px;
}


/*  ul  */
ul.balloonList{
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
ul.balloonList li{
	margin: 0 3% 0 0;
  width: 30.3%;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
ul.balloonList li .Ti{
	font-size: 130%;
	font-weight: 700;
	color: #fff;
	background: #f8456d;
	padding: 10px 5px;
	text-align: center;
	position: relative;
}
ul.balloonList li .Ti::before{
	content: '';
	width: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	border-top: 10px solid #f8456d;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0px solid transparent;
}
ul.balloonList li p{
	padding: 15px 10px 10px;
}
ul.admFlow{

}
ul.admFlow li{
	position: relative;
	overflow: hidden;
	padding: 0 0 30px;
}
ul.admFlow li::before{
	content: '';
	width: 2px;
	height: 99%;
	background: #ccc;
	position: absolute;
	left: 36px;
	top: 0;
	z-index: -1;
}
ul.admFlow li::after{
	content: '';
	position: absolute;
	left: 23px;
	bottom: 0;
	border-top: 10px solid #ccc;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
}
ul.admFlow li:last-child::before,
ul.admFlow li:last-child::after{
	display: none;
}
ul.admFlow li .mont{
	color: #fff;
	float: left;
	width: 80px;
	margin: 0 15px 0 0;
	padding: 10px 0;
	text-align: center;
	background: #67ccd9;
}
ul.admFlow li .flowDisc{
	float: left;
	width: 520px;
	padding: 15px;
	margin: 0 15px 0 0;
	border: 1px solid #ccc;
}
ul.admFlow li .frowCom{
	float: left;
	width: 370px;
	margin: 0;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #f8456d;
	position: relative;
}
ul.admFlow li .frowCom span{
	font-size: 110%;
	font-weight: 700;
	color: #f8456d;
	display: block;
	margin: 0 0 5px;
}
ul.admFlow li .frowCom::before,
ul.admFlow li .frowCom::after{
	content: '';
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 15px;
}
ul.admFlow li .frowCom::before{
	left: -7px;
	background: #f8456d;
}
ul.admFlow li .frowCom::after{
	left: -4px;
	background: #fff;
}
ul.faqTwoColList{
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
ul.faqTwoColList li{
	width: 47%;
  margin: 0 3% 20px 0;
  padding: 15px;
  letter-spacing: normal;
  border: 2px solid #ccc;
  display: inline-block;
  vertical-align: top;
}
ul.faqTwoColList li p.q{
	font-size: 120%;
	padding: 10px 10px 10px 60px;
	margin: 0 0 10px;
	border-bottom: 2px solid #ccc;
	overflow: hidden;
	position: relative;
}
ul.faqTwoColList li p.q::before{
	content: 'Q';
	font-family: 'cizel';
	font-size: 165%;
	font-weight: 700;
	color: #67ccd9;
	position: absolute;
	top: 0;
	left: 10px;
}
ul.faqTwoColList li p.a{
	padding: 10px 10px 10px 60px;
	overflow: hidden;
	position: relative;
}
ul.faqTwoColList li p.a::before{
	content: 'A';
	font-family: 'cizel';
	font-size: 165%;
	font-weight: 700;
	color: #f8456d;
	position: absolute;
	top: 0;
	left: 10px;
}
ul.bullet li{
	font-size: 130%;
	font-weight: 700;
	padding: 0 0 0 18px;
	margin: 0 0 5px;
	position: relative;
}
ul.bullet li::before{
	content: '';
	width: 10px;
	height: 10px;
	background: #67ccd9;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 0;
}


/*  dl  */
dl.boBox{
	border: 1px solid #ccc;
	position: relative;
	margin: 15px 0 0;
	padding: 20px 15px 15px;
}
dl.boBox dt{
	font-size: 150%;
	font-weight: 700;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
}
dl.boBox dt span{
	padding: 0 15px;
	background: #fff;
}
dl.boBox dd{
	font-size: 110%;
}
dl.boBox dd span{
	font-size: 90%;
}

/*  btn  */
.rightConLeftBtn{
	float: left;
	text-align: center;
}
.rightConLeftBtn a{
	color: #fff;
	font-size: 130%;
	font-weight: 700;
	padding: 10px 45px;
	display: block;
	background: #f8456d;
	border: 1px solid #f8456d;
}
.rightConLeftBtn a:hover{
	color: #f8456d;
	background: #fff;
}
.rightConRightBtn{
	float: right;
	text-align: center;
}
.rightConRightBtn a{
	color: #fff;
	font-size: 130%;
	font-weight: 700;
	padding: 10px 45px;
	display: block;
	background: #a86293;
	border: 1px solid #a86293;
}
.rightConRightBtn a:hover{
	color: #a86293;
	background: #fff;
}



/*------------------------------------------------------------
　　追加
------------------------------------------------------------*/

a.external {
  color: #4787ed;
  text-decoration: underline;
}
.external::after {
  content: '';
  font-family: 'fa';
  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;
}

.searchTable {
  width: 100%;
  margin: 0 0 30px;
}
.searchTable th {
  width: 100%;
  display: block;
  border: 1px solid #67ccd9;
  background: #67ccd9;
  text-align: left;
  font-weight: 700;
  padding: 0.5em 1em;
}
.searchTable td {
  width: 100%;
  display: block;
  border: 1px solid #67ccd9;
  padding: 1em;
}
input.field {
  width: 100%;
}
ul.univSelect li {
  display: inline-block;
	margin: 0.2em;
	font-size: 20px;
}
button[type="submit"] {
  display: block;
  width: 100%;
  max-width: 15em;
  margin: 0 auto;
  color: #fff;
  background: #f8456d;
  border: 1px solid #f8456d;
  font-size: 114%;
  font-weight: 600;
  text-align: center;
  padding: 0.5em;
  transition: 0.3s;
}
button[type="submit"]:hover {
  color: #f8456d;
  background: #fff;
}
.result {
  margin: 0 0 1em;
}


.experience_list {
  display: flex;
  justify-content: center;
}
.experience_list img{
  width: 400px;
  height: auto;
  margin-right: 40px;
}

.experience_table {
  border-collapse: collapse;
}
.experience_table th {
  border-bottom: 1px solid #F8456C;
  background-color: rgb(252, 252, 252);
  width: 200px;
  font-size: 18px;
  font-weight: bold;
  padding: 24px 20px;
  text-align: left;
}
.experience_table td {
  width: calc(100% - 200px);
  background-color: rgb(252, 252, 252);
  border-bottom: 1px solid #F8456C;
  text-align: left;
}

.qaList {
  display: flex;
}
.qIcon {
  color: black;
  width: 80px;
  height: 80px;
  background-color: #67CCD9;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  font-size: 32px;
  margin-right: 30px;
}

.qDesc {
  width: calc(100% - 120px);
  font-size: 18px;
  font-weight: bold;
  line-height: 90px;
  border-bottom: 1px dotted #67CCD9;
}
.aIcon {
  color: white;
  width: 80px;
  height: 80px;
  background-color: #F8456C;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  font-size: 32px;
  margin: 5px 30px 30px 150px;
}

.aDesc {
  width: calc(100% - 270px);
  font-size: 16px;
  font-weight: normal;
  line-height: 2;
  padding-top: 30px;
  margin-bottom: 30px;
}

.tw_gallery {
  display: flex;
  justify-content: space-evenly;
  list-style: none;
}
.tw_gallery li img{
  width: 200px;
}
.tw_gallery li p{
	text-align: center;
	margin-top: 15px;
}

.linkMark {
	text-decoration: underline !important;
	color: #67CCD9 !important;
}

.list_search {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}

.list_search_all {
	width: 100%;
	margin: 0.2em 0;
	padding: 0.2em 0.5em;
	background: #efefef;
}


.covid-link {
	background: #a86293;
	border: solid 2px #a86293;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	cursor: pointer;
	padding: 15px 0;
  }
  
  .covid-link:hover {
	opacity: .7;
  }
  
  .covid-link span {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	display: block;
	margin-right: 20px;
	font-size: 13px;
  }

  .fa-chevron-right:before {
    color: #fff;
}