@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: 'mplus';
    src: url('../fonts/Mplus1pThin.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pThin.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pThin.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pThin.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 100;
    font-style: normal;
}
@font-face{
    font-family: 'mplus';
    src: url('../fonts/Mplus1pLight.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pLight.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pLight.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pLight.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'mplus';
    src: url('../fonts/Mplus1pRegular.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pRegular.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pRegular.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pRegular.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: 'mplus';
    src: url('../fonts/Mplus1pMedium.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pMedium.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pMedium.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pMedium.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family: 'mplus';
    src: url('../fonts/Mplus1pBold.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pBold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pBold.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pBold.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-family: 'mplus';
    src: url('../fonts/Mplus1pExtraBold.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pExtraBold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pExtraBold.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pExtraBold.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 800;
    font-style: normal;
}
@font-face{
    font-family: 'mplus';
    src: url('../fonts/Mplus1pBlack.eot'); /* IE9以上用 */
    src: url('../fonts/Mplus1pBlack.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/Mplus1pBlack.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/Mplus1pBlack.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 900;
    font-style: normal;
}

@font-face{
    font-family: 'noto';
    src: url('../fonts/notosanscjkjp-thin.eot'); /* IE9以上用 */
    src: url('../fonts/notosanscjkjp-thin.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/notosanscjkjp-thin.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/notosanscjkjp-thin.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 100;
    font-style: normal;
}
@font-face{
    font-family: 'noto';
    src: url('../fonts/notosanscjkjp-light.eot'); /* IE9以上用 */
    src: url('../fonts/notosanscjkjp-light.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/notosanscjkjp-light.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/notosanscjkjp-light.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'noto';
    src: url('../fonts/notosanscjkjp-regular.eot'); /* IE9以上用 */
    src: url('../fonts/notosanscjkjp-regular.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/notosanscjkjp-regular.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/notosanscjkjp-regular.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: 'noto';
    src: url('../fonts/notosanscjkjp-medium.eot'); /* IE9以上用 */
    src: url('../fonts/notosanscjkjp-medium.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/notosanscjkjp-medium.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/notosanscjkjp-medium.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family: 'noto';
    src: url('../fonts/notosanscjkjp-bold.eot'); /* IE9以上用 */
    src: url('../fonts/notosanscjkjp-bold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/notosanscjkjp-bold.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/notosanscjkjp-bold.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-family: 'noto';
    src: url('../fonts/notosanscjkjp-black.eot'); /* IE9以上用 */
    src: url('../fonts/notosanscjkjp-black.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
        url('../fonts/notosanscjkjp-black.woff') format('woff'), /* モダンブラウザ用 */
        url('../fonts/notosanscjkjp-black.ttf') format('truetype'); /* iOS, Android用 */
    font-weight: 900;
    font-style: normal;
}
@font-face {
  font-family: "fontawesome";
  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;
}

html,body{
	width: 100%;
/*	min-width: 1280px;*/
}
body {
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",'noto',Arial,Verdana,sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 200%;
	text-align: left;
	letter-spacing: 0.1em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",'noto',Arial,Verdana,sans-serif;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #666;
	transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
a:hover {
	color: #597abf;
}
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;
}
img[src$=".svg"] {
    width: 100%;
}

/*
1：全体のレイアウト
------------------------------------------------------------
*/
#containerWrap {
	padding: 0 0 0 240px;
	overflow: hidden;
}
header {
	position: fixed;
	left: 0;
	width: 240px;
	height: 100%;
	z-index: 20;
	background: #6ac29f;
}
.headerTi{
	padding: 1em;
	background: #fff;
	width: 100%;
}
.headerTi a{
	font-family: 'mplus';
	font-size: 0.8em;
	color: #000;
}
.headerTi h1,
.headerTi p{
	margin: 0 0 0.5em;
	line-height: 1.4;
}
.headerBox {
	width: 100%;
	padding: 0 0px;
	margin: 0 auto 0;
	clear:both;
}
#headerLeft {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 30%;
}
#headerRight {
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 70%;
}
#container {
	overflow: hidden;
	clear:both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#content {
	padding: 0;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	width: 100%;
}
#main {
	float: left;
	width: 75%;
	padding: 0;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}
#mainone {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	clear: both;
}
#topMain {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	overflow: hidden;
}
#topLeft{
	width:50%;
	float:left;
	overflow:hidden;
}
#topRight{
	width: 50%;
	float:right;
	overflow:hidden;
}
#sub {
	float: right;
	width: 21%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#footerWrap {
	clear: both;
	width: 100%;
	padding: 30px 0;
	overflow: hidden;
	background: #6ac29f;
}
#footer {
	width: 1030px;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
	padding: 0 15px;
}
.fBox{
	float: left;
	margin: 0 39px 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;
}

.footerBox {
	width: 100%;
	overflow: hidden;
}
.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;
}
.secitonBoDas{
	padding: 0 0 30px;
	margin: 0 0 30px;
	border-bottom: 1px dashed #b4b4b4;
}
.sectionW,
.sectionGry,
.sectionLGrn,
.sectionLand,
.sectionPlaid,
.sectionPlaidOre,
.sectionLY{
	padding: 50px 0;
}
.sectionWtop0 {
	padding: 0 0 50px;
}
.sectionGry {
	background: #f5f5f5;
}
.sectionLGrn {
	background: #e1f3ec;
}
.sectionPlaid {
	background: #e6faff url(../images/plaid_Bg.png) repeat;
}
.sectionPlaidOre {
	background: url(../images/plaid_li_ore_Bg.png) repeat;
}
.sectionLand{
	background: url(../images/land_Bg.jpg) no-repeat 50% 50%/cover;
}
.sectionLY{
	background: #ffedcf;
}
.sectionLYtop0{
	padding: 0 0 50px;
	background: #ffedcf;
}
.sideSection {
	width: 100%;
	margin-bottom: 30px;
}
.sideContact {
	text-align: center;
	margin-bottom: 30px;
}
.inner,
.innerOv{
	width: 1030px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
.innerOv{
	overflow: hidden;
}
.inner890{
	width: 920px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
}
article {
}
@media screen and (max-width:1300px){
	.inner{
		width: 100%;
	}
}

/*
4:ナビゲーション系
------------------------------------------------------------
*/
#gnavi {
	margin: 0;
	clear: both;
}
#gnavi li {
	display: block;
	padding: 0;
	position: relative;
	z-index: 1;
}
#gnavi li.pa::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 5px;
	height: 80%;
	margin: auto;
	transition: all .3s;
	background: #fff;
	z-index: 1;
}
#gnavi li.pa:hover::before{
	background: #6ac29f;
}
#gnavi > ul > li > a{
	font-family: 'mplus';
	font-size: 128%;
	font-weight: 500;
	color: #133377;
	padding: 10px 15px;
	background: #6ac29f;
	border-bottom: 1px solid #fff;
	position: relative;
	transform: rotate(0.001deg);
	display: block;
	letter-spacing: normal;
}
#gnavi > ul > li > a:hover{
	color: #fff;
	background: #133377;
}
#gnavi > ul > li > a::before,
#gnavi > ul > li > a.gw::before{
	content: '';
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 10px;
	background: url(../images/arrow_blright.svg) no-repeat center/auto 100%;
	transition: all .3s;
}
#gnavi > ul > li > a:hover::before{
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.gw{
	padding: 10px 15px 10px 50px;
	color: #fff;
	background: #ca296f;
	border-bottom: 1px solid #6ac29f;
}
#gnavi > ul > li > a.gw:hover{
	color: #6ac29f;
	background: #fff;
}
/*
#gnavi > ul > li > a.gw::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 80%;
	background: #6ac29f;
}
*/
#gnavi > ul > li > a.gw::before{
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.gw:hover::before{
	background: url(../images/arrow_lgrnright.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.re{
	color: #fff;
	background: #133777;
	border-bottom: 1px solid #6ac29f;
}
#gnavi > ul > li > a.re:hover{
	color: #133777;
	background: #fff;
}
#gnavi > ul > li > a.re::before{
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.re:hover::before{
	background: url(../images/arrow_blright.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.gic{
	padding: 10px 15px 10px 50px;
}

/*  gnavi icon  */
.icon_contact_gnv::after,
.icon_seminar_gnv::after,
.icon_campaign_gnv::after,
.icon_useful_gnv::after,
.icon_application_gnv::after,
.icon_Experiences_gnv::after,
.icon_columun_gnv::after,
.icon_access_gnv::after,
.icon_faq_gnv::after{
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	transition: all .3s;
}
.icon_contact_gnv::after{
	left: 17px;
	width: 23px;
	height: 30px;
	background: url(../images/icon_gn_contact_hv.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_contact_gnv:hover::after{
	background: url(../images/icon_gn_contact.svg) no-repeat center/auto 100%;
}
.icon_seminar_gnv::after{
	left: 10px;
	width: 29px;
	height: 27px;
	background: url(../images/icon_gn_seminar_hv.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_seminar_gnv:hover::after{
	background: url(../images/icon_gn_seminar.svg) no-repeat center/auto 100%;
}
.icon_campaign_gnv::after{
	left: 10px;
	width: 29px;
	height: 27px;
	background: url(../images/icon_gn_campaign.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_campaign_gnv:hover::after{
	background: url(../images/icon_gn_campaign_hv.svg) no-repeat center/auto 100%;
}
.icon_useful_gnv::after{
	left: 15px;
	width: 23px;
	height: 30px;
	background: url(../images/icon_gn_useful.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_useful_gnv:hover::after{
	background: url(../images/icon_gn_useful_hv.svg) no-repeat center/auto 100%;
}
.icon_application_gnv::after{
	left: 18px;
	width: 26px;
	height: 29px;
	background: url(../images/icon_gn_app_hv.svg) no-repeat center/auto 100%;}
#gnavi > ul > li > a.icon_application_gnv:hover::after{
	background: url(../images/icon_gn_app.svg) no-repeat center/auto 100%;
}
.icon_Experiences_gnv::after{
	left: 17px;
	width: 25px;
	height: 25px;
	background: url(../images/icon_gn_ex.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_Experiences_gnv:hover::after{
	background: url(../images/icon_gn_ex_hv.svg) no-repeat center/auto 100%;
}
.icon_columun_gnv::after{
	left: 15px;
	width: 28px;
	height: 21px;
	background: url(../images/icon_gn_col.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_columun_gnv:hover::after{
	background: url(../images/icon_gn_col_hv.svg) no-repeat center/auto 100%;
}
.icon_access_gnv::after{
	left: 15px;
	width: 21px;
	height: 29px;
	background: url(../images/icon_gn_access.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_access_gnv:hover::after{
	background: url(../images/icon_gn_access_hv.svg) no-repeat center/auto 100%;
}
.icon_faq_gnv::after{
	left: 15px;
	width: 28px;
	height: 25px;
	background: url(../images/icon_gn_faq.svg) no-repeat center/auto 100%;
}
#gnavi > ul > li > a.icon_faq_gnv:hover::after{
	background: url(../images/icon_gn_faq_hv.svg) no-repeat center/auto 100%;
}

/*  subNavi  */
.subNaviWrap{
	height: auto;
	width: 500px;
	padding: 20px 50px;
	border: 2px solid #6ac29f;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
	transform: translate3d(-500px,0,0);
	z-index: -1;
}
#gnavi li:hover .subNaviWrap{
	opacity: 1;
	transform: translate3d(252px,0,0);
}
.subNaviWrap::before,
.subNaviWrap::after{
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	left: -10px;
	transform: rotate(45deg);
	z-index: 10;
}
.subNaviWrap::before{
	background: #6ac29f;
}
.subNaviWrap::after{
	left: -7px;
	background: #fff;
}
ul.subNavi li{
	margin: 0 0 8px;
}
ul.subNavi li a,ul.subNavi02 li a{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 120%;
	transform: rotate(0.001deg);
	padding: 0 5px 5px;
	position: relative;
	display: inline-block;
}
ul.subNavi li a i,ul.subNavi02 li a i{
	margin: 0 10px 0 0;
}
ul.subNavi li a::before,
ul.subNavi li a::after,
ul.subNavi02 li a::before,
ul.subNavi02 li a::after{
	content: '';
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	background: #6ac29f;
	transition: all .3s ease-in-out;
}
ul.subNavi li a::before,ul.subNavi02 li a::before{
	left: 50%;
}
ul.subNavi li a::after,ul.subNavi02 li a::after{
	right: 50%;
}
ul.subNavi li a:hover::before,
ul.subNavi li a:hover::after,
ul.subNavi02 li a:hover::before,
ul.subNavi02 li a:hover::after{
	width: 50%;
}
ul.subNavi02{
	letter-spacing: -0.5em;
	margin: 0 2% 0 0;
}
ul.subNavi02 li{
	width: 48%;
	margin: 0 2% 8px 0;
	display: inline-block !important;
	letter-spacing: normal;
}


.naviTi{
	font-family: 'mplus';
	font-size: 150%;
	font-weight: 700;
	transform: rotate(0.001deg);
	color: #133777;
	margin: 0 0 10px;
}

.search{
	padding: 10px 15px 5px;
}
.gsc-control-cse{
	padding: 0 !important;
	background: inherit !important;
	border: none !important;
	width: 100% !important;
	position: relative;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding: 0 !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	position: absolute;
	top: 4px;
	right: 10px;
	background: url(../images/searchicon.png) no-repeat !important;
	border:none !important;
	padding: 10px !important;
	width: 0 !important;
	height: 0!important;
}
table.gsc-search-box td{
	padding: 0 !important;
}
.gsc-control-cse div{
	border-radius: 5px !important;
}
.gsc-results-wrapper-overlay{
	width: 70vh !important;
}
ul.snsList{
	overflow: hidden;
  margin: auto;
  padding: 10px 15px 3px;
}
ul.snsList li{
	width: 26px;
	margin: 0 10% 0 0;
	float: left;
}
.retiBox{
	padding: 15px 15px 10px;
	letter-spacing: normal;
	border-bottom: 1px solid #fff;
}
.telTop,
.telMiddle,
.telBottom{
	display: block;
	color: #133377;
}
.telTop{
	font-size: 85%;
	line-height: 1.1;
}
.telMiddle{
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 221%;
	padding: 5px 0;
	letter-spacing: 0.01em;
}
.telBottom{
	font-size: 92%;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.logo {
	text-align:left;
}
ul.hNavi {
	float: right;
	margin-top: 10px;
}
ul.hNavi li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	font-size:85%;
}
ul.fList{
	margin: 0 0 -10px 0;
}
ul.fList li{
	margin: 0 0 5px 0;
}
ul.fList li a{
	padding: 0 0 0 20px;
	display: block;
	text-decoration: none;
	color: #fff;
	transition: all .3s;
	position: relative;
}
ul.fList li a::after{
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/arrow_flist.svg) no-repeat center/100% 100%;
}
ul.fList li a:hover{
	color: #a3ccff;
}

/*
5:div
------------------------------------------------------------
*/
.leftCol {
	float:left;
	padding: 2%;
	width: 46%;
}
.rightCol {
	float:right;
	padding: 2%;
	width: 46%;
}
.leftBox {
	float: left;
	width: 48%;
}
.rightBox {
	width: 48%;
	float: right;
}
.leftBox585{
	float: left;
	width: 58.5%;
	margin: 0 0 30px;
}
.leftBox585 p{
	margin: 0 0 20px;
}
.rightBox385{
	float: right;
	width: 38.5%;
	margin: 0 0 30px;
	padding: 15px 20px;
	background: #fff;
}
.topSeBoxWrap{
	overflow: hidden;
	margin: 0 0 30px;
	display: flex;
}
.topSeWBox{
	float: left;
	width: 30%;
	margin: 0 3% 0 0;
	padding: 20px;
	background: #e6faff;
}
.topSeBox{
	float: left;
	width: 30%;
	margin: 0 3% 0 0;
	padding: 20px;
	background: #e6faff;
}
/* .topSeBox.lastChild{
	margin: 0;
} */
.topCoBox{
	border: 3px solid #6ac29f;
	padding: 25px;
}
dl.topCoList{
	overflow: hidden;
}
dl.topCoList dt{
	color: #fff;
	font-weight: 700;
	font-size: 157%;
	float: left;
	position: relative;
	padding: 30px;
	margin: 0 40px 0 0;
	background: #6ac29f;
	text-align: center;
	border-radius: 10px;
}
dl.topCoList dt::after{
	content: '';
	position: absolute;
	top: 0;
	right: -16px;
	bottom: 0;
	width: 0;
	height: 0;
	margin: auto;
	border-top: 10px solid transparent;
	border-left: 17px solid #6ac29f;
	border-bottom: 10px solid transparent;
}
dl.topCoList dd{
	overflow: hidden;
}
.topCoLeftBox{
	float: left;
	width: 346px;
}
.topCoLeftBox img{
	width: 90%;
	margin: 0 0 10px;
}
.topCoRightBox{
	float: right;
	width: 290px;
}

.topCoTelTop,
.topCoTelMiddle,
.topCoTelBottom{
	display: block;
}
.topCoTelTop,
.topCoTelBottom{
	font-size: 107%;
	font-weight: 700;
}
.topCoTelTop{
	margin: 0 0 5px;
}
.topCoTelBottom{
	padding: 10px 0 0;
	line-height: 1.5;
}
.topCoTelMiddle{
	font-family: 'Arvo', serif;
	font-size: 294%;
	font-weight: 700;
	transform: rotate(0.001deg);
	letter-spacing: 0.09em;
}
.topCoBtn01,
.topCoBtn02{
	text-align: center;
}
.topCoBtn01{
	margin: 0 0 20px;
}
.topCoBtn01 a,
.topCoBtn02 a{
	color: #fff;
	font-size: 128%;
	font-weight: 700;
	display: block;
	width: 100%;
	padding: 10px;
	position: relative;
	background: #ca296f;
}
.topCoBtn01 a:hover,
.topCoBtn02 a:hover{
	opacity: 0.7;
}
.topCoBtn01 a::after,
.topCoBtn02 a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 15px;
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
	transform: translate(0);
	transition: all .3s;
}
.topCoBtn01 a:hover::after,
.topCoBtn02 a:hover::after{
	transform: translate(5px,0);
}

.ate {
	padding:15px;
	margin: 5% 0 0;
	border: 1px dotted #1d1d1d;
}

.box {
	padding: 15px;
	background: #F7F7F7;
}
.mainImg {
	min-width: 1030px;
}
.map {
	padding: 0;
	overflow: hidden;
	position: relative;
}
.map::before {
	content: '';
	display: block;
	padding-top: 33%;
}
.map > iframe{
	position: absolute;
	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	border: 0;
}
.topReason{
	margin: 0 0 50px;
}
.notice{
  text-align: center;
  margin: 1em 0 0;
  padding: 1em 0;
  background: rgba(255,0,0,0.1);
}
.notice a{
  text-decoration: underline;
  color: #ca296f;
}

/*
6:ul
------------------------------------------------------------
*/
ul.bnrList {
	margin: 0 -2% -2% 0;
	letter-spacing: -0.5em;
}
ul.bnrList li {
	width: 48%;
	margin: 0 2% 2% 0;
	display: inline-block;
	letter-spacing: normal;
}
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.photoList{
	margin: 0 -2% 30px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
ul.photoList li{
	margin: 0 2% 0 0;
	letter-spacing: normal;
	overflow: hidden;
	width: 23%;
}
ul.photoList dd{
	margin: 10px;
	text-align: center;
}

ul.infoList {
	margin: 0 0 30px;
}
ul.infoList li {
	border-bottom: 1px dashed #b4b4b4;
}
ul.infoList li a{
	color: #000;
	padding: 10px 0;
	display: block;
}
ul.infoList li a:hover{
	color: #6ac29f;
}
ul.infoList li a span.news,
ul.infoList li a span.campaign{
	display: inline-block;
  font-size: 92%;
  color: #fff;
  padding: 2px 10px;
  margin: 0 10px 0 0;
  min-width: 105px;
  text-align: center;
  line-height: 1.5;
}
ul.infoList li a span.news{background: #133377;}
ul.infoList li a span.campaign{background: #ca296f;}
ul.boDasList{
	margin: 0;
}
ul.boDasList li{
	padding: 5px 0;
	border-bottom: 1px dashed #b4b4b4;
}
ul.boDasList li:last-child{
	border: none;
}
ul.boDasHalfList{
	margin: 0 0 -1px;
	overflow: hidden;
	letter-spacing: -0.5em;
}
ul.boDasHalfList li{
	display: inline-block;
	width: 50%;
	padding: 5px 10px 5px 0;
	border-bottom: 1px dashed #b4b4b4;
	letter-spacing: normal;
}
ul.chaList{
	overflow: hidden;
	margin: 0 -2% 10px 0;
	letter-spacing: -0.5em;
}
ul.chaList li{
	width: 31.3%;
	margin: 0 2% 30px 0;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	letter-spacing: normal;
}
ul.chaList li a{
	display: block;
	width: 100%;
}
ul.chaList li dl{
	overflow: hidden;
}
ul.chaList li dt{
	width: 60px;
	height: 60px;
  float: left;
  display: block;
	overflow: hidden;
	background: #fff;
	border-radius: 50%;
	margin: 30px 10px 0 0;
	position: relative;
}
ul.chaList li dt img{
	position: absolute;
  width: 87%;
  height: 87%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
ul.chaList li dd{
  display: block;
	overflow: hidden;
	vertical-align: top;
}
.chaTi{
	font-family: 'mplus';
	font-size: 128%;
	font-weight: 700;
	color: #59759f;
	transform: rotate(0.001deg);
	margin: 0 0 5px;
}
.chaDisc{
	font-size: 92%;
}
ul.usList,
ul.usList2{
	overflow: hidden;
	margin: 0 -2% 10px 0;
	letter-spacing: -0.5em;
}
ul.usList li,
ul.usList2 li{
	overflow: hidden;
	margin: 0 2% 20px 0;
	display: inline-block;
	width: 23%;
	letter-spacing: normal;
	vertical-align: top;
}
ul.usList2 li{
}
ul.usList li a,
ul.usList2 li a{
	display: block;
	width: 100%;
	position: relative;
}
.usUpBox,
.usUpBox2{
	position: relative;
	overflow: hidden;
	z-index: 1
}
.usUpBox::before,
.usUpBox2::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	transition: all .3s;
	z-index: 1
}
ul.usList li a:hover .usUpBox::before,
ul.usList li a:hover .usUpBox2::before{
	background: rgba(0,0,0,0);
}

ul.columnList {
	list-style: disc !important;
}
ul.columnList li{
	padding: 5px;
}

.usUpBox2{
	height: 145px;
}
.usTi{
	font-family: 'mplus';
	font-size: 142%;
	font-weight: 700;
	transform: rotate(0.001deg);
	transition: all .3s;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 0 10px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
}

.usUpBox img,
.usUpBox2 img{
	transform: scale(1);
	transition: all .3s;
}
.usUpBox2 img{
	position: absolute;
	top: 0;
	left: -50%;
	right: -50%;
	margin: auto;
	height: 123%;
	min-height: 150px;
	width: auto;
	max-width: inherit;
}
.usUnderBox{
	padding: 10px;
	background: #f88217;
	position: relative;
	z-index: 2;
}
.usUnderBox::after{
	content: '';
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	width: 0;
  margin: auto;
	border-top: 0 solid transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 17px solid #f88217;
}
.usUnderBox p{
	color: #fff;
	font-size: 95%;
}
ul.usList li a:hover{
}
ul.usList li a:hover img{transform: scale(1.1);}
ul.usList li a:hover .usTi{color: #82c9ff;}
ul.usList li a:hover .usUnderBox p{color: #133377;}

ul.plaList{
	overflow: hidden;
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
ul.plaList li{
	width: 30.3%;
	margin: 0 3% 0 0;
	display: inline-block;
	overflow: hidden;
	letter-spacing: normal;
	vertical-align: top;
}
.plaTi {
	font-family: 'mplus';
	font-weight: 500;
	font-size: 171%;
	margin: 0 0 5px;
	text-align: center;
	transform: rotate(0.001deg);
}
.plaTi .light,
.plaTi .standard,
.plaTi .special{
	font-size: 70%;
	position: relative;
	display: block;
}
.plaTi .light{color: #49a4ea;}
.plaTi .standard{color: #f96874;}
.plaTi .special{color: #d08245;}
.plaTi .light::before,
.plaTi .standard::before,
.plaTi .special::before,
.plaTi .light::after,
.plaTi .standard::after,
.plaTi .special::after{
	display: inline-block;
	vertical-align: middle;
	font-size: 110%;
}
.plaTi .light::before,
.plaTi .standard::before,
.plaTi .special::before{
	content: '＼';
	margin: 0 5px 0 0;
}
.plaTi .light::after,
.plaTi .standard::after,
.plaTi .special::after{
	content: '／';
	margin: 0 0 0 5px;
}
.plaImgBox{
	margin: 0 0 20px;
}
.plaImgBox a{
	display: block;
	width: 100%;
	overflow: hidden;
}

.plaImg{
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.plaImg img{
	transition: all .3s;
	transform: scale(1);
}
.plaImgBox a:hover .plaImg img{
	transform: scale(1.1);
}
.plaDiscBox{
	padding: 20px;
	background: #fff;
}
ul.plaBlList,
ul.plaPiList,
ul.plaSpList{
	overflow: hidden;
}
ul.plaBlList li,
ul.plaPiList li,
ul.plaSpList li{
	width: 100%;
	font-family: 'mplus';
	font-weight: 700;
	font-size: 114%;
	transform: rotate(0.001deg);
	display: block;
	padding: 0 0 0 20px;
	position: relative;
	line-height: 2;
}
ul.plaBlList li::after,
ul.plaPiList li::after,
ul.plaSpList li::after{
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 15px;
	height: 15px;
	overflow: hidden;
	border-radius: 50%;
}
ul.plaBlList li::after{background: #49a4ea;}
ul.plaPiList li::after{background: #f96874;}
ul.plaSpList li::after{background: #d08245;}
.plaBlTable,
.plaPiTable,
.plaSpTable{
	width: 100%;
	margin: 0 0 20px;
	table-layout: fixed;
	border-top: 1px solid #6ac29f;
	border-left: 1px solid #6ac29f;
}
.plaBlTable th,
.plaPiTable th,
.plaSpTable th{
	font-weight: 700;
	padding: 5px;
	text-align: center;
	background: #e1f3ec;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
}
.plaBlTable th{color: #49a4ea}
.plaPiTable th{color: #f96874}
.plaSpTable th{color: #d08245}
.plaBlTable td,
.plaPiTable td,
.plaSpTable td{
	padding: 5px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
}

ul.scList{
	margin: 0 -1.51% -3% 0;
	letter-spacing: -0.5em;
}
ul.scList li{
	width: 31%;
	margin: 0 2% 20px 0;
	display: inline-block;
	letter-spacing: normal;
	background: #f5f5f5;
	vertical-align: top;
}
ul.scList li a{
	display: block;
	padding: 20px;
	width: 100%;
}
ul.scList li dt{
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
ul.scList li dt::before{
	content: '';
	display: block;
	padding: 62.5% 0 0;
}
ul.scList li dt img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: auto;
}
.topScTi{
	font-size: 128%;
	font-weight: 700;
	height: 48px;
	border-bottom: 1px solid #b4b4b4;
}
.topScDisc{
	font-size: 92%;
	margin: 0 0 10px;
}
ul.scList li table{
	width: 100%;
	text-align: center;
	table-layout: fixed;
	font-size: 92%;
	margin: 0 0 10px;
	border-top: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
}
ul.scList li table th{
	padding: 5px;
	background: #dcdcdc;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}
ul.scList li table td{
	padding: 5px;
	background: #fff;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}
ul.scList li table th:nth-child(3),
ul.scList li table td:nth-child(3){
	width: 40%;
}
ul.topChaList{
	margin: 0 0 20px
}
ul.topChaList li{
	width: auto;
	color: #fff;
	font-size: 90%;
	margin: 0 5px 5px 0;
	display: inline-block;
	padding: 5px 10px 3px;
	border-radius: 5px;
}
.cha01{background: #f96874 !important;}
.cha02{background: #5dbe43 !important;}
.cha03{background: #49a4ea !important;}
.cha04{background: #d08245 !important;}
.cha05{background: #f88217 !important;}
.topScBtn{
	text-align: center;
}
.topScBtn span{
	padding: 8px 30px;
	color: #133377;
	font-weight: 700;
	border: 1px solid #133377;
	position: relative;
	transition: all .3s;
}
.topScBtn span::after{
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 10px;
	background: url(../images/arrow_blright.svg) no-repeat center/auto 100%;
}
ul.scList li a:hover .topScBtn span{
	color: #fff;
	background: #133377;
}
ul.scList li a:hover .topScBtn span::after{
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
}
ul.scSiList{
	overflow: hidden;
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
ul.scSiList li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 3% 3% 0;
	width: 47%;
}
ul.scSiList li a{
	display: block;
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
	padding: 20px;
}
ul.scSiList li a > br,
ul.scSiList li > br{
	display: none;
}
ul.scSiList li dl{
	overflow: hidden;
}
ul.scSiList li dt{
	float: left;
	width: 35%;
	margin: 0 10px 0 0;
	overflow: hidden;
}
ul.scSiList li dd{
	overflow: hidden;
}


/*
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.arDesc{
	overflow: hidden;
	margin: 0 0 30px;
}
dl.arDesc dt{
	position: relative;
	overflow: hidden;
	float: left;
	width: 34%;
	margin: 0 20px 0 0;
}
dl.arDesc dt::before{
	content: '';
	display: block;
	padding: 68% 0 0;
}
dl.arDesc dt img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
dl.arDesc dd{
	overflow: hidden;
}
.arTi{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 171%;
	transform: rotate(0.001deg);
	padding: 0 0 8px;
	margin: 0 0 15px;
	border-bottom: 1px dashed #133377;
}
.arTi span{
	font-family: 'Arvo', serif;
	font-size: 54%;
	padding: 0 0 0 20px;
}

/*
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.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;
}


/*
9:タイトル
------------------------------------------------------------
*/
.mainBoSeTi,
.mainBoTwTi,
.mainBoInTi,
.mainBoChaTi,
.mainBoUsTi,
.mainBoPlTi,
.mainBoMaTi,
.mainMaTi{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 200%;
	line-height: 1.8;
	border-top: 5px solid #6ac29f;
	padding: 15px 15px 15px 85px;
	transform: rotate(0.001deg);
	position: relative;
}
.mainBoSeTi::before,
.mainBoTwTi::before,
.mainBoInTi::before,
.mainBoChaTi::before,
.mainBoUsTi::before,
.mainBoPlTi::before,
.mainBoMaTi::before,
.mainMaTi::before{
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 10px;
}
.mainBoSeTi::before{
	width: 59px;
	height: 43px;
	background: url(../images/icon_seminar_grn.svg) no-repeat center/100% auto;
}
.mainBoTwTi::before{
	width: 47px;
	height: 47px;
	background: url(../images/icon_earth_grn.svg) no-repeat center/100% auto;
}
.mainBoInTi::before{
	width: 52px;
	height: 52px;
	background: url(../images/icon_new_grn.svg) no-repeat center/100% auto;
}
.mainBoChaTi::before{
	width: 47px;
	height: 43px;
	background: url(../images/icon_school_grn.svg) no-repeat center/100% auto;
}
.mainBoUsTi::before{
	width: 41px;
	height: 64px;
	background: url(../images/icon_light_grn.svg) no-repeat center/100% auto;
}
.mainBoPlTi::before{
	width: 42px;
	height: 50px;
	background: url(../images/icon_plan_grn.svg) no-repeat center/100% auto;
}
.mainBoMaTi::before,
.mainMaTi::before{
	width: 52px;
	height: 47px;
	background: url(../images/icon_map_grn.svg) no-repeat center/100% auto;
}
.mainMaTi{
	border: none;
}
.i-ta-fr::after{
	content: '';
  position: absolute;
  top: 11px;
  left: 395px;
  /* bottom: 0; */
  width: 145px;
  height: 70px;
  background: url(../images/icon_tasha_free.svg) no-repeat center/auto 100%;
}
.i-ta-rv::after{
	content: '';
  position: absolute;
	top: -10px;
	right: 60px;
	width: 53px;
	height: 64px;
	background: url(../images/icon_tasha_reverse.svg) no-repeat center/100% auto;
}
.seAreaTi{
	font-size: 128%;
	color: #ca296f;
	margin: 0 0 5px;
}
.rankTi1,
.rankTi2,
.rankTi3,
.rankTiOther{
	font-family: 'mplus';
	font-weight: 700;
	font-size: 150%;
	transform: rotate(0.001deg);
	margin: 0 0 15px;
	position: relative;
  letter-spacing: 0.05em;
}
.rankTi1 span,
.rankTi2 span,
.rankTi3 span,
.rankTiOther span{
	font-family: 'Arvo', serif;
  font-weight: 700;
	font-size: 108%;
	color: #fff;
	padding: 17px 20px 3px;
	margin: 0 10px 0 0;
	display: inline-block
}
.rankTi1 span{background: url(../images/icon_crown_gold.png) no-repeat center/100% auto;}
.rankTi2 span{background: url(../images/icon_crown_silver.png) no-repeat center/100% auto;}
.rankTi3 span{background: url(../images/icon_crown_copper.png) no-repeat center/100% auto;}
.rankTiOther span{background: url(../images/icon_crown_other.png) no-repeat center/100% auto;}

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;
}
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%;
}
.worksTi {
	font-size: 108%;
	margin-bottom: 15px;
}
.infoTi{
	margin-right: 10px;
	font-size: 114%;
	font-weight:bold;
}
/*
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,
.boldRe,
.boldBl{
	font-weight: bold;
}
.boldRe {
	color: #c81f25;
}
.boldBl {
	color: #133377;
}
.day {
	padding-right: 10px;
}
.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 {
	color: #fff;
	clear: both;
	font-size: 78%;
	text-align: center;
	padding: 8px 15px;
	background: #133377;
}
.copy a{
	color: #fff;
}
/*
11:ボタン系
------------------------------------------------------------
*/
#topcontrol{
	width: 84px;
	height: 60px;
	background:url(../images/pageTop.png) no-repeat 0 0;
	z-index: 20;
}
.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;
}
.ceBlBtn,
.cePiBtn,
.ceBrBtn,
.ceOreBtn{
	clear: both;
	text-align: center;
}
.ceBlBtn a,
.cePiBtn a,
.ceBrBtn a,
.ceOreBtn a{
	color: #fff;
	font-size: 114%;
	font-weight: 700;
	display: inline-block;
	padding: 8px 35px;
	position: relative;
}
.ceOreBtn a{background: #f88217;}
.ceBlBtn a{background: #133377;}
.cePiBtn a{background: #f96874;}
.ceBrBtn a{background: #d08245;}
.ceBlBtn a:hover,
.ceOreBtn a:hover{
/*	opacity: 0.8;*/
}
.ceBlBtn a::before,
.cePiBtn a::before,
.ceBrBtn a::before,
.ceOreBtn a::before,
.ceBlBtn a::after,
.cePiBtn a::after,
.ceBrBtn a::after,
.ceOreBtn a::after{
	content: '';
	position: absolute;
}
.ceBlBtn a::before,
.cePiBtn a::before,
.ceBrBtn a::before,
.ceOreBtn a::before{
	border: white solid 1px;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.ceBlBtn a::after,
.cePiBtn a::after,
.ceBrBtn a::after,
.ceOreBtn a::after{
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 10px;
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
	transition: all .3s;
	transform: translate(0);
}
.ceBlBtn a:hover::before,
.cePiBtn a:hover::before,
.ceBrBtn a:hover::before,
.ceOreBtn a:hover::before{
	opacity: 1;
}
.ceBlBtn a:hover::after,
.cePiBtn a:hover::after,
.ceBrBtn a:hover::after,
.ceOreBtn a:hover::after{
	transition: all .3s;
	transform: translate(3px,0);
}

.ceHLBlBtn,
.ceHLPiBtn,
.ceHLBrBtn,
.ceHLOreBtn{
	clear: both;
	text-align: center;
}
.leHLBlBtn,
.leHLPiBtn,
.leHLBrBtn,
.leHLOreBtn{
	clear: both;
	text-align: left;
}
.riHLBlBtn,
.riHLPiBtn,
.riHLBrBtn,
.riHLOreBtn{
	clear: both;
	text-align: right;
}
.ceHLBlBtn a,
.ceHLPiBtn a,
.ceHLBrBtn a,
.ceHLOreBtn a,
.leHLBlBtn a,
.leHLPiBtn a,
.leHLBrBtn a,
.leHLOreBtn a,
.riHLBlBtn a,
.riHLPiBtn a,
.riHLBrBtn a,
.riHLOreBtn a{
	color: #fff;
	font-size: 114%;
	font-weight: 700;
	display: inline-block;
	padding: 6px 50px;
	margin: 15px 0;
	position: relative;
}
.ceHLOreBtn a,
.leHLOreBtn a,
.riHLOreBtn a{background: #f88217;}
.ceHLBlBtn a,
.leHLBlBtn a,
.riHLBlBtn a{background: #133377;}
.ceHLPiBtn a,
.leHLPiBtn a,
.riHLPiBtn a{background: #f96874;}
.ceHLBrBtn a,
.leHLBrBtn a,
.riHLBrBtn a{background: #d08245;}
.ceHLBlBtn a::before,
.leHLBlBtn a::before,
.riHLBlBtn a::before,
.ceHLPiBtn a::before,
.leHLPiBtn a::before,
.riHLPiBtn a::before,
.ceHLBrBtn a::before,
.leHLBrBtn a::before,
.riHLBrBtn a::before,
.ceHLOreBtn a::before,
.leHLOreBtn a::before,
.riHLOreBtn a::before,
.ceHLBlBtn a::after,
.leHLBlBtn a::after,
.riHLBlBtn a::after,
.ceHLPiBtn a::after,
.leHLPiBtn a::after,
.riHLPiBtn a::after,
.ceHLBrBtn a::after,
.leHLBrBtn a::after,
.riHLBrBtn a::after,
.ceHLOreBtn a::after,
.leHLOreBtn a::after,
.riHLOreBtn a::after{
	content: '';
	position: absolute;
}
.ceHLBlBtn a::before,
.leHLBlBtn a::before,
.riHLBlBtn a::before,
.ceHLPiBtn a::before,
.leHLPiBtn a::before,
.riHLPiBtn a::before,
.ceHLBrBtn a::before,
.leHLBrBtn a::before,
.riHLBrBtn a::before,
.ceHLOreBtn a::before,
.leHLOreBtn a::before,
.riHLOreBtn a::before{
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.ceHLBlBtn a::before,
.leHLBlBtn a::before,
.riHLBlBtn a::before{border: #133377 solid 2px;}
.ceHLPiBtn a::before,
.leHLPiBtn a::before,
.riHLPiBtn a::before{border: #ff69b4 solid 2px;}
.ceHLBrBtn a::before,
.leHLBrBtn a::before,
.riHLBrBtn a::before{border: #d08245 solid 2px;}
.ceHLOreBtn a::before,
.leHLOreBtn a::before,
.riHLOreBtn a::before{border: #f88217 solid 2px;}

.ceHLBlBtn a:hover::before,
.leHLBlBtn a:hover::before,
.riHLBlBtn a:hover::before,
.ceHLPiBtn a:hover::before,
.leHLPiBtn a:hover::before,
.riHLPiBtn a:hover::before,
.ceHLBrBtn a:hover::before,
.leHLBrBtn a:hover::before,
.riHLBrBtn a:hover::before,
.ceHLOreBtn a:hover::before,
.leHLOreBtn a:hover::before,
.riHLOreBtn a:hover::before{
	opacity: 1;
}
.ceHLBlBtn a::after,
.leHLBlBtn a::after,
.riHLBlBtn a::after,
.ceHLPiBtn a::after,
.leHLPiBtn a::after,
.riHLPiBtn a::after,
.ceHLBrBtn a::after,
.leHLBrBtn a::after,
.riHLBrBtn a::after,
.ceHLOreBtn a::after,
.leHLOreBtn a::after,
.riHLOreBtn a::after{
	content: '';
	font-family: 'fontawesome';
	font-size: 90%;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 15px;
	line-height: 1;
	transition: all .3s;
	transform: translate(0);
}
.ceHLBlBtn a:hover::after,
.leHLBlBtn a:hover::after,
.riHLBlBtn a:hover::after,
.ceHLPiBtn a:hover::after,
.leHLPiBtn a:hover::after,
.riHLPiBtn a:hover::after,
.ceHLBrBtn a:hover::after,
.leHLBrBtn a:hover::after,
.riHLBrBtn a:hover::after,
.ceHLOreBtn a:hover::after,
.leHLOreBtn a:hover::after,
.riHLOreBtn a:hover::after{
	transform: translate(8px,0);
}
.leUpHLBlBtn,
.leDownHLBlBtn{
}
.leUpHLBlBtn a,
.leDownHLBlBtn a{
	padding: 10px 30px;
	display: inline-block;
	background: #133777;
	color: #fff;
	position: relative;
}
.leUpHLBlBtn a::after,
.leDownHLBlBtn a::after{
	font-family: 'fontawesome';
	font-weight: 700;
	color: #fff;
	height: 15px;
	line-height: 1;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}
.leUpHLBlBtn a::after{
	content: '';
}
.leDownHLBlBtn a::after{
	content: '';
}



.btnWrap{
	width: 60%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	position: relative;
}
.infoCaBtn{
	float: left;
}
.infoNeBtn{
	float: right;
}
.infoCaBtn a,
.infoNeBtn a{
	display: inline-block;
	padding: 6px 50px;
	color: #fff;
	font-size: 114%;
	font-weight: 700;
	position: relative;
}
.infoCaBtn a{
	background: #ca296f;
}
.infoNeBtn a{
	background: #133377;
}
.infoCaBtn a::before,
.infoNeBtn a::before,
.infoCaBtn a::after,
.infoNeBtn a::after{
	content: '';
	position: absolute;
	margin: auto;

}
.infoCaBtn a::before,
.infoNeBtn a::before{
	border: white solid 1px;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.infoCaBtn a::after,
.infoNeBtn a::after{
	top: 0;
	right: 10px;
	bottom: 0;
	width: 8px;
	height: 10px;
	background: url(../images/arrow_wright.svg) no-repeat center/auto 100%;
	transition: all .3s;
	transform: translate(0);
}
.infoCaBtn a:hover::before,
.infoNeBtn a:hover::before{
	opacity: 1;
}
.infoCaBtn a:hover::after,
.infoNeBtn a:hover::after{
	transform: translate(3px,0);
}

/*
12:その他パーツ
------------------------------------------------------------
*/
#breadcrumbList {
	margin: 0;
	font-size: 96%;
	padding: 10px 0;
}
#breadcrumbList li{
	display: inline-block;
	margin: 0 5px 0 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;
	max-width: 500px;
}
.photoL p {
	overflow: auto;
}
.photoR {
	float: right;
	padding: 0 0 15px 15px;
	max-width: 500px;
}
.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:オリジナル
------------------------------------------------------------
*/
/*------------------------------------------------------------
  page-navi
------------------------------------------------------------*/
.pagenationList{
	text-align: center;
	padding: 50px 0 0;
}
.pagenationList ul{
	overflow: hidden;
}
.pagenationList ul li{
	display: inline-block;
	overflow: hidden;
	border-right: 1px solid #133377;
	font-size: 114%;
	position: relative;
}
.pagenationList ul li:last-child{
	border-right: none;
}
.pagenationList ul li a{
	padding: 2px 15px;
	color: #133377;
}
.pagenationList ul li span{
	padding: 2px 15px;
}
.pagenationList ul li span.current::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
	margin: auto;
	width: 55%;
	height: 2px;
	background: #6ac29f;
}


/*------------------------------------------------------------
  lowContactBox
------------------------------------------------------------*/

/*  box  */
.coLeftBox{
	float: left;
	width: 560px;
}
.coRightBox{
	float: left;
	width: 290px;
}

/*  title  */
.coTi{
	font-family: 'mplus';
	font-size: 185%;
	font-weight: 500;
	transform: rotate(0.001deg);
	width: 600px;
	padding: 23px 0 6px 130px;
	margin: 0 auto 30px;
}
.coTi::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 89px;
	height: 85px;
	background: url(../images/icon_tasha_contact.svg) no-repeat center/auto 100%;
}
.coTi span{
	display: block;
	padding: 10px 20px;
	background: #fff;
	border-radius: 10px;
	position: relative;
}
.coTi span::before{
	content: '';
	position: absolute;
	top: 0;
	left: -25px;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-left: 0px solid transparent;
	border-right: 28px solid #fff;
	border-bottom: 9px solid transparent;
}
.coTel{
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 485%;
	transform: rotate(0.001deg);
	padding: 0 0 0 93px;
	position: relative;
	margin: 0 0 15px;
	line-height: 1;
	letter-spacing: 0.01em;
}
.coTel::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 75px;
	height: 49px;
	background: url(../images/icon_tel_free.svg) no-repeat center/100% auto;
}
.coTelDisc{
	font-size: 114%;
	font-weight: 700;
}

/*  btn  */
.coBtn01,
.coBtn02{
	text-align: center;
	margin: 0 0 20px;
}
.coBtn02{
	margin: 0;
}
.coBtn01 a,
.coBtn02 a{
	font-size: 128%;
	font-weight: 700;
	color: #fff;
	display: block;
	padding: 8px 20px;
	border: 1px solid #ca296f;
	background: #ca296f;
	position: relative;
}
.coBtn01 a:hover,
.coBtn02 a:hover{
	color: #ca296f;
	background: #fff;
}
.coBtn01 a i,
.coBtn02 a i{
	position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  height: 20px;
  margin: auto;
  line-height: normal;
}


/*------------------------------------------------------------
  lowReasonBox
------------------------------------------------------------*/

/*  box  */
.reLeftBox{
	float: left;
	width: 625px;
}
.reRightBox{
	float: right;
	width: 235px;
	padding: 30px 0 0;
}


/*  title  */
.reTi{
	font-size: 185%;
	font-weight: 700;
	margin: 0 0 10px;
	padding: 15px;
	text-align: center;
	letter-spacing: 0.05em;
}
.reTi span{
	display: inline-block;
	color: #fff;
	padding: 5px;
	background: #133377;
	border-radius: 50%;
	letter-spacing: normal;
}
.reTi::before,
.reTi::after{
	display: inline-block;
	vertical-align: middle;
}
.reTi::before{
	content: '＼';
	font-size: 108%;
	margin: 0 10px 0 0;
}
.reTi::after{
	content: '／';
	font-size: 108%;
	margin: 0 0 0 10px;
}

/*  ul  */
ul.reList{
	margin: 0 -3% 6px 0;
	letter-spacing: -0.5em;
}
ul.reList li{
	width: 22%;
	margin: 0 3% 0 0;
	display: inline-block;
	letter-spacing: normal;
	position: relative;
}
ul.reList li::before{
	content: '';
	display: block;
	padding: 100% 0 0;
	background: #fff;
	border-radius: 50%;
}
ul.reList li::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	width: 123px;
	height: 36px;
	background: url(../images/icon_ribon.svg) no-repeat center/auto 100%;
}
.reNum{
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  font-family: 'Arvo', serif;
  font-size: 307%;
  font-weight: 700;
  color: #133377;
  text-align: center;
  transform: rotate(0.001deg);
}
.reDisc{
	font-size: 107%;
	font-weight: 700;
	position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.reDisc span{
	color: #c81f25;
	font-size: 107%;
	font-weight: 700;
}

/*  btn  */
.reBtn{
	text-align: center;
}
.reBtn a{
	font-size: 128%;
	font-weight: 700;
	color: #fff;
	text-align: left;
	padding: 20px 30px 20px 20px;
	background: #133377;
	position: relative;
	border-radius: 10px;
	border: 2px solid #133377;
	display: block;
}
.reBtn a i{
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	height: 20px;
	line-height: 1;
}
.reBtn a:hover{
	color: #133377;
	background: #fff;
}

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

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

/*--------------------
	tab
--------------------*/
ul.style01 {
	text-align:center;
	color:#133377;
	font-size:123%;
	margin: 0 -1% 30px 0;
	letter-spacing: -0.5em;
}
ul.style01 li {
	display: inline-block;
	margin: 0 1% .5em 0;
	padding: 10px 6px 5px;
	line-height: 1;
	cursor: pointer;
	transition: all .3s;
	text-align: center;
	letter-spacing: normal;
	position: relative;
	border: 1px solid #133377;
	background: #fff;
}
ul.style01 li::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 9px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background: url(../images/arrow_blright.svg) no-repeat center/100% auto;
}
ul.style01 li.active {
	color: #fff;
	background: #133377;
	cursor: pointer;
	transition: all .3s;
}
ul.style01 li.active::before {
	background: url(../images/arrow_wright.svg) no-repeat center/100% auto;
}

ul.style02 {
	text-align: left;
	color: #fff;
	font-size: 100%;
	margin: 0 -10px 30px 0;
	letter-spacing: -0.5em;
	border-bottom: 5px solid #00a3a3;
}
ul.style02 li {
	font-size: 115%;
	font-weight: 700;
	display: inline-block;
	padding: 8px 11px 5px;
	margin: 0 9px 0 0;
	line-height: 1.2;
	background: #fff;
	transition: all .3s;
	cursor: pointer;
	text-align: center;
	letter-spacing: normal;
}
ul.style02 li:nth-child(1) {border: 1px solid #00a3a3;	color: #00a3a3;}
ul.style02 li:nth-child(2) {border: 1px solid #009dd3;	color: #009dd3;}
ul.style02 li:nth-child(3) {border: 1px solid #3271ae;	color: #3271ae;}
ul.style02 li:nth-child(4) {border: 1px solid #745a93;	color: #745a93;}
ul.style02 li:nth-child(5) {border: 1px solid #a74d85;	color: #a74d85;}
ul.style02 li:nth-child(6) {border: 1px solid #da518e;	color: #da518e;}
ul.style02 li:nth-child(7) {border: 1px solid #ca3a28;	color: #ca3a28;}
ul.style02 li:nth-child(8) {border: 1px solid #e08024;	color: #e08024;}
ul.style02 li:nth-child(9) {border: 1px solid #d5b200;	color: #d5b200;}
ul.style02 li:nth-child(10) {border: 1px solid #90b83d;	color: #90b83d;}
ul.style02 li:nth-child(11) {border: 1px solid #4ca748;	color: #4ca748;}
ul.style02 li.active {
	background: #00a3a3;
	border: 1px solid #00a3a3;
	padding-bottom: 10px;
	transition: all .3s;
	color:#fff;
	cursor: pointer;
}
ul.style03 {
	text-align:left;
	border-bottom: 2px solid #6ac29f;
	margin: 0 0 20px;
	letter-spacing: -0.5em;
}
ul.style03 li {
	display: inline-block;
	font-weight: 700;
	color: #6ac29f;
	margin: 0;
	padding: 5px 15px 4px;
	font-size: 114%;
	background: url(../images/tab_Bg.png) no-repeat center/100% 100%;
	position: relative;
	cursor: pointer;
	transition: all .3s;
	letter-spacing: normal;
}
ul.style03 li i{
	margin: 0 0 0 15px;
}
/*
ul.style03 li::after{
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 10px;
	height: 8px;
	margin: auto;
	background: url(../images/arrow_wdown.svg) no-repeat center/100% auto;
	transition: all .3s;
}
*/
ul.style03 li.active {
	color: #fff;
	background: linear-gradient(253deg, transparent 10px, #6ac29f 10px) no-repeat top right/100% 100%;
}
ul.style03 li.active::after {
	background: url(../images/arrow_lgrndown.svg) no-repeat center/100% auto;
}

ul.style04 {
	text-align:left;
	border-bottom: 2px solid #6ac29f;
	margin: 0 0 20px;
	letter-spacing: -0.5em;
}
ul.style04 li {
	display: inline-block;
	font-family: 'mplus';
	font-size: 150%;
	font-weight: 700;
	color: #6ac29f;
	margin: 0 5px 0 0;
	padding: 10px 30px 8px;
	background: #fff;
	border-top: 1px solid #6ac29f;
	border-left: 1px solid #6ac29f;
	border-right: 1px solid #6ac29f;
	position: relative;
	cursor: pointer;
	transition: all .3s;
	letter-spacing: 0.4em;
	opacity: 0.5;
}
ul.style04 img {
	width: auto;
	height: 40px;
	margin: 0 15px 0 0;
	vertical-align: middle;
}
ul.style04 li i{
	margin: 0 0 0 15px;
}
ul.style04 li.active {
	opacity: 1;
}

ul.style05 {
	text-align:left;
	border-bottom: 2px solid #6ac29f;
	margin: 0 0 20px;
	letter-spacing: -0.5em;
}
ul.style05 li {
	display: inline-block;
	font-family: 'mplus';
	font-size: 150%;
	font-weight: 700;
	color: #fff;
	margin: 0 5px 0 0;
	padding: 10px 30px 8px;
	background: #6ac29f;
	border-top: 1px solid #6ac29f;
	border-left: 1px solid #6ac29f;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
	position: relative;
	cursor: pointer;
	transition: all .3s;
	letter-spacing: 0.4em;
	opacity: 0.5;
	vertical-align: top;
}
ul.style05 img {
	width: auto;
	height: 40px;
	margin: 0 15px 0 0;
	vertical-align: middle;
}
ul.style05 li i{
	margin: 0 0 0 15px;
}
ul.style05 li.active {
	opacity: 1;
	color: #6ac29f;
	height: 60px;
	margin: 0 5px -2px 0;
	border-bottom: none;
	background: #fff;
}

.panel {
	display:none;
	transition: all .5s;
	margin: 0 0 30px;
}
.show {
	display:block;
	transition: all .5s;
}

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


/*--------------------
	swich
--------------------*/
ul#switch{
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	text-align: right;
	position: absolute;
	top: 30px;
	right: 0;
}
ul#switch li{
	display: inline-block;
	padding: 10px 25px;
	margin: 0 5px;
}
.displayBtn {
	padding: 5px;
	text-align: center;
	color: #464646;
	opacity: 0.5;
	text-decoration: underline;
  }
.displayBtn:hover {
	opacity: .8;
	cursor: pointer;
  }
.inactive { opacity: 1; }
.inactive:hover {
	opacity: .5;
	cursor: default;
}
.boxDisplay { display: block; }
.boxNone { display: none; }


/*------------------------------
	School details
------------------------------*/

/*  box  */
.schoolPickUpBox{
	padding: 10px;
	margin: 0 0 20px;
	background: #e6faff;
	word-wrap: break-word;
	display: flex;
	align-items: center;
}
.subPickupBlTi {
	color: #001b78;
  font-family: 'Arvo', serif;
  font-size: 107%;
  font-weight: 700;
  width: 90px;
  height: 90px;
  margin: 0 10px 0 0;
  padding: 10px 5px;
  border-radius: 50%;
  text-align: center;
	background: #fff;
	line-height: 1.5;
}
.schoolPickUpBox p:nth-child(2){
	font-size: 92%;
  line-height: 1.8;
  letter-spacing: normal;
}
.caWrap{
	padding: 10px 30px;
	margin: 0 0 30px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: #f88217 url(../images/plaid_ore_Bg.png) repeat;
}
.caWrap p{
	float: left;
	width: 665px;
	margin: 0 30px;
}
.caWrap p span:nth-child(1){
	font-family: 'mplus';
	font-weight: 700;
	font-size: 128%;
	color: #fff;
	margin: 0 20px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	float: left;
}
.caWrap p span:nth-child(2){
	font-size: 92%;
	overflow: hidden;
}
.caBtn{
	float: right;
}
.caBtn a{
	color: #f88217;
	font-size: 114%;
	font-weight: 700;
	padding: 8px 30px;
	display: block;
	background: #fff;
	position: relative;
}
.caBtn a::before,
.caBtn a::after{
	content: '';
	position: absolute;
	margin: auto;
}
.caBtn a::before{
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	transition: all .3s;
	opacity: 0;
	border: 2px solid #f88217;
}
.caBtn a:hover::before{
	opacity: 1;
}
.caBtn a::after{
	top: 0;
	right: 10px;
	bottom: 0;
	width: 8px;
	height: 10px;
	transition: all .3s;
	transform: translate(0);
	background: url(../images/arrow_oreright) no-repeat center/auto 100%;
}
.caBtn a:hover::after{
	transform: translate(5px, 0);
}
.rightMoveBox{
	float: right;
	width: 500px;
	margin: 0 0 20px 20px;
	position: relative;
}
.rightMoveBox::before{
	content: '';
	display: block;
	padding: 60.8% 0 0;
}
.rightMoveBox > iframe{
	position: absolute;
	top: 0;
	left: -50%;
	right: -50%;
	margin: auto;
	width: 100%;
	vertical-align: bottom;
}
.leftScBox{
	overflow: hidden;
}
.rightScBox{
	overflow: hidden;
}


/*  title*/
.icScMaTi,
.icPeMaTi,
.icLiMaTi,
.icNewMaTi,
.icBookMaTi{
	font-family: 'mplus';
	font-size: 257%;
	font-weight: 500;
	color: #133377;
	padding: 20px 0 15px 70px;
	margin: 0 0 15px;
	transform: rotate(0.001deg);
	border-bottom: 1px dashed #133377;
	position: relative;
}
.icScMaTi span,
.icPeMaTi span,
.icLiMaTi span,
.icNewMaTi span,
.icBookMaTi span{
	font-family: 'Arvo', serif;
	font-size: 55%;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0 0 0 15px;
}
.icScMaTi::after,
.icPeMaTi::after,
.icLiMaTi::after,
.icNewMaTi::after,
.icBookMaTi::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.icScMaTi::after{
	width: 48px;
	height: 44px;
	background: url(../images/icon_ti_school.svg) no-repeat center/100% auto;
}
.icPeMaTi::after{
	width: 41px;
	height: 41px;
	background: url(../images/icon_gn_ex.svg) no-repeat center/100% auto;
}
.icLiMaTi::after{
	width: 27px;
	height: 42px;
	background: url(../images/icon_blue_light.svg) no-repeat center/auto 100%;
}
.icNewMaTi::after{
	width: 48px;
	height: 48px;
	background: url(../images/icon_blue_new.svg) no-repeat center/auto 100%;
}
.icBookMaTi::after{
	width: 51px;
	height: 38px;
	transform: rotate(-10deg);
	background: url(../images/icon_gn_col.svg) no-repeat center/100% auto;
}
.scMainTi-cebu,
.scMainTi-mactan-island,
.scMainTi-clark,
.scMainTi-manila,
.scMainTi-bacolod,
.scMainTi-baguio,
.scMainTi-davao,
.scMainTi-iloilo,
.scMainTi-tarlac,
.scMainTi-dumaguete,
.scMainTi-subic,
.scMainTi-boracay,
.scMainTi-school_all{
	font-size: 164%;
	font-weight: 700;
	color: #fff;
	padding: 20px 25px;
	margin: 0 0 30px;
	position: relative;
	border-radius: 15px;
}
.scMainTi-cebu{background: #009dd3;}
.scMainTi-mactan-island{background: #3271ae;}
.scMainTi-clark{background: #745a93;}
.scMainTi-manila{background: #a74d85;}
.scMainTi-bacolod{background: #da518e;}
.scMainTi-baguio{background: #ca3a28;}
.scMainTi-davao{background: #e08024;}
.scMainTi-iloilo{background: #d5b200;}
.scMainTi-tarlac{background: #90b83d;}
.scMainTi-dumaguete{background: #86b32e;}
.scMainTi-subic{background: #90b83d;}
.scMainTi-boracay{background: #82b817;}
.scMainTi-school_all{background: #4ca748;}

.scMainTi-cebu::before,
.scMainTi-mactan-island::before,
.scMainTi-clark::before,
.scMainTi-manila::before,
.scMainTi-bacolod::before,
.scMainTi-baguio::before,
.scMainTi-davao::before,
.scMainTi-iloilo::before,
.scMainTi-tarlac::before,
.scMainTi-dumaguete::before,
.scMainTi-subic::before,
.scMainTi-boracay::before,
.scMainTi-school_all::before{
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	border: 3px solid #fff;
	border-radius: 10px;
}
.scMainTi-cebu::after,
.scMainTi-mactan-island::after,
.scMainTi-clark::after,
.scMainTi-manila::after,
.scMainTi-bacolod::after,
.scMainTi-baguio::after,
.scMainTi-davao::after,
.scMainTi-iloilo::after,
.scMainTi-tarlac::after,
.scMainTi-dumaguete::after,
.scMainTi-subic::after,
.scMainTi-boracay::after,
.scMainTi-school_all::after{
	content: '';
	position: absolute;
	top: -14px;
	width: 0;
	border-top: 0 solid transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.scMainTi-cebu::after{
	left: 21px;
	border-bottom: 14px solid #009dd3;
}
.scMainTi-mactan-island::after{
	left: 145px;
	border-bottom: 14px solid #3271ae;
}
.scMainTi-clark::after{
	left: 118px;
	border-bottom: 14px solid #745a93;
}
.scMainTi-manila::after{
	left: 208px;
	border-bottom: 14px solid #a74d85;
}
.scMainTi-bacolod::after{
	left: 303px;
	border-bottom: 14px solid #da518e;
}
.scMainTi-baguio::after{
	left: 395px;
	border-bottom: 14px solid #ca3a28;
}
.scMainTi-davao::after{
	left: 490px;
	border-bottom: 14px solid #e08024;
}
.scMainTi-iloilo::after{
	left: 583px;
	border-bottom: 14px solid #d5b200;
}
.scMainTi-tarlac::after{
	left: 690px;
	border-bottom: 14px solid #90b83d;
}
.scMainTi-dumaguete::after{
	left: 820px;
	border-bottom: 14px solid #86b32e;
}
.scMainTi-subic::after{
	left: 960px;
	border-bottom: 14px solid #90b83d;
}
.scMainTi-boracay::after{
	left: 45px;
	border-bottom: 14px solid #82b817;
}
.scMainTi-school_all::after{
	left: 770px;
	border-bottom: 14px solid #4ca748;
}

.oneComm{
	position: relative;
	padding: 0 0 0 85px;
	min-height: 71px
}
.oneComm span{
	display: block;
  font-family: 'mplus';
  font-size: 92%;
  font-weight: 700;
  color: #e3a728;
  padding: 10px;
  border: 2px solid #e3a728;
  position: relative;
  border-radius: 10px;
  line-height: 1.8;
}

.oneComm::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 73px;
	height: 69px;
	margin: auto;
	background: url(../images/icon_tasha_com.svg) no-repeat center/auto 100%;
}
.oneComm span::before,
.oneComm span::after{
	content: '';
	position: absolute;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
}
.oneComm span::before{
	top: 25px;
	left: -10px;
	border-width: 8px 10px 8px 0;
	border-color: transparent #e3a728 transparent transparent;
}
.oneComm span::after{
	top: 27px;
	left: -7px;
	border-width: 6px 8px 6px 0;
	border-color: transparent #fff transparent transparent;
}
.bandBlTi,
.bandOreTi,
.bandLgrnTi{
	font-family: 'mplus';
	font-size: 142%;
	font-weight: 700;
	transform: rotate(0.001deg);
	color: #fff;
	padding: 10px 15px;
	margin: 0 0 20px;
	background: #133377;
	overflow: hidden;
}
.bandOreTi{
	color: #133377;
	background: #ffedcf;
}
.bandLgrnTi{
	color: #133377;
	background: #d9f7eb;
}
.icPalmTi,
.icBedTi{
	font-size: 157%;
	font-weight: 700;
	color: #133377;
	border-top: 2px solid #133377;
	padding: 20px 0 20px 50px;
	overflow: hidden;
	position: relative;
}
.icPalmTi::after,
.icBedTi::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 33px;
	height: 29px;
	background: url(../images/icon_ti_palm.svg) no-repeat center/auto 100%;
}
.icBedTi::after{
	background: url(../images/icon_ti_bed.svg) no-repeat center/auto 100%;
}

.boBlTi{
	font-size: 114%;
	font-weight: 700;
	color: #133377;
	padding: 8px 15px;
	margin: 0 0 15px;
	border: 1px solid #133377;
}


/*  ul  */
ul.scArList{
	overflow: hidden;
	margin: 0 -10px 20px 0;
	letter-spacing: -0.5em;
}
ul.scArList li{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 1px 11px;
	letter-spacing: normal;
}

ul.scArList li a{
	text-decoration: underline;
}
ul.scArList li:nth-child(1) a{color: #009dd3;}
ul.scArList li:nth-child(2) a{color: #3271ae;}
ul.scArList li:nth-child(3) a{color: #745a93;}
ul.scArList li:nth-child(4) a{color: #a74d85;}
ul.scArList li:nth-child(5) a{color: #da518e;}
ul.scArList li:nth-child(6) a{color: #ca3a28;}
ul.scArList li:nth-child(7) a{color: #e08024;}
ul.scArList li:nth-child(8) a{color: #d5b200;}
ul.scArList li:nth-child(9) a{color: #90b83d;}
ul.scArList li:nth-child(10) a{color: #4ca748;}
ul.scArList li:nth-child(11) a{color: #39a334;}
ul.scArList li:nth-child(12) a{color: #24a31e;}
ul.scArList li:nth-child(13) a{color: #1ba814;}
ul.scArList li:nth-child(14) a{color: #0f8609;}
ul.scArList li:nth-child(15) a{color: #056b00;}
.cat-cebu a,
.cat-mactan-island a,
.cat-clark a,
.cat-manila a,
.cat-bacolod a,
.cat-baguio a,
.cat-davao a,
.cat-iloilo a,
.cat-tarlac a,
.cat-dumaguete a,
.cat-subic a,
.cat-boracay a,
.cat-other-areas a{
	color: #fff !important;
}
.cat-cebu{background: #009dd3;}
.cat-mactan-island{background: #3271ae;}
.cat-clark{background: #745a93;}
.cat-manila{background: #a74d85;}
.cat-bacolod{background: #da518e;}
.cat-baguio{background: #ca3a28;}
.cat-davao{background: #e08024;}
.cat-iloilo{background: #d5b200;}
.cat-tarlac{background: #90b83d;}
.cat-dumaguete{background: #86b32e;}
.cat-subic{background: #85b820;}
.cat-boracay{background: #82b817;}
.cat-other-areas{background: #4ca748;}

ul.areaList,
ul.areaList2{
	overflow: hidden;
	margin: 0 -5px 0 0;
	letter-spacing: -0.5em;
}
ul.areaList2{
	margin: 0 -5px 20px 0;
}
ul.areaList li,
ul.areaList2 li{
	margin: 0 5px 0 0;
	display: inline-block;
	letter-spacing: normal;
}
ul.areaList li a,
ul.areaList2 li a{
	display: block;
	font-size: 95%;
	font-weight: 700;
	padding: 3px 10px 2px;
	position: relative;
}
ul.areaList li:nth-child(1) a,
ul.areaList2 li:nth-child(1) a{color: #009dd3;	border: 1px solid #009dd3;}
ul.areaList li:nth-child(2) a,
ul.areaList2 li:nth-child(2) a{color: #3271ae;	border: 1px solid #3271ae;}
ul.areaList li:nth-child(3) a,
ul.areaList2 li:nth-child(3) a{color: #745a93;	border: 1px solid #745a93;}
ul.areaList li:nth-child(4) a,
ul.areaList2 li:nth-child(4) a{color: #a74d85;	border: 1px solid #a74d85;}
ul.areaList li:nth-child(5) a,
ul.areaList2 li:nth-child(5) a{color: #da518e;	border: 1px solid #da518e;}
ul.areaList li:nth-child(6) a,
ul.areaList2 li:nth-child(6) a{color: #ca3a28;	border: 1px solid #ca3a28;}
ul.areaList li:nth-child(7) a,
ul.areaList2 li:nth-child(7) a{color: #e08024;	border: 1px solid #e08024;}
ul.areaList li:nth-child(8) a,
ul.areaList2 li:nth-child(8) a{color: #d5b200;	border: 1px solid #d5b200;}
ul.areaList li:nth-child(9) a,
ul.areaList2 li:nth-child(9) a{color: #90b83d;	border: 1px solid #90b83d;}
ul.areaList li:nth-child(10) a,
ul.areaList2 li:nth-child(10) a{color: #4ca748;	border: 1px solid #4ca748;}
ul.areaList li:nth-child(11) a,
ul.areaList2 li:nth-child(11) a{color: #39a334;	border: 1px solid #39a334;}
ul.areaList li:nth-child(12) a,
ul.areaList2 li:nth-child(12) a{color: #1d9c16;	border: 1px solid #1d9c16;}
ul.areaList li:nth-child(13) a,
ul.areaList2 li:nth-child(13) a{color: #079100;	border: 1px solid #079100;}

ul.areaList li.cebu a,
ul.areaList2 li.cebu a{color: #fff;	background: #009dd3;}
ul.areaList li.mactan-island a,
ul.areaList2 li.mactan-island a{color: #fff;	background: #3271ae;}
ul.areaList li.clark a,
ul.areaList2 li.clark a{color: #fff;	background: #745a93;}
ul.areaList li.manila a,
ul.areaList2 li.manila a{color: #fff;	background: #a74d85;}
ul.areaList li.bacolod a,
ul.areaList2 li.bacolod a{color: #fff;	background: #da518e;}
ul.areaList li.baguio a,
ul.areaList2 li.baguio a{color: #fff;	background: #ca3a28;}
ul.areaList li.davao a,
ul.areaList2 li.davao a{color: #fff;	background: #e08024;}
ul.areaList li.iloilo a,
ul.areaList2 li.iloilo a{color: #fff;	background: #d5b200;}
ul.areaList li.tarlac a,
ul.areaList2 li.tarlac a{color: #fff;	background: #90b83d;}
ul.areaList li.other-areas a,
ul.areaList2 li.other-areas a{color: #fff;background: #4ca748;}

ul.areaList li:nth-child(1) a:hover,
ul.areaList2 li:nth-child(1) a:hover{background: #009dd3;}
ul.areaList li:nth-child(2) a:hover,
ul.areaList2 li:nth-child(2) a:hover{background: #3271ae;}
ul.areaList li:nth-child(3) a:hover,
ul.areaList2 li:nth-child(3) a:hover{background: #745a93;}
ul.areaList li:nth-child(4) a:hover,
ul.areaList2 li:nth-child(4) a:hover{background: #a74d85;}
ul.areaList li:nth-child(5) a:hover,
ul.areaList2 li:nth-child(5) a:hover{background: #da518e;}
ul.areaList li:nth-child(6) a:hover,
ul.areaList2 li:nth-child(6) a:hover{background: #ca3a28;}
ul.areaList li:nth-child(7) a:hover,
ul.areaList2 li:nth-child(7) a:hover{background: #e08024;}
ul.areaList li:nth-child(8) a:hover,
ul.areaList2 li:nth-child(8) a:hover{background: #d5b200;}
ul.areaList li:nth-child(9) a:hover,
ul.areaList2 li:nth-child(9) a:hover{background: #90b83d;}
ul.areaList li:nth-child(10) a:hover,
ul.areaList2 li:nth-child(10) a:hover{background: #4ca748;}
ul.areaList li:nth-child(11) a:hover,
ul.areaList2 li:nth-child(11) a:hover{background: #39a334;}
ul.areaList li:nth-child(12) a:hover,
ul.areaList2 li:nth-child(12) a:hover{background: #1d9c16;}
ul.areaList li:nth-child(12) a:hover,
ul.areaList2 li:nth-child(12) a:hover{background: #079100;}

ul.areaList li a:hover,
ul.areaList2 li a:hover{
	color: #fff;
}

ul.areaList li a i,
ul.areaList2 li a i{
	margin: 0 5px 0 0;
}

ul.priceLink{
}
ul.priceLink li{
	margin: 0 5px 15px 0;
	display: inline-block;
}
ul.priceLink li a{
	padding: 10px 30px;
	display: inline-block;
	background: #133777;
	color: #fff;
	position: relative;
}
ul.priceLink li a::after{
	font-family: 'fontawesome';
	font-weight: 700;
	color: #fff;
	height: 15px;
	line-height: 1;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}
ul.priceLink li a::after{
	content: '';
}


/*  dl  */
dl.schoolProfile{
	overflow: hidden;
	margin: 0 0 30px;
}
dl.schoolProfile dt{
	float: left;
	clear: both;
	width: 373px;
	margin: 0 20px 0 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
dl.schoolProfile dt::before{
	content: '';
	display: block;
	padding: 66% 0 0;
}
dl.schoolProfile dt img{
	position: absolute;
	top: 0;
	left: -50%;
	right: -50%;
	width: 100%;
	margin: auto;
}
dl.schoolProfile dd{
	overflow: hidden;
}
dl.camDroList{
	padding: 1.5em;
  margin: 0 0 1.5em;
  overflow: hidden;
  border: 3px solid #ffbd83;
  background: #fff5eb;
}
dl.camDroList dt{
	font-family: 'mplus';
	font-size: 1.4em;
	font-weight: 500;
	color: #f88217;
	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: #f88217;
	padding: 1em 0 0;
	overflow: hidden;
	display: none;
}

/*  table  */
table.scDaTable{
	width: 100%;
	margin: 0 0 15px;
	border-right: 1px solid #133377;
}
table.scDaTable th{
	color: #fff;
	padding: 2px 5px;
	background: #133377;
	text-align: center;
	border-bottom: 1px solid #133377;
}
table.scDaTable td{
	padding: 2px 5px;
	border-top: 1px solid #133377;
	border-bottom: 1px solid #133377;
}
table.scDeTable{
	width: 100%;
	margin: 0 0 30px;
	table-layout: fixed;
	border-top: 1px solid #6ac29f;
	border-left: 1px solid #6ac29f;
}
table.scDeTable th{
	width: 25%;
	padding: 2%;
	font-weight: 700;
	color: #133377;
	background: #e1f3ec;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
	vertical-align: top;
}
table.scDeTable td{
	padding: 2%;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
	word-wrap: break-word;
	position: relative;
}

table.scAcTable{
	width: 100%;
	margin: 0 0 15px;
	table-layout: fixed;
}
table.scAcTable th{
	color: #fff;
	font-weight: 700;
	background: #001b78;
	padding: 1%;
	width: 15%;
	text-align: center;
	border: 1px solid #133377;
}
table.scAcTable td{
	background: #fdf1e5;
	padding: 1%;
	text-align: left;
	border-top: 1px solid #133377;
	border-right: 1px solid #133377;
	border-bottom: 1px solid #133377;
	word-wrap: break-word;
}

/*--------------------------------------------
	選ばれる理由
--------------------------------------------*/
/*  box  */
.meriLeftBox,
.meriLeftBox350{
	float: left;
	overflow: hidden;
}

.meriRightBox,
.meriRightBox350{
	float: right;
	overflow: hidden;
}
.meriLeftBox,
.meriRightBox{
	width: 60%;
}
.meriLeftBox350,
.meriRightBox350{
	width: 37%;
}



/*  title  */
.meriTi{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: 700;
	font-size: 285%;
	padding: 10px 10px 10px 100px;
	margin: 0 0 20px;
	position: relative;
	background: url(../images/plaid_li_ore_Bg.png) repeat;
}
.meriTi::before{
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	bottom: 0;
	margin: auto;
	width: 57px;
	height: 57px;
	background: url(../images/icon_crown.svg) no-repeat center/100% auto;
}
.meriTi span{
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 105%;
	color: #fff;
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: 0 10px;
	padding: 5px;
	text-align: center;
	border-radius: 50%;
	background: #133377;
}

.pointTi{
	font-family: 'mplus';
	font-weight: 700;
	font-size: 165%;
	color: #133377;
	transform: rotate(0.001deg);
	margin: 0 0 10px;
	display: inline-flex;
  align-items: center;
}
.poiCir{
	font-family: 'Arvo', serif;
	font-weight: 700;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	margin: 0 15px 0 0;
	padding: 15px 0;
	display: inline-block;
	color: #fff;
	text-align: center;
	background: #133377;
}
.poiCir span{
	display: block;
}
.poiCir span:nth-child(1){
	font-size: 56%;
}
.poiCir span:nth-child(2){
	font-size: 156%;
	line-height: 1;
}

/*  ul  */
ul.bicolorList{
	margin: 0 -2% 0 0;
	letter-spacing: -0.5em;
}
ul.bicolorList li{
	margin: 0 2% 2% 0;
	width: 31%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
ul.bicolorList li a{
	font-family: 'mplus';
	font-weight: 700;
	font-size: 143%;
	color: #133377;
	transform: rotate(0.001deg);
	display: inline-flex;
  align-items: center;
	width: 100%;
	height: 107px;
	padding: 20px;
	position: relative;
}
ul.bicolorList li:nth-child(odd) a{
	background: #fff8e1;
	border: 6px solid #f8a200;
}
ul.bicolorList li:nth-child(even) a{
	background: #eafbed;
	border: 6px solid #6ac29f;
}
ul.bicolorList li a::after{
	content: '';
	font-family: 'fontawesome';
	font-size: 100%;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	height: 0;
  line-height: 0;
	transform: translate(0);
	transition: all .3s;
}
ul.bicolorList li a:hover::after{
	transform: translate(0, 10px);
}

ul.bicolorList li:nth-child(odd) a::after{
	color: #f8a200;
}

ul.bicolorList li:nth-child(even) a::after{
	color: #6ac29f;
}
.meriNum{
	font-family: 'Arvo', serif;
	font-size: 120%;
	color: #fff;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	padding: 2px;
	text-align: center;
	background: #133377;
	border-radius: 50%;
}




/*--------------------------------------------
	二カ国留学
--------------------------------------------*/
/*  box  */
.whiBox{
	background: #fff;
	padding: 20px;
}
.whiBoxIM{
	padding: 20px 140px 0 190px;
	margin: 0 0 40px;
	position: relative;
	background: #fff;
}
.whiBoxIM::before{
	content: '';
	position: absolute;
	top: 0;
	left: 60px;
	bottom: 0;
	margin: auto;
	width: 84px;
	height: 87px;
	background: url(../images/icon_palm_tree.svg) no-repeat center/100% auto;
}
.plusSpLeftBox{
	width: 382px;
	float: left;
}
.plusSpRightBox{
	width: 255px;
	float: right;
	padding: 10px 0 0;
}
.whiBoxLeft{
	width: 47%;
	float: left;
	background: #fff;
	padding: 20px;
}
.whiBoxRight{
	width: 47%;
	float: right;
	background: #fff;
	margin: 0 0 30px;
	padding: 20px;
}
.decoBox{
	padding: 10px;
	position: relative;
}
.decoBox::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:
		url(../images/deco_left_top.png) no-repeat left top,
		url(../images/deco_right_top.png) no-repeat right top,
		url(../images/deco_left_bottom.png) no-repeat left bottom,
		url(../images/deco_right_bottom.png) no-repeat right bottom;
	z-index: 2;
}
.decoBoxIn{
	padding: 40px;
	border: 1px solid #133377;
	position: relative;
}
.or{
	text-align: center;
  margin: 15px auto;
  padding: 4px 0 0;
  width: 25px;
  height: 25px;
  font-size: 115%;
  font-weight: 700;
  background: #133377;
  border-radius: 50%;
  color: #fff;
  line-height: 1;
}
.boLgrnBox,
.boOreBox{
	border: 10px solid #d9f7eb;
	padding: 30px;
	margin: 0 0 30px;
}
.boOreBox{
	border: 10px solid #ffedcf;
}
.boLgrnBox.lastChild,
.boOreBox.lastChild{
	margin: 0;
}

/*  ul  */
ul.plusList{
}
ul.plusList li{
	margin: 0 0 20px;
	border: 1px solid #6ac29f;
}
ul.plusList li:last-child{
	margin: 0;
}
ul.plusList li dl{
	overflow: hidden;
}
ul.plusList li dt{
	float: left;
	width: 33%;
	margin: 0 30px 0 0;
	overflow: hidden;
}
ul.plusList li dd{
	padding: 30px 30px 30px 0;
	overflow: hidden;
}
ul.bulletBlList{
}
ul.bulletBlList li{
	font-size: 129%;
	padding: 0 0 0 25px;
	position: relative;
	line-height: 2;
}
ul.bulletBlList li::before{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 18px;
	height: 18px;
	background: #133377;
	border-radius: 50%;
	z-index: 3;
}
ul.bulletBlList li span{
	color: #133377;
	font-weight: 700;
}
ul.plusCatList{
	overflow: hidden;
	margin: 0 0 30px;
	letter-spacing: -0.5em;
}
ul.plusCatList li{
	width: 20%;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
}
ul.plusCatList li a{
	font-family: 'mplus';
	font-weight: 700;
	font-size: 129%;
	color: #fff;
	display: block;
	padding: 40px 0 50px;
	position: relative;
}
ul.plusCatList li a:hover{
	opacity: 0.8;
}
ul.plusCatList li:nth-child(odd) a{
	background: #6ac29f;
}
ul.plusCatList li:nth-child(even) a{
	background: #f8a200;
}

ul.plusCatList li a::before{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	margin: auto;
	border: 1px dashed #fff;
}
ul.plusCatList li a i{
	position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  margin: auto;
  font-size: 130%;
  transition: all .3s;
  transform: translate(0);
}
ul.plusCatList li a:hover i{
	transform: translate(0, 10px);
}
ul.plusPlanList{
	overflow: hidden;
}
ul.plusPlanList li{
	margin: 0 0 30px;
	position: relative;
}
ul.plusPlanList li:last-child{
	margin: 0;
}
ul.plusPlanList li dl{
	overflow: hidden;
}
ul.plusPlanList li dt{
	float: left;
	width: 36%;
	margin: 0 20px 0 0;
	overflow: hidden;
}
ul.plusPlanList li dd{
	overflow: hidden;
	padding: 20px 0 0;
	border-top: 1px dashed #b4b4b4;
}
.plPlanTi{
	font-size: 165%;
  font-weight: 700;
  margin: 0 0 15px;
  line-height: 1.5;
}
.plPlanDisc{
	margin: 0 0 25px;
	line-height: 1.8;
}
.oneCommReso{
	position: relative;
	padding: 0 0 0 85px;
	min-height: 71px
}
.oneCommReso span{
	display: block;
  font-family: 'mplus';
  font-size: 92%;
  font-weight: 700;
  color: #e3a728;
  padding: 10px;
  border: 2px solid #e3a728;
  position: relative;
  border-radius: 10px;
  line-height: 1.8;
}
.oneCommReso::before,
.oneCommReso span::before,
.oneCommReso span::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}
.oneCommReso::before{
	width: 73px;
	height: 69px;
	background: url(../images/icon_tasha_com.svg) no-repeat center/auto 100%;
}
.oneCommReso span::before,
.oneCommReso span::after{
	border-style: solid;
}
.oneCommReso span::before{
	top: 25px;
	left: -10px;
	border-width: 8px 10px 8px 0;
	border-color: transparent #e3a728 transparent transparent;
}
.oneCommReso span::after{
	top: 27px;
	left: -7px;
	border-width: 6px 8px 6px 0;
	border-color: transparent #fff transparent transparent;
}
.oneCommReso span span:nth-child(1){
	font-family: 'mplus';
	font-weight: 700;
	font-size: 93%;
	color: #fff;
	transform: rotate(0.001deg);
	width: 40px;
	height: 40px;
	padding: 10px 0 0;
	text-align: center;
	border-radius: 50%;
	background: #e3a728;
	position: absolute;
	top: 10px;
	left: 10px;
}
.oneCommReso span span:nth-child(2){
	padding: 0 0 0 50px;
}
.oneCommReso span > span{
	border: none;
}
.oneCommReso span > span::before,
.oneCommReso span > span::after{
	display: none;
}

/*  title  */
.boDecoTi{
	font-family: 'mplus';
	font-size: 200%;
	font-weight: 700;
	transform: rotate(0.001deg);
	padding: 35px 10px 10px;
	margin: 0 0 30px;
	text-align: center;
	background:
		url(../images/decoBorderTop.png) no-repeat center top,
		url(../images/decoBorderBottom.png) no-repeat center bottom;
	position: relative;
}
.boDecoTi span{
	font-family: 'Arvo', serif;
	font-size: 57%;
	font-weight: 700;
	color: #6ac29f;
	padding: 5px 0 0;
	display: block;
}
.i-travel-bag::before,
.i-globe::after,
.i-airplane::before,
.i-passport::after,
.i-palm-tree::before,
.i-statue::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	animation: moveup 5s ease-in-out 0s infinite normal none running;
}
@keyframes moveup{
	0%{
		transform: translate(0,0);
	}
	33%{
		transform: translate(0,5px);
	}
	66%{
		transform: translate(0,-5px);
	}
	100%{
		transform: translate(0,0);
	}
}

.i-travel-bag::before{
	width: 168px;
	height: 94px;
	left: 41px;
	background: url(../images/icon_travel_bag.svg) no-repeat center/100% auto;
}
.i-globe::after{
	width: 156px;
	height: 89px;
	right: 41px;
	background: url(../images/icon_globe.svg) no-repeat center/100% auto;
}
.i-airplane::before{
	width: 182px;
	height: 76px;
	left: 41px;
	background: url(../images/icon_airplane.svg) no-repeat center/100% auto;
}
.i-passport::after{
	width: 161px;
	height: 92px;
	right: 41px;
	background: url(../images/icon_passport.svg) no-repeat center/100% auto;
}
.i-palm-tree::before{
	width: 184px;
	height: 80px;
	left: 41px;
	background: url(../images/icon_palm_tree_ti.svg) no-repeat center/100% auto;
}
.i-statue::after{
	width: 166px;
	height: 112px;
	right: 41px;
	background: url(../images/icon_statue_of_lberty.svg) no-repeat center/100% auto;
}
.plusRiboTi{
	margin: 0 0 30px;
	text-align: center;
	transform: rotate(0.001deg);
}
.plusRiboTi span{
	display: block;
}
.plusRiboTi span:nth-child(1){
	font-family: 'mplus';
	font-size: 172%;
	font-weight: 500;
	color: #133377;
}
.plusRiboTi span:nth-child(2){
	font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
	font-size: 271%;
	font-weight: 700;
	padding: 24px 0 40px;
	background: url(../images/sp_ribbon.png) no-repeat top center;
}
.lgrnBoldTi{
	font-size: 165%;
	font-weight: 700;
	color: #6ac29f;
	margin: 0 0 15px;
	line-height: 1.5;
}
.boldBlTiL{
	font-size: 158%;
	font-weight: 700;
	color: #133377;
	margin: 0 0 15px;
	line-height: 1.5;
}
.boldOreTiL{
	font-size: 129%;
	font-weight: 700;
	color: #f88217;
	margin: 0 0 15px;
	line-height: 1.5;
}
.boldBkTiL{
	font-size: 165%;
	font-weight: 700;
	color: #000;
	margin: 0 0 15px;
	line-height: 1.5;
}
.boldBlLMp{
	font-family: 'mplus';
	font-size: 165%;
	font-weight: 700;
	color: #133377;
	margin: 0 0 15px;
	line-height: 1.5;
}

.diagTagTi{
	font-family: 'mplus';
	font-size: 143%;
	font-weight: 500;
	color: #fff;
	width: 95%;
	margin: -20px auto 38px;
	padding: 10px 10px 17px;
	text-align: center;
	position: relative;
	transform: rotate(-5deg);
}
.diagTagTi::before{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 97%;
	height: 100%;
	border: 3px solid #4ea5e7;
	background: url(../images/stripe_bl_Bg.png) repeat;
	z-index: -2;
}
.diagTagTi::after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 97%;
	height: 100%;
	background: #4ea5e7;
	z-index: -1;
}
.diagTagTi span{
	font-size: 130%;
	color: #ffed79;
}
.sup{
	clear: both;
	margin: 0 0 30px;
}
.supC{
	text-align: center;
	margin: 0 0 20px;
}

/*-----------------------------------------------
	二カ国留学インタビュー
-----------------------------------------------*/
/*  box  */
.whiOreBox{
	background: #fff url(../images/plaid_li_ore_Bg.png) repeat;
	padding: 40px;
	margin: 0 0 30px;
}
.whiBoxMB{
	padding: 20px;
	margin: 0 0 20px;
	background: #fff;
}
.oreBevelBox{
	padding: 10px;
	margin: 0 0 35px;
	background:
		linear-gradient(45deg,  transparent 10px, #e3a728 10px),
		linear-gradient(135deg, transparent 10px, #e3a728 10px),
		linear-gradient(225deg, transparent 10px, #e3a728 10px),
		linear-gradient(315deg, transparent 10px, #e3a728 10px);
	background-position: bottom left, top left, top right, bottom right;
	background-size: 50% 51%;
	background-repeat: no-repeat;
}
.oreBevelBoxIn{
	background:
		radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #fff 15px),
		radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #fff 15px);
	background:
		-ms-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-ms-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-ms-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-ms-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #fff 15px);
	background:
		-moz-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-moz-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-moz-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-moz-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #fff 15px);
	background:
		-webkit-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-webkit-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-webkit-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #fff 15px),
		-webkit-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #fff 15px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
	position: relative;
	padding: 20px;
	z-index: 0;
}
.oreBevelBoxIn::before{
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	margin: auto;
	border: 2px dotted #e3a728;
	z-index: -1;
}
.intQ,
.intA,
.staffCom{
	position: relative;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
.intQ img,
.intA img,
.staffCom img{
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
}
.intQ span,
.intA span,
.staffCom span{
	font-weight: 700;
	font-size: 100%;
	color: #fff;
	width: 80%;
	margin: 0 auto;
	padding: 15px 20px;
	display: block;
	background: #e3a728;
	border-radius: 10px;
	position: relative;
}
.staffCom span{
	width: 90%;
	margin: 0 0 0 auto;
}
.intQ span::before,
.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 #e3a728;
	border-bottom: 7px solid transparent;
}
.intQ span::after{
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 34px;
	height: 42px;
	background: url(../images/icon_mike.svg) no-repeat center/auto 100%;
}
.intA img{
	right: 0;
	left: inherit;
}
.intA span{
	color: #000;
	font-size: 100%;
	font-weight: 300;
	background: #ffedcf;
}
.intA span::before{
	content: '';
	position: absolute;
	top: 20px;
	right: -10px;
	width: 0;
	border-top: 7px solid transparent;
	border-left: 10px solid #ffedcf;
	border-right: 0px solid transparent;
	border-bottom: 7px solid transparent;
}
.spe-bal,
.spe-bal-rev{
	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)
	}
}
.spe-bal-rev.scrollin{
	opacity: 1;
	animation: spe-bal-rev 1s ease 0s normal none running;
}
@keyframes spe-bal-rev{
	0%{
		opacity: 0;
		transform: translate(20px, 0)
	}
	100%{
		opacity: 1;
		transform: translate(0)
	}
}


/*  title  */
.intMaTi{
	font-family: 'mplus';
	font-size: 535%;
	font-weight: 700;
	color: #fff;
	transform: rotate(0.001deg);
	padding: 80px 20px 32px;
	margin: 0 0 30px;
	text-align: center;
	line-height: 1.12;
	text-shadow: 2px 2px 3px #000;
	background: url(../images/two_intImg.jpg) no-repeat center/cover;
}
.intMaTi span{
	font-size: 24%;
	font-weight: 500;
	margin: 20px 0 0;
	line-height: 1.5;
  display: block;
}
.i-camTi{
	font-family: 'mplus';
	font-size: 200%;
	font-weight: 500;
	color: #fff;
	transform: rotate(0.001deg);
	text-align: center;
	padding: 15px;
	margin: 0 0 30px;
	background:
			radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px);
	background:
			-ms-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-ms-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-ms-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-ms-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px);
	background:
			-moz-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-moz-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-moz-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-moz-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px);
	background:
			-webkit-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-webkit-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-webkit-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px),
			-webkit-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #6ac29f 15px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
	position: relative;
}
.i-camTi::before,
.i-camTi::after{
	content: '';
	position: absolute;
}
.i-camTi::before{
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	margin: auto;
	border: 1px dotted #fff;
}
.i-camTi::after{
	top: -5px;
	right: 35px;
	width: 90px;
	height: 60px;
	background: url(../images/icon_camera.svg) no-repeat center/100% auto;
}
.intSumTi{
	font-family: 'mplus';
	font-size: 186%;
	font-weight: 500;
	padding: 10px 280px 10px 50px;
	margin: 0 0 15px;
	border-bottom: 1px dotted #a38a77;
	position: relative;
}
.intSumTi::before,
.intSumTi::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.intSumTi::before{
	width: 40px;
	height: 48px;
	left: 5px;
	background: url(../images/icon_pencil.svg) no-repeat center/auto 100%;
}
.intSumTi::after{
	width: 266px;
	height: 41px;
	right: 0;
	background: url(../images/logo.svg) no-repeat center/auto 100%;
}


/*  ul  */
ul.intPhoList{
	overflow: hidden;
	margin: 0 -3% -3% 0;
}
ul.intPhoList li{
	overflow: hidden;
	width: 30.3%;
	margin: 0 3% 3% 0;
	float: left;
}



/*  dl  */
.intMaList{
	overflow: hidden;
}
.intMaList dt{
	overflow: hidden;
	width: 140px;
	float: left;
	margin: 0 25px 0 0;
	border-radius: 50%;
	position: relative;
	z-index: 2;
}
.intMaList dt::before{
	content: '';
	display: block;
	padding: 100% 0 0;
}
.intMaList dt img{
	position: absolute;
	top: 0;
	left: -50%;
	right: -50%;
	margin: auto;
	z-index: 1;
}
.intMaList dd{
	overflow: hidden;
}
.intTi{
	font-family: 'mplus';
	font-size: 186%;
	font-weight: 500;
	padding: 10px 0 10px;
	margin: 0 0 15px;
	border-bottom: 2px dotted #a38a77;
}
.intTi span{
	padding: 0 50px 0 0;
	position: relative;
}
.intTi span::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 60px;
	background: url(../images/icon_mike.svg) no-repeat center/auto 100%;
}
.intMaList dd p:last-child{
	font-size: 115%;
}

/*---------------------------------------
	説明会
---------------------------------------*/
/*  box  */
.orePlaidBox,
.blPlaidBox{
	margin: 0 0 30px;
	padding: 30px;
	overflow: hidden;
}
.orePlaidBox{
	background: #ffe3b9 url(../images/plaid_Bg.png) repeat;
}
.blPlaidBox{
	background: #eafbed url(../images/plaid_Bg.png) repeat;
}
.oreBoBox{
	margin: 0 0 20px;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid #f88217;
	box-shadow: 0 0 3px #000;
}
.oreBoBox.lastChild{
	margin: 0;
}

.schWrap{
	display: block;
	overflow: hidden;
}
.schWrap > br,
.schIndex > br{
	display: none;
}
.schIndex{
	display: inline-block;
	vertical-align: top;
	width: 10%;
}
.schMon{
	display: inline-block;
	padding: 0;
	vertical-align: top;
	width: 7.5%;
}
.schDay{
	display: inline-block;
	vertical-align: top;
	width: 80%;
}
.schDay > br:first-child{
	display: none;
}


/*  title  */
.boTopMaTi,
.boTopOreMaTi{
	font-family: 'mplus';
	font-size: 200%;
	font-weight: 500;
	transform: rotate(0.001deg);
	padding: 15px 0 25px;
	border-top: 5px solid #6ac29f;
}
.boTopOreMaTi{
	border-top: 5px solid #f88217;
}
.ribReCeTi{
	margin: 0 0 20px;
	text-align: center;
}
.ribReCeTi span{
	font-size: 165%;
	font-weight: 700;
	color: #fff;
	padding: 5px 50px 2px;
	position: relative;
	background: #c81f25;
	display: inline-block;
}
.ribReCeTi span::before,
.ribReCeTi span::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
}
.ribReCeTi span::before{
	left: 0;
	border-top: 20px solid transparent;
	border-left: 20px solid #fff;
	border-right: 0px solid transparent;
	border-bottom: 20px solid transparent;
}
.ribReCeTi span::after{
	right: 0;
	border-top: 20px solid transparent;
	border-left: 0px solid transparent;
	border-right: 20px solid #fff;
	border-bottom: 20px solid transparent;
}
.semiDisc{
	margin: 0 0 25px;
}
.semiDisc span{
	font-weight: 700;
	color: #c81f25;
}
.higlYeTi{
	font-weight: 700;
	font-size: 122%;
	color: #c81f25;
	margin: 0 0 10px;
}
.higlYeTi span{
	display: inline-block;
	position: relative;
	padding: 1px 5px;
	background: linear-gradient(0deg, #ffff33 50%,transparent 50% );
}
.higlYe,
.higlPu{
	font-weight: 700;
	padding: 1px 5px;
	color: #c81f25;
}
.higlYe{
	background: linear-gradient(0deg, #ffff33 50%,transparent 50% );
}
.higlPu{
	background: linear-gradient(0deg, #e6c6de 50%,transparent 50% );
}



/*  btn  */
.semiBtn{
	text-align: center;
}
.semiBtn a{
	display: inline-block;
	font-size: 228%;
	font-weight: 700;
	color: #fff;
	padding: 20px 90px 15px 125px;
	margin: 0 0 40px;
	background: linear-gradient(to right, #d76a00 80px, #f88217 0%);
	border-radius: 10px;
	border-top: 1px solid #fff;
	border-bottom: 5px solid #d76a00;
	position: relative;
}
.semiBtn a:hover{
	border-top: 5px solid #fff;
	border-bottom: 1px solid #d76a00;
}
.semiBtn a i{
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 0;
	margin: auto;
	height: 30px;
	transform: translate(0);
	transition: all .3s;
}
.semiBtn a:hover i{
	transform: translate(10px,0);
}
.semiBtn a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 19px;
	bottom: 0;
	margin: auto;
	width: 37px;
	height: 34px;
	background: url(../images/icon_gn_seminar_hv.svg) no-repeat center/100% auto;
}
.semiRese{
	text-align: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.semiRese a{
	display: inline-block;
	color: #fff;
	font-size: 108%;
	font-weight: 700;
	padding: 10px 30px;
	background: #f88217;
	position: relative;
	line-height: 1;
}
.semiRese a:hover{
	opacity: 0.8;
}
.semiRese a i{
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	height: 18px;
	transform: translate(0);
	transition: all .3s;
}
.semiRese a:hover i{
	transform: translate(10px, 0);
}




/*--------------------------------------------------------
	親子留学
--------------------------------------------------------*/
/*  box  */
.sidewayBox{
	padding: 30px 40px 30px 30px;
	margin: 0 0 40px;
	position: relative;
}
.sidewayBox::before,
.sidewayBox::after{
	content: '';
	width: 99%;
	height: 100%;
	border: 1px solid #000;
	position: absolute;
}
.sidewayBox::before{
	top: 10px;
	right: 0;
	z-index: -2;
}
.sidewayBox::after{
	top: 0;
	left: 0;
	z-index: -1;
	background: #fff;
}

/*  title  */
.dubLinOreTi{
	font-size: 200%;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px;
  padding: 15px 15px 10px 15px;
  background: #f88217;
  position: relative;
  border-radius: 15px;
}
.dubLinOreTi::after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	margin: auto;
	border: 2px solid #fff;
	border-radius: 15px;
}
.i-parechil::before,
.i-mantsuman::before,
.i-syoshinsya::before,
.i-suparuta::before,
.i-neithibu::before,
.i-setsubi::before,
.i-attohome::before,
.i-kirei::before,
.i-kakuyasu::before,
.i-junia::before,
.i-koukou::before,
.i-shinia::before,
.i-resort::before,
.i-josei::before,
.i-hiritsu::before,
.i-takokuseki::before,
.i-toeic::before,
.i-toefl::before,
.i-ielts::before,
.i-tensuu::before,
.i-syakaizin::before,
.i-bizinesu::before,
.i-wahori::before,
.i-daigakuhuzoku::before,
.i-shihon::before,
.i-couple::before,
.i-tabibito::before,
.i-eigoplus::before,
.i-tsuugaku::before,
.i-tanki::before,
.i-intern::before,
.i-homestay::before,
.i-iryou::before{
	content: '';
	width: 41px;
	height: 41px;
	border-radius: 50%;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.i-parechil::before{background: #fff url(../images/icon_parechil.svg) no-repeat center/38px auto;}
.i-mantsuman::before{background: #fff url(../images/icon_manto.svg) no-repeat center/38px auto;}
.i-syoshinsya::before{background: #fff url(../images/icon_syoshinsya.svg) no-repeat center/26px auto;}
.i-suparuta::before{background: #fff url(../images/icon_suparuta.svg) no-repeat center/30px auto;}
.i-neithibu::before{background: #fff url(../images/icon_neithibu.svg) no-repeat center/38px auto;}
.i-setsubi::before{background: #fff url(../images/icon_setsubi.svg) no-repeat center/38px auto;}
.i-attohome::before{background: #fff url(../images/icon_attohome.svg) no-repeat center/30px auto;}
.i-kirei::before{background: #fff url(../images/icon_kirei.svg) no-repeat center/31px auto;}
.i-kakuyasu::before{background: #fff url(../images/icon_kakuyasu.svg) no-repeat center/27px auto;}
.i-junia::before{background: #fff url(../images/icon_junia.svg) no-repeat center/38px auto;}
.i-koukou::before{background: #fff url(../images/icon_koukou.svg) no-repeat center/38px auto;}
.i-shinia::before{background: #fff url(../images/icon_shinia.svg) no-repeat center/38px auto;}
.i-resort::before{background: #fff url(../images/icon_resort.svg) no-repeat center/38px auto;}
.i-josei::before{background: #fff url(../images/icon_josei.svg) no-repeat center/28px auto;}
.i-hiritsu::before{background: #fff url(../images/icon_hiritsu.svg) no-repeat center/33px auto;}
.i-takokuseki::before{background: #fff url(../images/icon_takokuseki.svg) no-repeat center/38px auto;}
.i-toeic::before{background: #fff url(../images/icon_toeic.svg) no-repeat center/33px auto;}
.i-toefl::before{background: #fff url(../images/icon_toefl.svg) no-repeat center/33px auto;}
.i-ielts::before{background: #fff url(../images/icon_ielts.svg) no-repeat center/33px auto;}
.i-tensuu::before{background: #fff url(../images/icon_tensuu.svg) no-repeat center/33px auto;}
.i-syakaizin::before{background: #fff url(../images/icon_syakaizin.svg) no-repeat center/28px auto;}
.i-bizinesu::before{background: #fff url(../images/icon_bizinesu.svg) no-repeat center/38px auto;}
.i-wahori::before{background: #fff url(../images/icon_wahori.svg) no-repeat center/38px auto;}
.i-daigakuhuzoku::before{background: #fff url(../images/icon_daigaku.svg) no-repeat center/38px auto;}
.i-shihon::before{background: #fff url(../images/icon_shihon.svg) no-repeat center/30px auto;}
.i-couple::before{background: #fff url(../images/icon_couple.svg) no-repeat center/31px auto;}
.i-tabibito::before{background: #fff url(../images/icon_tabibito.svg) no-repeat center/25px auto;}
.i-eigoplus::before{background: #fff url(../images/icon_eigoplus.svg) no-repeat center/38px auto;}
.i-tsuugaku::before{background: #fff url(../images/icon_tsuugaku.svg) no-repeat center/25px auto;}
.i-tanki::before{background: #fff url(../images/icon_tanki.svg) no-repeat center/38px auto;}
.i-homestay::before{background: #fff url(../images/icon_home.svg) no-repeat center/36px auto;}
.i-intern::before{background: #fff url(../images/icon_intern.svg) no-repeat center/33px auto;}
.i-iryou::before{background: #fff url(../images/icon_iryou.svg) no-repeat center/27px auto;}


.i-parechil-na::before,
.i-mantsuman-na::before,
.i-syoshinsya-na::before,
.i-suparuta-na::before,
.i-neithibu-na::before,
.i-setsubi-na::before,
.i-attohome-na::before,
.i-kirei-na::before,
.i-kakuyasu-na::before,
.i-junia-na::before,
.i-koukou-na::before,
.i-shinia-na::before,
.i-resort-na::before,
.i-josei-na::before,
.i-hiritsu-na::before,
.i-takokuseki-na::before,
.i-toeic-na::before,
.i-toefl-na::before,
.i-ielts-na::before,
.i-tensuu-na::before,
.i-syakaizin-na::before,
.i-bizinesu-na::before,
.i-wahori-na::before,
.i-daigakuhuzoku-na::before,
.i-shihon-na::before,
.i-couple-na::before,
.i-tabibito-na::before,
.i-eigoplus-na::before,
.i-tsuugaku-na::before,
.i-tanki-na::before,
.i-intern-na::before,
.i-homestay-na::before,
.i-iryou-na::before{
	content: '';
	width: 42px;
	height: 42px;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.i-parechil-na::before{background: #fff url(../images/icon_parechil.svg) no-repeat center/38px auto;}
.i-mantsuman-na::before{background: #fff url(../images/icon_manto.svg) no-repeat center/38px auto;}
.i-syoshinsya-na::before{background: #fff url(../images/icon_syoshinsya.svg) no-repeat center/26px auto;}
.i-suparuta-na::before{background: #fff url(../images/icon_suparuta.svg) no-repeat center/30px auto;}
.i-neithibu-na::before{background: #fff url(../images/icon_neithibu.svg) no-repeat center/38px auto;}
.i-setsubi-na::before{background: #fff url(../images/icon_setsubi.svg) no-repeat center/38px auto;}
.i-attohome-na::before{background: #fff url(../images/icon_attohome.svg) no-repeat center/30px auto;}
.i-kirei-na::before{background: #fff url(../images/icon_kirei.svg) no-repeat center/31px auto;}
.i-kakuyasu-na::before{background: #fff url(../images/icon_kakuyasu.svg) no-repeat center/27px auto;}
.i-junia-na::before{background: #fff url(../images/icon_junia.svg) no-repeat center/38px auto;}
.i-koukou-na::before{background: #fff url(../images/icon_koukou.svg) no-repeat center/38px auto;}
.i-shinia-na::before{background: #fff url(../images/icon_shinia.svg) no-repeat center/38px auto;}
.i-resort-na::before{background: #fff url(../images/icon_resort.svg) no-repeat center/38px auto;}
.i-josei-na::before{background: #fff url(../images/icon_josei.svg) no-repeat center/28px auto;}
.i-hiritsu-na::before{background: #fff url(../images/icon_hiritsu.svg) no-repeat center/33px auto;}
.i-takokuseki-na::before{background: #fff url(../images/icon_takokuseki.svg) no-repeat center/38px auto;}
.i-toeic-na::before{background: #fff url(../images/icon_toeic.svg) no-repeat center/33px auto;}
.i-toefl-na::before{background: #fff url(../images/icon_toefl.svg) no-repeat center/33px auto;}
.i-ielts-na::before{background: #fff url(../images/icon_ielts.svg) no-repeat center/33px auto;}
.i-tensuu-na::before{background: #fff url(../images/icon_tensuu.svg) no-repeat center/33px auto;}
.i-syakaizin-na::before{background: #fff url(../images/icon_syakaizin.svg) no-repeat center/28px auto;}
.i-bizinesu-na::before{background: #fff url(../images/icon_bizinesu.svg) no-repeat center/38px auto;}
.i-wahori-na::before{background: #fff url(../images/icon_wahori.svg) no-repeat center/38px auto;}
.i-daigakuhuzoku-na::before{background: #fff url(../images/icon_daigaku.svg) no-repeat center/38px auto;}
.i-shihon-na::before{background: #fff url(../images/icon_shihon.svg) no-repeat center/30px auto;}
.i-couple-na::before{background: #fff url(../images/icon_couple.svg) no-repeat center/31px auto;}
.i-tabibito-na::before{background: #fff url(../images/icon_tabibito.svg) no-repeat center/25px auto;}
.i-eigoplus-na::before{background: #fff url(../images/icon_eigoplus.svg) no-repeat center/38px auto;}
.i-tsuugaku-na::before{background: #fff url(../images/icon_tsuugaku.svg) no-repeat center/25px auto;}
.i-tanki-na::before{background: #fff url(../images/icon_tanki.svg) no-repeat center/38px auto;}
.i-homestay-na::before{background: #fff url(../images/icon_home.svg) no-repeat center/38px auto;}
.i-intern-na::before{background: #fff url(../images/icon_intern.svg) no-repeat center/38px auto;}
.i-iryou-na::before{background: #fff url(../images/icon_iryou.svg) no-repeat center/31px auto;}


.higlYeBlcoTi,
.higlBlBlcoTi{
	font-weight: 700;
  font-size: 143%;
  color: #133377;
  margin: 0 0 10px;
}
.higlYeBlcoTi span,
.higlBlBlcoTi span{
	display: inline-block;
  position: relative;
  padding: 1px 5px;
  background: linear-gradient(0deg, #ffff33 50%,transparent 50% );
}
.higlBlBlcoTi span{
  background: linear-gradient(0deg, #a1ccfa 50%,transparent 50% );
}
.smlScTi{
  font-size: 172%;
  font-weight: 700;
  color: #133377;
  padding: 0 0 10px 45px;
  margin: 0 0 25px;
  border-bottom: 2px dotted #133377;
  position: relative;
}
.smlScTi::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  margin: auto;
  width: 30px;
  height: 27px;
  background: url(../images/icon_ti_school.svg) no-repeat center/100% auto;
}



/*  ul  */
.recoScList{
	overflow: hidden;
}
.recoScList li{
	margin: 0 0 30px;
	overflow: hidden;
}
.recoScList li a{
	display: block;
	padding: 30px;
	overflow: hidden;
	position: relative;
	border: 2px solid #000;
}
.recoScList li a:hover{
	border: 2px solid #009dd3;
}
.recoScList li a > br{
	display: none;
}
.recoArea{
	display: inline-block;
  font-size: 108%;
  color: #fff;
  width: 180px;
  padding: 3px 0 3px 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.recoArea::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	border-top: 30px solid transparent;
	border-left: 30px solid #fff;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
}
.sectionLY .recoArea::before{
	border-left: 30px solid #ffedcf;
}
.area-cebu{background: #009dd3;}
.area-mactan-island{background: #3271ae;}
.area-clark{background: #745a93;}
.area-manila{background: #a74d85;}
.area-bacolod{background: #da518e;}
.area-baguio{background: #ca3a28;}
.area-davao{background: #e08024;}
.area-iloilo{background: #d5b200;}
.area-tarlac{background: #90b83d;}
.area-other-areas{background: #4ca748;}

.recoScDisc{
	padding: 0 0 30px;
}

.recoScList li a dl{
	overflow: hidden;
}
.recoScList li a dt{
	float: left;
	width: 29%;
	margin: 0 20px 0 0;
	overflow: hidden;
}
.recoScList li a dd{
	overflow: hidden;
  padding: 0 0 50px;
}
.recoBtn{
	color: #fff;
	font-weight: 700;
	position: absolute;
	right: 30px;
	bottom: 30px;
	line-height: 1;
	text-align: center;
	padding: 8px 30px;
	background: #f88217;
	border: 1px solid #f88217;
	transition: all .3s;
}
.recoScList li a:hover .recoBtn{
	color: #f88217;
	background: #fff;
}
.recoBtn i{
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	height: 17px;
	margin: auto;
	transition: all .3s;
	transform: translate(0);
}
.recoScList li a:hover .recoBtn i{
	transform: translate(10px, 0);
}


/*  dl  */
dl.faqList{
	overflow: hidden;
}
dl.faqList dt{
	font-size: 129%;
  font-weight: 700;
  color: #133377;
  padding: 35px 0 15px 65px;
  background: url(../images/q.png) no-repeat left 25px;
  overflow: hidden;
}
dl.faqList dd{
	padding: 15px 0 35px 65px;
	background: url(../images/a.png) no-repeat left 5px;
	border-bottom: 1px dashed #133377;
}


/*--------------------------------------------------------
	よくある質問
--------------------------------------------------------*/

/*  dl  */
dl.faqDropList{
	overflow: hidden;
	margin: 0 0 30px;
}
dl.faqDropList dt{
	font-size: 129%;
  font-weight: 700;
  color: #133377;
  padding: 20px 30px 15px 85px;
	margin: 0 0 20px;
	border: 1px solid #133777;
	border-radius: 10px;
  background: url(../images/q.png) no-repeat 20px 10px;
  overflow: hidden;
	position: relative;
	cursor: pointer;
}
dl.faqDropList dt::after{
	content: '';
	font-family: 'fontawesome';
	font-size: 100%;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 15px;
	transition: all .3s;
	line-height: 1;
}
dl.faqDropList dt.active::after{
	content: '';
}
dl.faqDropList dd{
	display: none;
	overflow: hidden;
	padding: 14px 0 40px 85px;
	background: url(../images/a.png) no-repeat 20px top;
}


/*--------------------------------------------------------
	お役立ち
--------------------------------------------------------*/

/*  title  */
.i-ore-school::before,
.i-ore-bed::before,
.i-ore-course::before,
.i-ore-school2::before,
.i-ore-list::before,
.i-ore-point::before{
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.i-ore-school::before{
	width: 50px;
	height: 41px;
	background: url(../images/icon_ore_school.svg) no-repeat center/auto 100%;
}
.i-ore-bed::before{
	width: 50px;
	height: 32px;
	background: url(../images/icon_ore_bed.svg) no-repeat center/auto 100%;
}
.i-ore-course::before{
	width: 42px;
	height: 41px;
	background: url(../images/icon_ore_course.svg) no-repeat center/auto 100%;
}
.i-ore-school2::before{
	width: 48px;
	height: 41px;
	background: url(../images/icon_ore_school2.svg) no-repeat center/auto 100%;
}
.i-ore-list::before{
	width: 38px;
	height: 42px;
	background: url(../images/icon_ore_list.svg) no-repeat center/auto 100%;
}
.i-ore-point::before{
	width: 52px;
	height: 52px;
	background: url(../images/icon_ore_point.svg) no-repeat center/auto 100%;
}
.boLeftOreTi{
	font-weight: 700;
	font-size: 150%;
	padding: 8px 10px;
	margin: 0 0 20px;
	border-left: 12px solid #f88217;
}

/*  dl  */
dl.photoLShList,
dl.photoLList{
	margin: 0 0 0;
	overflow: hidden;
}
dl.photoLShList dt,
dl.photoLList dt{
	float: left;
	width: 30%;
	margin: 0 20px 5px 0;
	overflow: hidden;
}
dl.photoLShList dt{
	padding: 5px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
dl.photoLShList dd,
dl.photoLList dd{
	overflow: hidden;
}
dl.pointList{
	overflow: hidden;
	padding: 15px 20px;
	border: 1px solid #6ac29f;
	margin: 0 0 30px;
}

dl.pointList dt{
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 171%;
	color: #6ac29f;
	transform: rotate(0.001deg);
	float: left;
	margin: 0 25px 0 0;
	overflow: hidden;
}
dl.pointList dd{
	margin: 6px 0 0;
	overflow: hidden;
}
dl.pointList dd ul{
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
dl.pointList dd ul li{
	margin: 0 3% 0 0;
	display: inline-block;
	letter-spacing: normal;
}
dl.pointList dd ul li a{
	font-weight: 700;
	font-size: 114%;
	color: #133377;
	position: relative;
	padding: 0 0 0 21px;
}
dl.pointList dd ul li a::before{
	content: '';
	font-family: 'fontawesome';
	font-size: 100%;
	color: #133377;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}


/*--------------------------------------------------------
	体験談一覧
--------------------------------------------------------*/
/*  ul  */
ul.noteList{
	overflow: hidden;
}
ul.noteList li{
	margin: 0 0 20px;
	overflow: hidden;
}
ul.noteList li:last-child{
	margin: 0;
}
ul.noteList li a{
	display: block;
	padding: 25px 25px 25px 45px;
	position: relative;
	border: 1px solid #fff;
	background: url(../images/note_Bg.png) repeat-y left top;
}
ul.noteList li a:hover{
	opacity: 0.8;
	border: 1px solid #6ac29f;
}
ul.noteList li dl{
	overflow: hidden;
}
ul.noteList li dt{
	width: 30%;
	float: left;
	margin: 0 25px 0 0;
	overflow: hidden;
}
ul.noteList li dd{
	padding: 0 0 50px;
	overflow: hidden;
}
.exCat{
	color: #fff;
	font-weight: 700;
	font-size: 93%;
	padding: 2px 5px;
	margin: 0 0 10px;
	display: inline-block;
}
.testimonial01{background: #d5b200;}
.testimonial02{background: #745a93;}
.testimonial03{background: #d5b200;}
.testimonial04{background: #009dd3;}
.testimonial05{background: #90b83d;}
.testimonial06{background: #e08024;}
.testimonial07{background: #da518e;}
.testimonial08{background: #a74d85;}
.testimonial09{background: #ca3a28;}
.testimonial12{background: #3271ae;}
.testimonial11{background: #4ca748;}
.exBtn{
	position: absolute;
	color: #133377;
	font-weight: 700;
	right: 25px;
	bottom: 25px;
	padding: 8px 30px;
	line-height: 1;
	text-align: center;
	background: #fff;
	border: 1px solid #133377;
}
.exBtn:hover{
	opacity: 0.8;
}
.exBtn::before,
.exBtn::after{
	content: '';
	width: 0;
	height: 0;
	opacity: 0;
	border-style: solid;
	border-color: #133377;
	transition: all .3s;
}
.exBtn::before{
	position: absolute;
	top: -5px;
	left: -5px;
	border-width: 2px 0 0 2px;
}
.exBtn::after{
	position: absolute;
	right: -5px;
	bottom: -5px;
	border-width: 0 2px 2px 0;
}
.exBtn:hover::before,
.exBtn:hover::after{
	width: 107%;
  height: 132%;
  opacity: 1;
}

.exBtn i{
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	height: 18px;
	transition: all .3s;
	transform: translate(0);
}
.exBtn:hover i{
	transform: translate(10px, 0);
}

/*--------------------------------------------------------
	体験談詳細
--------------------------------------------------------*/
/*  box  */
.noteBox{
	padding: 30px 30px 30px 45px;
	margin: 0 0 30px;
	background: url(../images/note_Bg.png) repeat-y left top;
}

/*  title  */
.baloonBlTi{
	font-family: 'mplus';
	font-size: 186%;
	font-weight: 500;
	color: #fff;
	transform: rotate(0.001deg);
	background: #133377;
	position: relative;
	margin: 0 0 25px;
	padding: 15px;
	border-radius: 10px;
}
.baloonBlTi:before{
	content: '';
	position: absolute;
	left: 15%;
	bottom: -10px;
	width: 0;
	border-top: 10px solid #133377;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 0 solid transparent;
}

/*  dl  */
.exDeSumList{
	padding: 20px;
	margin: 0 0 30px;
	background: #fff;
	overflow: hidden;
}
.exDeSumList dt{
	width: 30%;
	float: left;
	margin: 0 20px 10px 0;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	overflow: hidden;
}
.exDeSumList dd{
	overflow: hidden;
}
.exDeSumList dd table{
	border-top: 1px solid #6ac29f;
	border-left: 1px solid #6ac29f;
	width: 100%;
	table-layout: fixed;
}
.exDeSumList dd table th{
	font-weight: 700;
	color: #133377;
	width: 30%;
	padding: 15px;
	background: #e1f3ec;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
}
.exDeSumList dd table td{
	padding: 15px;
	border-right: 1px solid #6ac29f;
	border-bottom: 1px solid #6ac29f;
}

dl.faqExList{
	overflow: hidden;
}
dl.faqExList dt{
	font-family: 'mplus';
  font-size: 158%;
  font-weight: 500;
  color: #133377;
  transform: rotate(0.001deg);
  padding: 5px 0 15px 65px;
  border-bottom: 1px dashed #133377;
  background: url(../images/q.png) no-repeat left 0px;
}
dl.faqExList dd{
	padding: 25px 0 35px 65px;
  margin: 0 0 30px;
  background: url(../images/a.png) no-repeat left 15px;
}
dl.faqExList dd:last-child{
	margin: 0;
}


/*--------------------------------------------------------
	コラム一覧
--------------------------------------------------------*/
/*  title  */
.arvoBlTi,
.arvoGrnTi{
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 200%;
	transform: rotate(0.001deg);
	margin: 0 0 15px;
}
.arvoBlTi{
	color: #133377;
}
.arvoGrnTi{
	color: #6ac29f;
}
.sidePopTi{
	color: #fff;
	font-weight: 700;
	font-size: 115%;
	padding: 8px 40px;
	position: relative;
	background: #ca296f;
}
.sidePopTi::before,
.sidePopTi::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.sidePopTi::before{
	left: 10px;
	width: 22px;
	height: 29px;
	background: url(../images/icon_medal.svg) no-repeat center/auto 100%;
}
.sidePopTi::after{
	right: 10px;
	width: 25px;
	height: 30px;
	background: url(../images/icon_tasha_small.svg) no-repeat center/auto 100%;
}
.sideFlaTi{
	font-weight: 700;
	font-size: 115%;
	color: #fff;
	padding: 8px 40px;
	margin: 0 0 10px;
	position: relative;
	background: #133377;
}
.sideFlaTi::before{
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	width: 22px;
	height: 29px;
	background: url(../images/icon_flag.svg) no-repeat center/auto 100%;
}

/*  ul  */
ul.popular_posts {
	margin: 0 0 20px;
}
ul.popular_posts li {
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0;
}
ul.popular_posts li > a{
	display: block;
	overflow: hidden;
}
div.txt p {
	font-size: 92%;
	font-weight: bold;
	letter-spacing: normal;
}
ul.popular_posts li > div.img {
	float: left;
	margin-right: 10px;
}
ul.popular_posts li > div.img > a > img{
	margin: 0!important;
}

ul.colPicList{
	overflow: hidden;
	margin: 0 -2% 20px 0;
	letter-spacing: -0.5em;
}
ul.colPicList li{
	width: 30%;
	margin: 0 2% 3% 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
ul.colPicList li a{
	display: block;
	background: #e6faff url(../images/plaid_Bg.png) repeat;
}
ul.colPicList li a:hover{
	opacity: 0.8;
}
ul.colPicList li dl{
	overflow: hidden;
}
ul.colPicList li dt{
	width: 100%;
	overflow: hidden;
	position: relative;
}
ul.colPicList li dt::before{
	content: '';
	display: block;
	padding: 63% 0 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
ul.colPicList li dt img{
	position: absolute;
	top: 0;
	left: -50%;
	right: -50%;
	margin: auto;
	width: 100%;
}
ul.colPicList li dd{
	padding: 20px;
	overflow: hidden;
}
.colCatTi{
	font-size: 93%;
	color: #fff;
	padding: 2px 10px;
	margin: 0 10px 10px 0;
	line-height: 1.5;
	display: inline-block;
	background: #133377;
}

ul.colList{
	overflow: hidden;
}
ul.colList li{
	margin: 0 0 20px;
}
ul.colList > li > p{
	display: none;
}
ul.colList li a{
	display: block;
	padding: 20px;
	border: 1px solid #6ac29f;
	position: relative;
}
ul.colList li a:hover{
	opacity: 0.8;
}
ul.colList li a::before,
ul.colList li a::after{
	content: '';
	border-style: solid;
	position: absolute;
	border-color: #ca296f;
	transition: all 1s;
	box-sizing: content-box;
}
ul.colList li a::before{
	width: 0;
	height: 100%;
	border-width: 1px 0 1px 0;
	top: -1px;
	left: 0;
}
ul.colList li a:hover::before{
	width: 100%;
}
ul.colList li a::after{
	width: 100%;
  height: 0;
  border-width: 0 1px 0 1px;
  top: 0;
  left: -1px;
}
ul.colList li a:hover::after{
	height: 100%;
}
ul.colList li dl{
	overflow: hidden;
}
ul.colList li dt{
	width: 30%;
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
ul.colList li dd{
	overflow: hidden;
}

ul.sideCatMenu{
	overflow: hidden;
}
ul.sideCatMenu li{
	margin: 0 0 5px;
	overflow: hidden;
}
ul.sideCatMenu li a{
	font-weight: 700;
	font-size: 115%;
	color: #133377;
	padding: 8px 30px;
	display: block;
	position: relative;
	background: #e6faff;
	border: 1px solid #e6faff;
}
ul.sideCatMenu li a:hover{
	border: 1px solid #133377;
}
ul.sideCatMenu li a::before{
	content: '';
	width: 8px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	transition: all .3s;
	transform: translate(0);
	background: url(../images/arrow_blright.svg) no-repeat center/auto 100%;
}
ul.sideCatMenu li a:hover::before{
	transform: translate(8px,0);
}


/*--------------------------------------------------------
	コラム詳細
--------------------------------------------------------*/
/*  box  */
.tiBox2{
	padding: 20px;
	margin: 0 0 30px;
	overflow: hidden;
	border: 1px solid #6ac29f;
}

/*  title  */
.indexTi{
	font-family: 'Arvo', serif;
	font-size: 172%;
	font-weight: 700;
	color: #6ac29f;
	transform: rotate(0.001deg);
	margin: 0 0 20px;
	letter-spacing: 0.05em;
}
.arrowCirBlTi{
	font-size: 143%;
	font-weight: 700;
	color: #133377;
	margin: 0 0 20px;
}
.arrowCirBlTi::before{
	content: '';
  font-family: 'fontawesome';
  font-size: 108%;
  font-weight: 700;
  color: #133377;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
}


/*  ul  */
.columnIndexList{
	overflow: hidden;
	margin: 0 -1% 0 0;
	letter-spacing: -0.5em;
}
.columnIndexList > li{
	margin: 0 1% 2% 0;
	width: 49%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.columnIndexList li ul{
	margin: 0 0 -10px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.columnIndexList li ul li{
	margin: 0 0 10px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.columnIndexList li ul li a{
	font-weight: 700;
	color: #133377;
	position: relative;
}
.columnIndexList li ul li a:hover{
	color: #6ac29f;
}
.columnIndexList li ul li a::before{
	content: '';
	font-family: 'fontawesome';
	font-weight: 700;
	color: #133377;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
}


/*--------------------------------------------------------
	キャンペーン一覧
--------------------------------------------------------*/
/*  box  */
.camLeftBox,
.camRightBox{
	width: 48%;
	overflow: hidden;
}
.camLeftBox{
	float: left;
}
.camRightBox{
	float: right;
}
.camLeftBox p,
.camRightBox p{
	font-family: 'mplus';
	font-weight: 700;
	font-size: 115%;
	transform: rotate(0.001deg);
	margin: 0 0 20px;
}
.camBox{
	padding: 20px;
	margin: 0 0 30px;
	overflow: hidden;
	position: relative;
	background: url(../images/texture_Bg.jpg) no-repeat center/cover;
}
.camBoxIn{
	padding: 20px;
	display: block;
	background: url(../images/line_Bg.jpg) repeat;
}
.camBoxIn::before{
	content: '';
	position: absolute;
	right: -6px;
	bottom: -7px;
	width: 228px;
	height: 173px;
	transition: all .3s;
	transform: rotate(0);
	background: url(../images/letter_Bg.png) no-repeat center;
}

.camBoxIn p{
	margin: 0 0 20px;
}



/*  title  */
.dubShadedTi{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 172%;
	transform: rotate(0.001deg);
	margin: 0 0 15px;
	text-align: center;
	position: relative;
}
.dubShadedTi::before,
.dubShadedTi::after{
	display: inline-block;
	margin: 0 5px;
}
.dubShadedTi::before{
	content: '＼';
}
.dubShadedTi::after{
	content: '／';
}
.tashaBallPuTi,
.tashaBallBlTi,
.tashaBallGrnTi{
	position: relative;
  padding: 0 0 0 85px;
	margin: 0 0 20px;
  min-height: 71px;
}
.tashaBallPuTi span,
.tashaBallBlTi span,
.tashaBallGrnTi span{
  display: block;
  font-family: 'mplus';
  font-size: 200%;
  font-weight: 700;
  color: #fff;
	transform: rotate(0.001deg);
  padding: 5px 10px;
  border: 2px solid #ca296f;
	background: #ca296f;
  position: relative;
  border-radius: 10px;
  line-height: 1.8;
}
.tashaBallBlTi span{
  border: 2px solid #133377;
	background: #133377;
}
.tashaBallGrnTi span{
  border: 2px solid #6ac29f;
	background: #6ac29f;
}
.tashaBallPuTi::before,
.tashaBallPuTi span::before,
.tashaBallBlTi::before,
.tashaBallBlTi span::before,
.tashaBallGrnTi::before,
.tashaBallGrnTi span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.tashaBallPuTi::before,
.tashaBallBlTi::before,
.tashaBallGrnTi::before{
  width: 73px;
  height: 69px;
  background: url(../images/icon_tasha_com.svg) no-repeat center/auto 100%;
}
.tashaBallPuTi span::before,
.tashaBallBlTi span::before,
.tashaBallGrnTi span::before{
	width: 0;
  top: 25px;
  left: -10px;
	border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #ca296f transparent transparent;
}
.tashaBallBlTi span::before{
  border-color: transparent #133377 transparent transparent;
}
.tashaBallGrnTi span::before{
  border-color: transparent #6ac29f transparent transparent;
}
.waveBoTi{
	font-family: 'mplus';
	font-weight: 500;
	font-size: 143%;
	color: #ca296f;
	transform: rotate(0.001deg);
	padding: 0 0 10px ;
	margin: 0 0 15px;
	position: relative;
	background: url(../images/wave_line.png) repeat-x left bottom;
}

/*  ul  */
ul.campList{
	overflow: hidden;
}
ul.campList li{
	padding: 20px;
	margin: 0 0 30px;
	overflow: hidden;
	position: relative;
	background: url(../images/texture_Bg.jpg) no-repeat center/cover;
}
ul.campList li a{
	padding: 20px;
	display: block;
	background: url(../images/line_Bg.jpg) repeat;
}
ul.campList li a::before{
	content: '';
	position: absolute;
	right: -6px;
	bottom: -7px;
	width: 228px;
	height: 173px;
	transition: all .3s;
	transform: rotate(0);
	background: url(../images/letter_Bg.png) no-repeat center;
}
ul.campList li a:hover::before{
	transform: rotate(5deg);
}
/*
ul.campList li a::after{
	content: '';
	display: block;
	clear: both;
}
*/

ul.campList li a p{
	font-family: 'mplus';
	font-weight: 700;
	font-size: 115%;
	transform: rotate(0.001deg);
	margin: 0 0 20px;
}

/*--------------------------------------------------------
	キャンペーン詳細
--------------------------------------------------------*/
/*  title  */
.cam_end{
	font-size: 110%;
	font-weight: 700;
	color: #fff;
	padding: 15px 15px 15px 65px;
	background: #C81F25;
	border-radius: 10px;
	position: relative;
}
.cam_end::before{
	content: '';
	font-family: 'fontawesome';
	font-size: 250%;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0;
	margin: auto;
	color: #fff;
	line-height: 1;
}


/*--------------------------------------------------------
	出発までの流れ
--------------------------------------------------------*/
/*  box  */
.flowBox{
	position: relative;
	padding: 0 0 70px;
}
.flowBox::before,
.flowBox::after{
	content: '';
	position: absolute;
	z-index: -1;
}
.flowBox::before{
	width: 5px;
	height: 99%;
	background: #ccc;
	top: 0;
	left: 24px;
}
.flowBox::after{
	left: 6px;
	bottom: 0;
	border-top: 15px solid #ccc;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 0 solid transparent;
}
.flowBox.lastChild::before,
.flowBox.lastChild::after{
	width: 0;
	height: 0;
	border: none;
}
.flowBox > div{
	margin: 0 0 0 70px;
}

/*  title  */
.flowNumTi{
	font-family: 'mplus';
	font-size: 160%;
	font-weight: 700;
	color: #133777;
	margin: 0 0 20px;
	padding: 10px 0;
	border-radius: 10px;
	position: relative;
	letter-spacing: 0.3em;
}

.flowNumTi span{
	font-family: 'Arvo', serif;
	font-size: 110%;
	font-weight: 700;
	color: #fff;
	padding: 12px 20px;
	margin: 0 15px 0 0;
	background: #f8a200;
	border-radius: 10px;
	position: relative;
	letter-spacing: normal;
}
.airplanTi{
	font-family: 'mplus';
	font-size: 120%;
	font-weight: 500;
	color: #133777;
	transform: rotate(0.001deg);
	padding: 0 0 0 30px;
	background: url(../images/airplane.jpg) no-repeat left center/auto 80%;
}


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

 サンプル

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

.conBox{
	margin: 0 0 2em;
  padding: 1.5em 4.5em;
  border: 3px solid #ff95a3;
  background: #fffcf1;
  overflow: hidden;
}
.conLeft{
	float: left;
  width: 50%;
}
.conLeft p {
  letter-spacing: 0.13em;
}
.conLeft p span {
  font-size: 1.4em;
  padding: 0.2em 0 0;
  display: block;
  color: #ff1736;
  font-weight: 700;
}
.conRight{
	float: right;
  width: 48%;
}
.conCnv{
	text-align: center;
  width: 100%;
}
.conCnv a {
  display: block;
  padding: 1em;
  background: #ca296f;
  border: 2px solid #ca296f;
  border-radius: 10px;
  color: #fff;
  position: relative;
}
.conCnv a:hover {
  background: #fff;
  color: #ca296f;
}
.conCnv a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}



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

 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: 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: 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;
}

.higl-check{
	font-weight: 700;
	padding: 0 3px;
  color: #000;
  background: linear-gradient(0deg, #c1efbd 50%,transparent 50% );
}
.higl-check::before{
  position: relative;
  content: url(../images/check.png);
  font-style: normal;
  font-weight: lighter;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  left: 0;
  bottom: -2px;
}


.starList li{
	margin: 0 0 5px;
	padding: 8px 0 0px 40px;
	background: url(../images/icon_star.png) no-repeat left center/30px;
}

.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;
}

.scroll {
	overflow-x: scroll;
}