@charset "utf-8";
/*
 Template:     wsc8
 Theme Name:   WSC8 Child
 Description:  WSC8 Child Theme
 Author:       Shiori Hata
 Version:      1.0.0
*/

/* =======================================
    common
======================================= */
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html{	font-size: 62.5%; }   /*   rem    */
body{
	font-size: 1.4rem;
	line-height: 1.5;
}
/*↓clearfix*/
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}
/*             layout                 */
.container,
.single .container{
	max-width: 1000px;
	padding: 0 2rem;
}
.main{
	width: 740px;
	float: right;
	margin-bottom: 5rem;
	padding-bottom: 0;
}
.sidebar{
	width: 200px;
	float: left;
	margin-bottom: 5rem;
	padding-bottom: 0;
}
/*             text                 */
p{
	margin: 0 0 2rem;
}
.entry-title, .archive-title {
	font-size: 2.2rem;
	line-height: 1;
	text-align: left;
	font-weight: normal;
	border-top: none;
	border-bottom: none;
	border-left: solid 5px #233513;
	margin: 0 0 2rem;
	padding: 0 0 0 1.5rem;
}
h2{
	font-size: 1.8rem;
	line-height: 1.2;
	color: #233513;
	font-weight: normal;
	margin: 0;
}
h3{
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 0 0 1rem;
}
h4{
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 0 0 1rem;
}
.red{
	color: #900;
}
.marker{
	background: linear-gradient(transparent 65%, #E6E673 65%);
}
.fs20{font-size: 2rem;}
/*             パンくず                */
.breadcrumb{
	background-color: #fff;
	margin-bottom: 1rem;
	padding: 0;
	border-radius: 0;
}
.breadcrumb ul{
	list-tyle-type: none;
	margin: 0;
}
.breadcrumb li{
	display: inline-block;
	font-size: 1.2rem;
	color: #666;
}

/*            ページトップ                */
.pagetop{
	display: none;
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 5.1rem;
}

@media (max-width:1023px){
	.main{
		width: 79%;
	}
	.sidebar{
		width: 19%;
	}
}
@media (max-width:768px){
	.container,
	.single .container{
		padding: 0 1rem;
	}
	.main,
	.sidebar{
		float: none;
		width: 100%;
		margin-bottom: 2rem;
	}
}

/* =======================================
    header
======================================= */
header{
	margin-bottom: 30px;
}
.home header{
	margin-bottom: 0;
}
.header{
	border-top: solid 6px #020;
	padding: 0;
}
.site-title{
	height: 8rem;
}
.site-title a{
	font-size: 0;
	line-height:1;
}
/*  ロゴがテキストの場合↓
.site-title a{
	display: inline-block;
	font-size: 3rem;
	line-height: 1;
	color: #fff;
	font-weight: normal;
	background-color: #696;
	padding: 1.5rem 2rem;
}
*/

.header-btn{
	float: right;
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
	margin-bottom: 2rem;
}
a.header-btn-contact-pc,
.phone-pc{
	display: block;
	float: left;
	height: 8rem;
}
a.phone-sp,
a.header-btn-contact-sp{
	display: none;
}
.phone-pc{
	color: #fff;
	font-size: 2.8rem;
	line-height: 3rem;
	font-weight: bold;
	text-align: center;
	background-color: #fe4f24;
	border-bottom-left-radius: 1rem;
	padding: .8rem 1.5rem 0;
}
.site-description{
	line-height: 1;
	margin-bottom: 0.6rem;
}
.site-description span{
	font-size: 1.2rem;
	font-weight: normal;
}

.phone-pc img{
	padding-right: 1rem;
}
.phone-pc p{
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	margin-top: .5rem;
	margin-bottom: 0;
}
.header-btn-contact-pc{
	color: #300;
	font-size: 1.2rem;
	line-height: 1;
	background-color: #e6e673;
	border-bottom-right-radius: 1rem;
	padding: 2.1rem 2.5rem 0;
}
.header-btn-contact-pc:hover{
	color: #300;
	background-color: #dd4;
}

.header-btn-contact-pc:hover img{
	opacity: 1;
}
.header-btn-contact-pc img{
	display: block;
	width: 2.2rem;
	margin: 0 auto 1rem;
}

@media (max-width:768px){
	header{
		margin-bottom: 0;
	}
	.header .container{
		padding-left: 0;
	}
	.site-title{
		margin-right: 0;
	}
	.site-title a{
		font-size: 1.6rem;
	}
	.header-btn{
		box-shadow: none;
		margin-right: 3.6rem;
	}
	.phone-pc,
	a.header-btn-contact-pc{
		display: none;
	}
	a.phone-sp,
	a.header-btn-contact-sp{
		display: block;
		float: left;
		height: 6rem;
		font-size: 1rem;
		text-align: center;
		border-radius:0 0 1rem 1rem;
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
		margin-right: 1.6rem;
		padding: 0.2rem 1rem 0;
	}
	a.phone-sp{
		color: #fff;
		background-color: #fe4f24;
	}
	a.phone-sp img,
	a.header-btn-contact-sp img{
		display: block;
		margin: 0.3rem auto 0.3rem;
	}
	a.header-btn-contact-sp{
		color: #300;
		background-color: #e6e673;
	}
	.drawer-btn{
		width: 5rem;
		height: 6rem;
		top: 6px;
		font-size: 1rem;
		color: #fff;
		background-color: #3a543a;
		border-radius:0 0 1rem 1rem;
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
		padding: 1rem;
	}
	.drawer-btn i{
		font-size: 2.5rem;
		margin-bottom: 0.5rem;
	}
}
/*         grobal-nav           */
#gnav{
	background-color: #fff;
}
.gnav-container{
	float: right;
	font-size: 1.4rem;
}
.gnav-container li{
	border-right: dotted 1px #466846;
}
.gnav-container li a{
	color: #466846;
	line-height: 4rem;
	padding: 0 4rem;
}
.gnav-container li.current-menu-item a{
	color: #466846;
	background-color: #fff;
}
/*
.gnav-container li.current-menu-item a{
	color: #466846;
	background-color: #E2EED1;
}
*/
@media (max-width:1023px){
	.gnav-container li a{
		padding: 0 3rem;
	}
}
@media (min-width:769px){
	.gnav-container li a:hover{
		color: #466846;
		background-color: #E2EED1;
	}
}
@media (max-width:768px){
	.gnav-container li{
		border-right: none;
	}
	.gnav-container li.current-menu-item a{
		color: #466846;
		background-color: #E2EED1;
	}
	.gnav-container a::after{
		font-size: 1.4rem;
		right: 1rem;
		margin-top: -1.4rem;
	}
}

/* =======================================
    index
======================================= */
.mainview{
	background-image: url(img/bg-mainview03.jpg);
	background-position: left top;
	background-repeat: repeat;
	margin-bottom: 2rem;
	padding: 2rem 0;
}
img.main-sp{
	display: none;
}
.wrap-h2{
	text-align: center;
}
.index h2{
	display: inline-block;
	font-size: 2.2rem;
	color: #fff;
	font-weight: normal;
	background-color: #3a543a;
	border-radius:0 0 1rem 1rem;
	margin: 0 auto 3.5rem;
	padding: 2rem 3rem;
}
.index h2 img,
.index h2 span{
	display: inline-block;
	vertical-align: middle;
	padding-right:1rem;
}
.index h2 span.english{
	font-size: 1rem;
	font-weight: bold;
	border-bottom: dotted 1px #e6e673;
	padding-right: 0;
}
.top-text{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	color: #fe4f24;
	margin-bottom: 1rem;
}
.top-text02{
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #3a543a;
}
.bnr-online{
	display: block;
	width: 100%;
	max-width: 740px;
	margin: 0 auto 2rem;
}
@media (max-width:768px){
	.mainview{
		padding: 1rem 0;
		margin-bottom: 1rem;
	}
	img.main-pc{
		display: none;
	}
	img.main-sp{
		display: block;
	}
	.wrap-h2.container{
		text-align: left;
		padding: 0;
	}
	.index h2{
		display: block;
		width: 100%;
		font-size: 1.8rem;
		border-radius:0;
		padding: 0.8rem 1rem;
	}
	.index h2 img{
		width: 3rem;
	}
	.index h2 span{
		padding-right: 0;
	}
	.index h2 span.english{
		display: block;
		float: right;
		margin-top: 0.5rem;
	}
	.top-text{
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}
	.top-text span{
		display: block;
	}
	.top-text02{
		font-size: 1.4rem;
		text-align: left;
	}
}

/*      news       */
.news{
	border: solid 1px #738F69;
	margin-bottom: 2rem;
	padding: 1rem;
}
.news dl{
	display: table;
	width: 100%;
	margin-bottom: 1rem;
}
.news dl:last-child{
	margin-bottom: 0;
}
.news dt{
	display: block;
	width: 70px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-color: #FE4F24;
	padding: .8rem;
}
.news dd{
	display: table-cell;
	vertical-align: top;
	font-size: 1.6rem;
	line-height: 1.8;
	padding-left: 1.5rem;
}
.news dd span{
	border-bottom: dashed 1px #ccc;
	padding-bottom: .5rem;
}
@media (max-width:768px){
	.news dl{
		display: none;
	}
	.news dl:first-child{
		display: table;
		margin-bottom: 0;
	}
	.news dt{
		font-size: 1.2rem;
		width: 6rem;
	}
	.news dd{
		font-size: 1.4rem;
		padding-left: 1rem;
	}
}

/*      concept       */
.concept{
	margin-bottom: 2rem;
}
.concept-text{
	display: block;
	float: left;
	width: 725px;
}
img.concept-img-pc{
	display: block;
	width: 212px;
	float: right;
}
img.concept-img-sp{
	display: none;
}
.index .concept h2{
	display: block;
	font-size: 2.2rem;
	color: #333;
	font-weight: bold;
	background-color: transparent;
	background-image: url(img/h-bg.png);
	background-position: left top;
	background-repeat: repeat;
	border-radius: 0;
	margin: 0 auto 2rem;
	padding: 1.5rem 1rem 1rem 2rem;
}
.index .concept h2 img{
	padding-bottom: 0.2rem;
}
.index .concept h2 span{
	display: inline-block;
	font-size: 2.6rem;
	vertical-align: bottom;
	background-image: url(img/h2-span-bg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-right:0.5rem;
}
.concept p{
	font-size: 1.6rem;
	padding: 0 0 0 2rem;
}

@media (max-width:1023px){
	.concept-text{
		width: 81%;
	}
	img.concept-img-pc{
		width: 19%;
	}
}
@media (max-width:768px){
	img.concept-img-pc{
		display: none;
	}
	.concept-text,
	img.concept-img-sp{
		float: none;
	 	width: 100%;
		padding: 0;
	}
	img.concept-img-sp{
		display: block;
	}
	.index .concept h2{
		font-size: 1.6rem;
		margin-bottom: 1rem;
		padding-left: 0.5rem;
	}
	.index .concept h2 span{
		font-size: 1.8rem;
	}
	.index .concept h2 img{
		padding-bottom: 0;
	}
	.concept p{
		font-size: 1.4rem;
		margin-bottom: 0.5rem;
		padding: 0;
	}
}

/*      講師の検索       */
.index .index-search h2{
	position: absolute;
	top: 0;
	left: 2rem;
	height: 5rem;
	font-size: 2rem;
	margin: 0;
	padding: 1rem 3rem 1rem;
}
.index-search h3{
	font-size: 1.4rem;
	font-weight: normal;
}
.index-search{
	position: relative;
	background-image: url(img/bg-green-stripe.jpg);
	background-position: left top;
	background-repeat: repeat;
	margin-bottom: 5rem;
	padding: 5px;
}
.search-inner{
	background-color: #fff;
	padding: 1.5rem;
}
.index-search p{
	margin-left: 300px;
}

.index-search input,
.index-search select{
	font-size: 1.4rem;
	line-height: 2;
	height: 3rem;
	box-shadow: none;
	border: solid 1px #ccc;
	border-radius: 0.3rem;
}
.index-search-right{
	float: left;
}
.index-search-left{

}
/*       検索フォーム向こうの人が書いたの修正したやつ（後で追加する）↓          */



@media (max-width:768px){
	.index-search{
		margin-bottom: 2rem;
	}
	.search-inner{
		padding: 0 1rem 1rem;
	}
	.index-search p{
		display: none;
	}
	.index-search-left{
		padding-top: 0;
	}
	.index .index-search h2{
		position: relative;
		height: 4rem;
		top: auto;
		left: auto;
		font-size: 1.8rem;
		border-radius:0 0 1rem 1rem;
		margin-bottom: 0.5rem;
		padding: 0.6rem 1.5rem 0.2rem;
	}
	.index-search h3{
		margin-bottom: 0.5rem;
	}
	/*       sampleの画像おいてる時だけ↓          */

}

/*      人気講師       */
.index-ranking{
	background-image: url(img/bg-grid-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding-bottom: 5rem;
}
.ran-lst,
.rec-lst{
	display: table;
	table-layout: fixed;
	width: 100%;
	list-style-type: none;
	border: solid 5px #fff;
	margin: 0;
}
.ran-lst li,
.rec-lst li{
	display: table-cell;
	border-right: solid 2px #fff;
	border-left: solid 2px #fff;
	padding-bottom: 1rem;
}
.ran-lst li:first-child,
.rec-lst li:first-child{
	border-left: none;
}
.ran-lst li:last-child,
.rec-lst li:last-child{
	border-right: none;
}
.ranking-number{
	display: inline-block;
	font-weight: bold;
	font-size: 1rem;
	text-align: left;
	margin: 0 0 1rem 1.5rem;
	padding: 0.1rem 1rem 0.5rem;
}
.ran-lst li:first-child .ranking-number{
	color: #fff;
	background-color: #fe4f24;
}
.ran-lst li:nth-of-type(2) .ranking-number{
	color: #fff;
	background-color: #fc0;
}
.ran-lst li:nth-of-type(3) .ranking-number{
	color: #fff;
	background-color: #696;
}
.ran-lst li:nth-of-type(4) .ranking-number,
.ran-lst li:nth-of-type(5) .ranking-number{
	color: #3a543a;
	border-bottom: dotted 1px #f30;
	padding: 0.2rem 0 0.5rem;
}
.ranking-number span{
	display: inline-block;
	vertical-align: bottom;
}
.ranking-number span.rank-num{
	font-size: 1.6rem;
}
span.rank-img,
a.rank-img{
	display: block;
	width: 100px;
	margin: 0 auto 1rem;
}
.rank-img img{
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
	background-color: #fff;
	padding: 5px;
}
.rank-name,
.rank-cate{
	display: block;
}
.rank-name{
	text-align: center;
	margin-bottom: 1.5rem;
}
.rank-name span,
.rank-name a{
	color: #000;
	background-image: url(img/line-orange.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0.5rem 0.8rem;
}
a.rank-img:hover + .rank-name a,
.rank-name a:hover{
	color: #fd4f23;
}
.rank-cate{
	font-size: 1.2rem;
	padding: 0 2rem;
}
@media (max-width:768px){
	.index-ranking{
		padding-bottom: 2rem;
	}
	.ran-lst li:nth-of-type(4),
	.ran-lst li:nth-of-type(5),
	.ranking-number span:first-child,
	.rank-cate{
		display: none;
	}
	.ranking-number{
		margin-left: 0;
		padding: 0.2rem 0.8rem 0.3rem;
	}
	span.rank-img,
	a.rank-img{
		width: 75%;
	}
	span.rank-img img,
	a.rank-img img{
		width: 100%;
		padding: 4px;
	}
	.rank-name{
		font-size: 1.2rem;
	}
}

/*         講演会の提案・ご相談           */
.index-contact{
	padding-bottom: 5rem;
}
.wrap-ind-con-btn{
	font-size: 0;
}
.ind-con-btn{
	display: inline-block;
	width: 50%;
	vertical-align: bottom;
}
.ind-con-btn:first-child{
	padding-right: 1rem;
}
.ind-con-btn:last-child{
	padding-left: 1rem;
}
.ind-con-btn p{
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
}
.ind-con-btn:last-child p{
	margin-bottom: 0.5rem;
}
.ind-con-btn p img,
.ind-con-btn p span{
	display: block;
	float: left;
}
.ind-con-btn p img{
	width: 137px;
}
.ind-con-btn p span{
	width: 318px;
	padding-top: 2rem;
	padding-left: 1.5rem;
}
.ind-con-btn a{
	display: block;
	height: 60px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #466846;
	background-color: #d2e4b6;
	background-image: url(img/arrow-btn.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-left: 2rem;
}
.ind-con-btn a:hover{
	color: #fd4f23;
}
.ind-con-btn a span{
	display: block;
	line-height: 60px;
	background-image: url(img/icon-mail-green.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 44px;
}
.ind-con-btn:last-child a span{
	background-image: url(img/icon-teacher.png);
}
.ind-con-btn a:hover span{
	background-image: url(img/icon-mail-orange.png);
}
.ind-con-btn:last-child a:hover span{
	background-image: url(img/icon-teacher-orange.png);
}
@media (max-width:1023px){
	.ind-con-btn p span{
		width: auto;
		float: none;
		padding-left: 130px;
	}
}
@media (max-width:768px){
	.index-contact{
		display: none;
	}
}

/*           おすすめ講師            */
.index-rec{
	background-image: url(img/bg-grid.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding-bottom: 2rem;
}
.index-rec h3{
	background-color: #fff;
	margin-bottom: 0;
}
.index-rec h3:hover,
.index-rec h3:active{
	background-image: url(img/bg-dot-light.jpg);
	background-position: left top;
	background-repeat: repeat;
}
.index-rec h3 a{
	display: block;
	color: #466846;
	background-color: #transparent;
	background-image: url(img/arrow.png);
	background-position: right 1rem center;
	background-repeat: no-repeat;
	padding: 1rem 4rem 1rem 1.5rem;
}
.index-rec h3 a:hover,
.index-rec h3 a:active{
	color: #fd4f23;
}
.index-rec h3 a span:first-child{
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: dotted 1px #fc0;
	padding-bottom: 0.2rem;
}
.index-rec h3 a span:last-child{
	display: inline-block;
	float: right;
	font-size: 1.2rem;
	font-weight: normal;
	border-bottom: dotted 1px #f30;
}
/*　.rec-lstは.ran-lstと共通　↓は変更点のみ　*/
.rec-lst{
	border-top: none;
	margin-bottom: 3rem;
}
.rec-lst{
	border-top: none;
	margin-bottom: 3rem;
}
.rec-lst.first{
	margin-bottom: 0;
}
.rec-lst li{
	padding-top: 1rem;
}
.rec-lst .rank-name span,
.rec-lst .rank-name a{
	background-image: url(img/line-green.png);
}
.rec-lst .rank-name a:hover,
.rec-lst .rank-name a:active{
	background-image: url(img/line-orange.png);
}
@media (max-width:768px){
	.index-rec h3 a span:first-child{
		font-size: 1.4rem;
	}
	.index-rec{
		padding-bottom: 0;
	}
	.rec-lst,
	.rec-lst.first{
		margin-bottom: 2rem;
	}
	.rec-lst li:nth-of-type(4n),
	.rec-lst li:nth-of-type(5n),
	.rec-lst.second{
		display: none;
	}
}

/*         ご相談窓口・講師登録バナー           */
.ind-con-bot{
	font-size: 0;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.ind-con-bot a{
	display: inline-block;
	width: 49%;
	color: #fff;
	background-position: left 3rem center;
	background-repeat: no-repeat;
	padding: 0 3rem 0 7.5rem;
}
/*↓1個めバナー*/
.ind-con-bot a:first-child{
	background-color: #3a543a;
	background-image: url(img/icon-mail-green.png);
	margin-right: 1%;
}
.ind-con-bot a:first-child:hover,
.ind-con-bot a:first-child:active{
	color: #e6e673;
	background-image: url(img/icon-mail-yellow.png);
}
/*↓2個めバナー*/
.ind-con-bot a:last-child{
	background-color: #696;
	background-image: url(img/icon-teacher.png);
	margin-left: 1%;
}
.ind-con-bot a:last-child:hover{
	color: #fe4f24;
	background-image: url(img/icon-teacher-orange.png);
}
/*↓バナー中身全部*/
.ind-con-bot a *{
	display: inline-block;
	vertical-align: middle;
}
/*↓バナー中身日本語*/
.ind-con-bot span:first-child{
	font-size: 2.2rem;
	line-height: 10rem;
	padding-right: 1rem;
}
.ind-con-bot a:last-child:hover span:first-child{
	color: #fe4f24;
}
/*↓バナー中身英語*/
.ind-con-bot span:nth-of-type(2){
	font-size: 1rem;
	font-weight: bold;
	padding-bottom: 0.2rem;
}
.ind-con-bot a:first-child span:nth-of-type(2){
	border-bottom: dotted 1px #fc0;
}
.ind-con-bot a:last-child span:nth-of-type(2){
	border-bottom: dotted 1px #fd4f23;
}
.ind-con-bot a img{
	float: right;
	margin-top: 4.2rem;
}
@media (max-width:768px){
	.ind-con-bot{
		padding-top: 2rem;
		padding-bottom: 0;
	}
	.ind-con-bot a:first-child,
	.ind-con-bot a:last-child{
		display:block;
		width: 100%;
		background-position: left 1.5rem center;
		margin: 0 0 2rem 0;
		padding: 0 1rem 0 6rem;
	}
	.ind-con-bot span:first-child{
		font-size: 1.8rem;
		line-height: 5rem;
	}
	.ind-con-bot a img{
		margin-top: 1.7rem;
	}
}

/* =======================================
    footer
======================================= */
.section{
	padding: 0;
}
.footer-top{
	background-image: url(img/bg-grid-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding: 3rem 0 0 0;
}
.fot-contents{
	font-size: 0;
	margin-bottom: 4rem;
}
.fot-con-left,
.fot-con-right{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.fot-con-left{
	margin-right: 1%;
}
.fot-con-right{
	margin-left: 1%;
}
.footer-phone{
	text-align: right;
	margin-bottom: 0.5rem;
}
img.hukidashi,
.fot-pho-num{
	display: inline-block;
	vertical-align: middle;
}
.fot-pho-num.sp{
	display: none;
}
img.hukidashi{
	margin-right: 3rem;
}
.fot-pho-num img,
.fot-pho-num span{
	display: inline-block;
	color: #3a543a;
	vertical-align: middle;
	margin-right: 1rem;
}
.fot-pho-num span:nth-of-type(1){
	font-size: 1rem;
	font-weight: bold;
}
.fot-pho-num span:nth-of-type(2){
	font-size: 3rem;
	font-weight: bold;
	border-bottom: dotted 1px #fe4f24;
	margin-right: 0;
	padding-bottom: 0.2rem;
}
.footer-address,
.footer-address address{
	font-size: 1.4rem;
	text-align: right;
	font-style: normal;
}
.footer-nav{
    -webkit-box-shadow: 0px 6px 4px -4px #999 inset;
       -moz-box-shadow: 0px 6px 4px -4px #999 inset;
            box-shadow: 0px 6px 4px -4px #999 inset;
}
@media (max-width:1023px){
	img.hukidashi{
		display: none;
	}
	.footer-nav{
		-webkit-box-shadow: none;
       		-moz-box-shadow: none;
            	box-shadow: none;
	}
}
@media (max-width:768px){
	.fot-contents{
		margin-bottom: 0;
	}
	.fot-con-left,
	.fot-con-right{
		display: block;
		width: 100%;
		margin: 0;
	}
	.fot-con-left{
		margin-bottom: 2rem;
	}
	.footer-phone.pc{
		display: none;
	}
	.fot-pho-num.sp{
		display: inline-block;
		width: 100%;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.6);
		border: solid 1px #466846;
		border-radius: 1rem;
		margin-bottom: 2rem;
		padding: 1rem;
	}
	.fot-pho-num img{
		margin-right: 0.5rem;
	}
	.fot-pho-num span{
		line-height: 1;
	}
	.fot-pho-num span:nth-of-type(2){
		font-size: 2.2rem;
		border-bottom: none;
	}
	.footer-address{
		font-size: 1.2rem;
		text-align: left;
		border-top: solid 1px #233513;
		padding: 2rem 0;
	}
	.footer-address address{
		text-align: left;
	}
}
/*         footer-menu              */
#footer-menu ul{
	display: table;
	width: 100%;
}
#footer-menu li{
	display: table-cell;
	float: none;
	text-align: left;
	margin: 0 0 3rem 0;
	padding: 3rem 0;
}
#footer-menu li:last-child{
	margin-right: 0;
}
#footer-menu a{
	font-size: 1.2rem;
	line-height: 1;
	background-image: url(img/arrow-mini.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 1.5rem;
}
/*     copyright      */
.footerBottom{
	color: #020;
	text-align: center;
	background-color: #fff;
	border-top: solid 5px #020;
}
#copyright{
	float: none;
	padding: 2rem 0;
	font-size: 1.2rem;
	line-height: 1.2;
}
@media (max-width:1023px){
	.footer-nav .container{
		padding: 0;
	}
	#footer-menu ul{
		display: block;
		font-size: 0;
		border-top: solid 2px #020;
	}
	#footer-menu li{
		display: inline-block;
		width: 50%;
		text-align: center;
		border-right: solid 1px #020;
		border-bottom: dotted 1px #020;
		margin: 0;
		padding: 0;
	}
	#footer-menu li:nth-of-type(2n){
		border-right: none;
	}
	#footer-menu li:nth-of-type(7),
	#footer-menu li:nth-of-type(8){
		border-bottom: none;
	}
	#footer-menu a{
		font-size: 1.2rem;
		line-height: 1.2;
		background-image: none;
		padding: 1.2rem 0;
	}
}

/* =======================================
    company　会社概要
======================================= */
.company h2{
	border-bottom: solid 5px #233513;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
}
.company h2 img{
	padding-right: 1rem;
}
.company dl{
	border-bottom: solid 1px #233513;
	margin-bottom: 4rem;
}
.company dt,
.company dd{
	display: block;
	border-top: dotted 1px #233513;
	padding: 1rem 0;
}
.company dt:nth-of-type(1),
.company dd:nth-of-type(1){
	border-top: none;
}
.company dt{
	float: left;
	width: 13.5rem;
	color: #233513;
	font-weight: bold;
	padding-left: 3.5rem;
}
.company dd{
	margin-left: 13.5rem;
}
.map{
	text-align: right;
	margin-bottom: 4rem;
	padding-top: 3rem;
}
.map iframe{
	width: 100%;
	height: 460px;
	pointer-events:none;
	margin-bottom: 1rem;
}
.btn-map-link{
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	color: #4a714a;
	border: solid 1px #233513;
	padding: 1rem 1.5rem;
}
.btn-map-link:hover,
.btn-map-link:focus{
	color: #f30;
	text-decoration: none;
	border-color: #f30;
}
.btn-map-link span{
	border-bottom: dotted 1px #f30;
}
.btn-map-link img{
	padding-left: 1rem;
}

@media (max-width:768px){
	.company dl{
		margin-bottom: 2rem;
	}
	.company dt{
		width: 8rem;
		padding-left: 0;
	}
	.company dd{
		margin-left: 8rem;
	}
	.map{
		padding-top: 1rem;
	}
	.map iframe{
		height: 30rem;
	}
}

/* =======================================
    qa　よくあるご質問
======================================= */
.qa dt{
	display: block;
	position: relative;
	font-size: 1.6rem;
	color: #233513;
	background-image: url(img/bg-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	margin-top: 1rem;
	padding: 1rem 3.5rem 1rem 1.5rem;
}
.qa dt:first-child{
	margin-top: 0;
}
.qa dt:hover,
.qa dt:active,
.qa dt:focus{
	cursor: pointer;
}
.qa dt img{
	display: block;
	position: absolute;
	top: 1.4rem;
	right: 1rem;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.qa dt.open img{
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.qa dd{
	display: none;
	padding: 1rem;
}
.qa dt.open dd{
	display: block;
}
@media (max-width:768px){
	.qa dt{
		font-size: 1.4rem;
	}
}

/* =======================================
    category-list　ジャンル一覧
======================================= */
.category-list{}
ul.cat-lst{
	list-style-type: none;
	font-size: 0;
	margin: 0;
	padding: 0;
}
ul.cat-lst > li{
	display: inline-block;
	width: 32%;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 2rem;
}
ul.cat-lst > li:nth-of-type(3n){
	margin-right: 0;
}
ul.cat-lst a{
	font-size: 1.4rem;
	color: #233513;
}
ul.cat-lst > li > a{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	background-image: url(img/bg-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding: 1rem;
}
ul.cat-lst > li > a:hover{
	background-image: url(img/bg-dot-yellow.jpg);
}
ul.cat-lst > li > a span{
	display: block;
	background-image: url(img/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 2rem;
}
ul.cat-lst > li > a.btn-cat,
.btn-cat{
	display: none;
	position: relative;
	font-size: 1.6rem;
	font-weight: normal;
	color: #233513;
	background-image: url(img/bg-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	margin-top: 1rem;
	padding: 1rem 3.5rem 1rem 1.5rem;
}
.btn-cat img{
	display: block;
	position: absolute;
	top: 1.4rem;
	right: 1rem;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.btn-cat.only img{
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.btn-cat.open img{
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
ul.cat-lst ul,
ul.cat-lst ul li{
	display: block;
	margin: 0;
	padding: 0;
}
ul.cat-lst ul{
	list-style-type: none;
}
ul.cat-lst ul li{
	border-bottom: dotted 1px #233513;
}
ul.cat-lst ul li:first-child{
	display: none;
}
ul.cat-lst ul a{
	display: block;
	background-image: url(img/arrow-mini.png);
	background-position: right 1rem center;
	background-repeat: no-repeat;
	padding: 1rem 2rem 1rem 1.5rem;
}
ul.cat-lst ul a:hover{
	color: #fd4f23;
}
@media (max-width:768px){
	ul.cat-lst > li > a,
	ul.cat-lst ul{
		display: none;
	}
	ul.cat-lst > li > a.btn-cat,
	.btn-cat,
	ul.cat-lst ul li:first-child{
		display: block;
	}
	ul.cat-lst > li{
		display: block;
		width: 100%;
		margin: 0 0 2rem 0;
	}
	ul.cat-lst ul a{
		padding-left: 2rem;
	}
	ul.cat-lst ul li:first-child a{
		font-weight: bold;
		padding-left: 1.5rem;
	}
}

/* =======================================
    policy　プライバシーポリシー
======================================= */
.policy h2,
.contact h2,
.registration h2{
	font-size: 1.4rem;
	font-weight: bold;
	border-top: solid 1px #233513;
	border-bottom: dotted 1px #233513;
	margin-bottom: 1rem;
	padding: 1rem;
}
.policy h3{
	color: #233513;
	font-weight: bold;
	border-bottom: dotted 1px #233513;
	padding: 1rem;
}
.policy h4{
	color: #233513;
	font-weight: bold;
	padding-left: 1.5rem;
}
.policy p{
	margin-bottom: 3rem;
	padding-left: 1rem;
}
.policy ul{
	list-style-type: none;
	margin: 0 0 2.5rem 1.5rem;
	padding: 0;
}
.policy li::before{
	content: "・";
}

/* =======================================
    contact　お問い合わせ
======================================= */
.contact h2 img{
	padding-right: 1rem;
}
.contact p{
	padding-left: 1rem;
}
a.btn-to-form{
	display: block;
	width: 100%;
	max-width: 300px;
	position: relative;
	text-align :center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #233513;
	background-image: url(img/bg-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	margin: 0 auto 5rem;
	padding: 1rem 3.5rem 1rem 1.5rem;
}
a.btn-to-form:nth-of-type(2){
	margin-bottom: 6rem;
}
a.btn-to-form:hover{
	background-image: url(img/bg-dot-yellow.jpg);
}
a.btn-to-form img{
	display: block;
	position: absolute;
	top: 1.4rem;
	right: 1rem;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
hr.dot-green{
	background-color: transparent;
	border-bottom: dotted 1px #233513;
	margin: 0 0 2rem;
}
.contact ul{
	list-style-type: none;
	line-height: 2;
	margin: 0 0 2rem 1rem;
}
.contact li::before{
	content: "・";
}
.contact-number{
	background-image: url(img/bg-grid.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding: 1rem;
}
.con-num-inner{
	border: solid 1px #ccc;
	padding: 3rem 0;
}
/*↓電話番号・FAX共通*/
.con-num{
	text-align: center;
	margin-bottom: 1rem;
}
.con-num.fax{
	margin-bottom: 0;
}
.con-num *{
	display: inline-block;
	vertical-align: middle;
}
.con-num img{
	margin-right: 0.5rem;
}
.con-num span{
	font-weight: bold;
	color: #3a543a;
}
/*↓英語部分*/
.con-num span:nth-of-type(1){
	font-size: 1rem;
	margin-right: 1rem;
}
/*↓番号*/
.con-num span:nth-of-type(2){
	border-bottom: dotted 1px #f30;
}
.con-num.pc span:nth-of-type(2){
	font-size: 3.4rem;
}
.con-num.fax span:nth-of-type(2){
	font-size: 2rem;
}
@media (max-width:768px){
	.contact p{
		padding-left: 0;
	}
	a.btn-to-form,
	a.btn-to-form:nth-of-type(2){
		border: solid 1px #ccc;
		border-radius: 0.3rem;
		max-width: initial;
		margin-bottom: 2rem;
	}
	.contact-number{

	}
	.con-num-inner{
		border: none;
		padding: 1rem 0;
	}
	.con-num.sp{
		background-color: rgba(255, 255, 255, 0.6);
		border: solid 1px #466846;
		border-radius: 1rem;
		padding: 1rem;
	}
	.con-num.sp span:nth-of-type(2){
		font-size: 2.2rem;
	}
}

/* =======================================
    registration　登録ご希望の方
======================================= */
ol.reg-lst{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ol.reg-lst li{
	display: block;
	border-bottom: dotted 1px #233513;
	margin-bottom: 1.5rem;
	padding: 0 0 3rem 1rem;
}
ol.reg-lst li:last-child{
	border-bottom: none;
}

ol.reg-lst li > span{
	display: block;
}
ol.reg-lst li > span:first-child{
	float: left;
	width: 3rem;
	height: 3rem;
	font-size: 1.6rem;
	line-height: 3rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #fd6d48;
	border-radius: 0.3rem;
	margin: 0;
	padding: 0;
}
ol.reg-lst li > span:last-child{
	margin-left: 5rem;
}
ol.reg-lst span span{
	font-weight: bold;
	background-color: #ff6;
}
@media (max-width:768px){
	ol.reg-lst li{
		padding: 0 0.5rem 2rem 0;
	}
	ol.reg-lst li > span:first-child{
		margin: 0 1.5rem 1rem 0;
	}
	ol.reg-lst li > span:last-child{
		margin-left: 0;
	}
}

/* =======================================
    contact-form　お問い合わせフォーム
======================================= */
.yakusoku{
	font-size: 3rem;
	font-weight: 700;
}
.phone01{
	text-align: center;
	border: solid 1px #FE4F24;
	border-radius: 4px;
	padding: 1rem;
	margin-bottom: 1rem;
}
.phone01 .pc{
	display: inline-block;
	font-size: 3rem;
	font-weight: 700;
	color: #FE4F24;
	margin-right: 1rem;
}
.phone01 img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
/*↓フォーム共通*/
.mw_wp_form{
	border-top: solid 5px #233513;
}
.mw_wp_form.mw_wp_form_complete{
	border-top: none;
}
.wrap-form{
	display: table;
	width: 100%;
	border-bottom: dotted 1px #ccc;
	margin: 0;
	padding: 0;
}
.wrap-form > label,
.wrap-input{
	display: table-cell;
	vertical-align: middle;
}
/*↓項目名*/
.wrap-form > label{
	width: 33%;
	color: #233513;
	font-weight: normal;
	background-image: url(img/bg-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding: 2rem 1.5rem 2rem 2rem;
}
.wrap-input{
	width: 67%;
	font-weight: normal;
	padding: 1.5rem 2rem;
}
.wrap-form .tag{
	display: inline-block;
	width: 4em;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	margin: 0 0 0 0.5rem;
	padding: 0.2rem 0.3rem;
	border-radius: 2px;
}
.tag.orange{
	background-color: #fd4f23;
}
.tag.green{
	background-color: #696;
}
.wrap-input input,
.wrap-input input[type="checkbox"],
.wrap-input textarea{
	border: solid 1px #ccc;
}
.wrap-input input[type="file"]{
	width: 100%;
	border: none;
	margin-bottom: 0.5rem;
}
.wrap-input input[type="text"],
.wrap-input input[type="tel"],
.wrap-input input[type="email"]{
	width: 100%;
	height: 3.5rem;
}
.wrap-input.input-phone input[type="text"]{
	width: 25%;
}
.wrap-input.unit input[type="text"]{
	display: inline-block;
	width: 50%;
	margin-right: 1rem;
}
.wrap-input textarea{
	width: 100%;
}
.btn-back-to-top,
.wrap-form-btn input[type="submit"]{
	display: block;
	width: 100%;
	max-width: 300px;
	text-align: center;
	color: #fff;
	line-height: 3.5rem;
	background-color: #fd6d48;
	border: none;
	margin: 0 auto 2rem;
}
/*↓お問い合わせフォーム 講演依頼フォーム 最後の項目*/
.outer-wrap-form .wrap-form:last-child{
	border-bottom: solid 1px #233513;
	margin-bottom: 5rem;
}
/*↓お問い合わせフォーム 講演依頼フォーム 送信ボタン*/
.wrap-form-btn{
	border-bottom: none;
}
/*↓ラジオボタン*/
.horizontal-item{
	display: inline-block;
	padding-right: 1rem;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
}
/*↓登録申請フォーム textare*/
.registration-form textarea{
	height: 15rem;
}

@media (max-width:768px){
	.yakusoku{
		font-size: 2rem;
	}
	.phone01{
		border: none;
	}
	.phone01 .pc{
		display: none;
	}
	.phone01 .sp{
		font-size: 2rem;
		font-weight: 700;
		color: #FE4F24;
		border: solid 1px #FE4F24;
		border-radius: 4px;
		padding: 1rem;
	}
	.wrap-form{
		display: block;
		border-bottom: none;
		padding: 1rem;
	}
	.wrap-form:nth-of-type(2n-1){
		background-image: url(img/bg-dot.jpg);
		background-position: left top;
		background-repeat: repeat;
	}
	.outer-wrap-form .wrap-form:last-child{
		margin-bottom: 2rem;
	}
	.wrap-form-btn{
		background-image: none;
	}
	.wrap-form > label,
	.wrap-input{
		display: block;
		width: 100%;
		padding: 0;
	}
	.wrap-form > label{
		background-image: none;
		margin-bottom: 0.5rem;
	}
	.registration-form textarea{
		height: 10rem;
	}
}

/* =======================================
    single.php　講師詳細
======================================= */
.detail{
}
.wrap-name-carrer{
	width: 100%;
	border-top: solid 5px #233513;
	border-bottom: solid 1px #233513;
}
.wrap-name-carrer h1.entry-title{
	color: #233513;
	line-height: 1.2;
	border-bottom: dotted 1px #233513;
	border-left: none;
	margin-bottom: 0;
	padding: 1.6rem 0.5rem;
}
.teacher-img-sp img,
.teacher-img img{
	width: 100px;
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
	background-color: #fff;
	padding: 5px;
}
.teacher-img-sp img{
	display: none;
}
.name-carrer{
}
.name-carrer span{
	padding-left: 0.5rem;
}
.btn-det-con-sp{
	display: none;
}
.wrap-detail01{
	display: table;
	width: 100%;
}
.teacher-img{
	display: table-cell;
	width: 200px;
	text-align: center;
	vertical-align: top;
	padding: 2.5rem 0;
}
.teacher-img a{
	display: inline-block;
	width: 150px;
	line-height: 1;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #ff582e;
	border-radius: 0.3rem;
	margin: 10px auto;
	padding: 1rem 0;
}
.teacher-img a:hover{
	background-color: #f30;
}
.teacher-img a::after{
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: top;
	background-image: url(img/arrow-white.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 0.5rem;
}
dl.detail01{
	display: table-cell;
	vertical-align: top;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}
dl.detail01 dt,
dl.detail01 dd{
	border-top: dotted 1px #233513;
	padding: 1rem 0;
}
dl.detail01 dt:nth-of-type(1),
dl.detail01 dd:nth-of-type(1){
	border-top: none;
}
dl.detail01 dt{
	display: block;
	float: left;
	width: 13rem;
	font-weight: bold;
	color: #233513;
	clear: left;
}
dl.detail01 dd{
	margin-left: 13rem;
}
dl.detail01 dd:nth-of-type(1),
dl.detail01 dd:nth-of-type(2){
	font-weight: bold;
}
dl.detail01 dd p{
	margin-bottom: 0;
}
dl.detail02 dt{
	font-weight: bold;
	border-top: solid 1px #233513;
	padding: 0.5rem;
	}
dl.detail02 dd{
	border-top: dotted 1px #233513;
	padding: 1rem 0.5rem;
	}
.blog-category,
.blog-tags,
.blog-date{
	display: none;
}
@media (max-width:768px){
	.wrap-name-carrer{
		display: table;
		width: 100%;
		border-bottom: none;
		padding: 1rem 0;
	}
	.teacher-img-sp,
	.name-carrer{
		display: table-cell;
		vertical-align: top;
	}
	.teacher-img-sp{
		width: 9rem;
		text-align: center;
	}
	.teacher-img-sp img{
		display: inline-block;
		width: 8rem;
	}
	.wrap-name-carrer h1.entry-title{
		font-size: 1.4rem;
		font-weight: bold;
		padding: 1.3rem 0.5rem;
	}
	.btn-det-con-sp{
		display: block;
		width: 80%;
		height: 4rem;
		color: #fff;
		line-height: 4rem;
		text-align: center;
		background-color: #ff582e;
		border-radius: 0.3rem;
		margin: 0 auto 2rem;
	}
	.btn-det-con-sp img{
		display: inline-block;
		width: 3rem;
		height: 3rem;
		margin-top: 0.5rem;
		margin-right: 1rem;
	}
	.teacher-img{
		display: none;
	}
	.wrap-detail01,
	dl.detail01{
		display: block;
	}
	dl.detail01{
		padding-top: 0;
		padding-bottom: 0;
	}
	dl.detail01 dt,
	dl.detail01 dt:nth-of-type(1){
		float: none;
		width: 100%;
		font-weight: bold;
		border-top: solid 1px #233513;
		padding: 0.5rem;
	}
	dl.detail01 dd{
		margin-left: 0;
		padding: 1rem 0.5rem;
	}
	dl.detail01 dd:nth-of-type(1){
		border-top: dotted 1px #233513;
	}
}

/* =======================================
    index.php　共通
======================================= */
.wp-pagenavi{
	margin-bottom: 0.5rem;
}
.wp-pagenavi span,
.wp-pagenavi a{
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	color: #233513;
	border-radius: 0.3rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	padding: 0.8rem 1rem;
}
.wp-pagenavi span{
	background-color: #efefef;
}
.wp-pagenavi a{
	border: dotted 1px #ccc;
}

/* =======================================
    index.php 記事一覧
======================================= */
.tea-lst{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tea-lst li{
	border: solid 1px #ccc;
	border-top: solid 5px #233513;
	background-image: url(img/bg-grid-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
	margin: 0 0 4rem 0;
	padding: 0;
}
.tea-lst li h2{
	background-color: #fff;
	border-bottom: dotted 1px #233513;
	padding: 0.9rem 1rem 0.9rem 1.5rem;
}
.tea-lst li h2 a{
	display: inline-block;
	font-size: 1.8rem;
	color: #233513;
	background-image: url(img/arrow-orange.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 2.5rem;
}
.wrap-lst-content{
	display: table;
	width: 100%;
	padding: 1.5rem 2.5rem 1rem 0;
}
.tea-lst-left,
.tea-lst dl{
	display: table-cell;
	vertical-align: top;
}
.tea-lst-left{
	width: 150px;
	text-align: center;
}
a.tea-lst-img img{
	width: 100px;
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
	background-color: #fff;
	padding: 5px;
}
a.btn-lst-detail-sp{
	display: none;
}
.tea-lst dl{
	border-bottom: dotted 1px #233513;
	padding: 0;
}
.tea-lst dt,
.tea-lst dd{
	line-height: 1.2;
	border-top: dotted 1px #233513;
}
.tea-lst dt:nth-of-type(1),
.tea-lst dd:nth-of-type(1){
	border-top: none;
	padding-top: 0;
}
.tea-lst dt:nth-of-type(2n),
.tea-lst dd:nth-of-type(2n){
	background-image: url(img/bg-grid-dot-light.jpg);
	background-position: left top;
	background-repeat: repeat;
}
.tea-lst dt{
	clear: left;
	float: left;
	width: 12rem;
	font-weight: bold;
	color: #233513;
	padding: 1rem 0.5rem;
}
.tea-lst dd{
	padding: 1rem 0.5rem 1rem 12.5rem;
}
.tea-lst dd a{
	color: #333;
	text-decoration: underline;
}
a.btn-lst-detail-pc{
	display: block;
	float: right;
	width: 14.5rem;
	font-size: 1.2rem;
	line-height: 1;
	color: #233513;
	text-align: center;
	background-color: #fff;
	border: solid 1px #ccc;
	background-image: url(img/arrow.png);
	background-position: right 1rem center;
	background-repeat: no-repeat;
	border-radius: 0.3rem;
	margin: 0 2rem 1.5rem 0;
	padding: 1.2rem 0;
}
a.btn-lst-detail-pc span{
	border-bottom: dotted 1px #f30;
}
@media (max-width:768px){
	.tea-lst li{
		margin-bottom: 2rem;
	}
	.tea-lst li h2 a{
		font-size: 1.4rem;
	}
	.wrap-lst-content{
		padding: 1.5rem 1rem;
	}
	.tea-lst-left{
		width: 9.5rem;
		padding-right: 1.5rem;
	}
	a.tea-lst-img img{
		width: 8rem;
		margin-bottom: 2rem;
	}
	a.btn-lst-detail-sp{
		display: block;
		font-size: 1.2rem;
		line-height: 1.2;
		font-weight: bold;
		color: #233513;
		border: solid 1px #ccc;
		background-color: #fff;
		border-radius: 0.3rem;
		-webkit-box-shadow: 0px 6px 4px -4px #999;
       		-moz-box-shadow: 0px 6px 4px -4px #999;
            	box-shadow: 0px 6px 4px -4px #999;
		padding: 0.5rem 0;
	}
	.tea-lst dl{
		border-bottom: none;
	}
	.tea-lst dt,
	.tea-lst dd{
		width: 100%;
	}
	.tea-lst dt:nth-of-type(2n),
	.tea-lst dd:nth-of-type(2n){
		background-image: none;
	}
	.tea-lst dt:nth-of-type(4),
	.tea-lst dd:nth-of-type(4){
		display: none;
	}
	.tea-lst dt{
		float: none;
		padding: 0.5rem 0 0 0;
	}
	.tea-lst dd{
		border-top: none;
		margin-left: 0;
		padding: 0.5rem 0;
	}
	.tea-lst dd:nth-of-type(1){
		padding-top: 0.5rem;
	}
	.tea-lst dd a{
		text-decoration: none;
	}
	a.btn-lst-detail-pc{
		display: none;
	}
}

/* =======================================
    performance　主な実績
======================================= */
.per-lst{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.per-lst li{
	width: 100%;
	border-top: solid 1px #233513;
	margin: 0;
	padding: 0;
}
.per-lst li:first-child{
	border-top: solid 5px #233513;
}
.per-lst li:nth-of-type(2n){
	background-image: url(img/bg-grid-dot.jpg);
	background-position: left top;
	background-repeat: repeat;
}
.wrap-performance{
	display: table;
	width: 100%;
	padding: 1.5rem 0;
}
.per-con01,
.per-con02{
	display: table-cell;
	vertical-align: top;
}
.per-con01{
	width: 150px;
	text-align: center;
}
h2.per-lst-title span{
	display: none;
}
a.per-lst-img img{
	width: 100px;
    -webkit-box-shadow: 0px 6px 4px -4px #999;
       -moz-box-shadow: 0px 6px 4px -4px #999;
            box-shadow: 0px 6px 4px -4px #999;
	background-color: #fff;
	padding: 5px;
}
.per-con01 dl{
	display: none;
}
.per-con02{
	padding-right: 2.5rem;
}
.per-con02 dl:first-child{
	display: block;
	width: 100%;
	border-bottom: dotted 1px #233513;
	padding-bottom: 1rem;
}
.per-con02 dl:first-child dt,
.per-con02 dl:first-child dd{
	display: inline-block;
	vertical-align: middle;
}
.per-con02 dl:first-child dt{
	margin-right: 0.5rem;
}
.per-con02 dl:first-child dt img{
	vertical-align: middle;
}
.per-con02 dl:first-child dd{
	margin-right: 2rem;
}
.per-con02 dl:first-child dd:last-child{
	font-weight: bold;
}
.per-con02 dl:nth-of-type(2){
	display: table;
	width: 100%;
	margin: 1.5rem 0;
}
.per-con02 dl:nth-of-type(2) dt,
.per-con02 dl:nth-of-type(2) dd{
	display: table-cell;
	vertical-align: top;
}
.per-con02 dl:nth-of-type(2) dt{
	width: 7rem;
	font-weight: bold;
	color: #233513;
}
a.btn-lst-detail-per{
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	color: #233513;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 0.3rem;
	margin: 3rem auto 0;
	padding: 1.2rem 0;
}
a.btn-lst-detail-per:hover{
	color: #f30;
}
a.btn-lst-detail-per span{
	border-bottom: dotted 1px #f30;
	margin-left: 1rem;
}
a.btn-lst-detail-per img{
	display: block;
	float: right;
	margin-right: 1rem;
}

/* =======================================
    contactform　お問い合わせフォーム
======================================= */
.wpcf7-mail-sent-ok{
	background-color: #fff;
}

@media (max-width:768px){
	.wrap-performance{
		display: block;
		width: 100%;
		padding: 1rem 0 1.5rem;
	}
	.per-con01{
		display: table;
		width: 100%;
		text-align: left;
		padding-bottom: 1rem;
	}
	.per-con01 h2,
	.per-con01 dl{
		display: table-cell;
		vertical-align: top;
	}
	.per-con01 h2{
		width: 10rem;
		text-align: center;
	}
	a.per-lst-img img{
		width: 8rem;
	}
	.per-con01 dt,
	.per-con01 dd{
		display: block;
		line-height: 1.2;
		padding: 1.2rem 0 0 0;
	}
	.per-con01 dt{
		clear: left;
		float: left;
		width: 2.5rem;
	}
	.per-con01 dd{
		padding-left: 2.5rem;
	}
	.per-con01 dd:last-child{
		font-weight: bold;
	}
	.per-con02{
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.per-con02 dl:first-child{
		display: none;
	}
	.per-con02 dl:nth-of-type(2){
		display: block;
		width: 100%;
		margin: 1rem 0;
		padding: 0 1rem;
	}
	.per-con02 dl:nth-of-type(2) dt,
	.per-con02 dl:nth-of-type(2) dd{
		display: block;
	}
	.per-con02 dl:nth-of-type(2) dt{
		width: 100%;
	}
	a.btn-lst-detail-per{
		float: none;
		width: 70%;
		margin: 1rem auto 0;
	}
}

/* =======================================
    bnr-sidebar　サイドバー　バナー ranking　ランキング
======================================= */
.side.row{
	margin: 0;
}
a.bnr-sidebar{
	margin-bottom: 2rem;
}
.side h4{
	font-size: 1.6rem;
	text-align: center;
	color: #333;
	background-image: url(img/line-orange.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0 0.5rem 1rem;
	margin-bottom: .5rem;
}
.side-genre{
	display: none;
}
.side .side-genre h4{
	background-image: url(img/line-green.png);
}
.side-ranking ol,
.side-ranking ul{
	list-style-type: none;
	counter-reset: number 0;
	margin: 0 0 3rem 0;
}
.side-ranking li{
	position: relative;
	border-bottom: dotted 1px #ccc;
}
.side-ranking li::before{
	counter-increment: number 1;      /* number カウンタを増加 */
	content: counter(number);	/* 表示形式を指定 */
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 1;
	text-align: center;
	background-color: #ddd;
	border: solid 1px #fff;
	border-radius: 4px;
	margin-top: -10px;
	padding-top: 1px;
}
.side-ranking li:nth-of-type(1)::before{
	color: #fff;
	background-color: #FE4F24;
}
.side-ranking li:nth-of-type(2)::before{
	color: #fff;
	background-color: #FFCC00;
}
.side-ranking li:nth-of-type(3)::before{
	color: #fff;
	background-color: #669966;
}
.side-ranking a{
	display: block;
	line-height: 1.2;
	padding: 1.25rem 1rem 1.25rem 3rem;
}
.side-ranking a:hover{
	text-decoration: underline
}
@media (max-width:768px){
	a.bnr-sidebar{
		display: none;
	}
	.side-ranking li::before{
		padding-top: 2px;
	}
}

/* =======================================
    #feas-searchform-2 カテゴリ・検索一覧　検索フォーム
======================================= */
#feas-2{
	border: solid 1px #ccc;
    padding: 1rem;
    border-radius: 5px;
}
.wrap-search{
	display: flex;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	margin-bottom: 2rem;
}
.search-left{
	width: 390px;
}
.wrap-search h3{
	margin-bottom: .5rem;
}
.wrap-search input,
.wrap-search select{
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 5px;
}
.wrap-search .keyword,
.wrap-search .price{
	margin-bottom: 1rem;
}
#feas_2_0{
	width: 100%;
}
#feas-searchform-2 input[type="submit"]{
    display: block;
    width: 90%;
    max-width: 280px;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    line-height: 3.5rem;
    background-color: #fd6d48;
    border: none;
    border-radius: 5px;
    margin: 0 auto;
}
@media (max-width:768px){
	.wrap-search{
		flex-direction: column;
		gap: 0;
	}
}
@media (max-width:480px){
	.search-left{
		width: 100%;
	}
	.search-left select{
		width: 49%;
	}
	.search-right select{
		width: 100%;
	}
}


.index-search .search-inner .wrap-form-search #feas-2 {
	border: none;
}

#feas-sort-menu a.current {
	font-weight: 800;
}
/* =======================================
    オンライン講演会・オンラインセミナー特集
======================================= */
.page-bnr-online{
	margin-bottom: 3rem;
}
.page-online h2{
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	color: #D83500;
	margin-bottom: 2.5rem;
}
.online01-box,
.online02-box{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 2rem;
}
.online01-text{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 1.6rem;
	line-height: 1.8;
	padding-right: 2rem;
}
.online01-box img{
	width: 45%;
	height: auto;
}
.online02-box img{
	width: 41%;
	height: auto;
}
.online02-text{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
	padding-left: 2rem;
}
.online02-text p:last-child{
	font-size: 1.8rem;
	font-weight: 700;
}
.btn-online-contact{
	display: block;
	width: 100%;
	max-width: 42rem;
	font-size: 2rem;
	text-align: center;
	color: #fff;
	background-color: #D93600;
	border-radius: 4px;
	padding: 1rem;
	margin: 0 auto 4rem;
}
.btn-online-contact:hover{
	color: #fff;
	background-color: #ff4508;
}
.online-list01{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0 0 2rem;
}
.online-list01 li{
	width: 20%;
	margin-bottom: 2rem;
}
.online-list01 a{
	display: block;
	max-width: 102px;
	margin: 0 auto .5rem;
}
.online-list01 img{
	display: block;
	max-width: 102px !important;
	border: solid 1px #ccc;
	padding: 5px;
	margin-bottom: .5rem;
}
.online-list01 span{
	display: block;
	max-width: 102px;
	text-align: center;
	margin: 0 auto;
}
.can-online{
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}
.geinin-te{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 1rem;
}
.geinin-te::before,
.geinin-te::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #000;
    margin-bottom: -4px;
}
.geinin-te::before {
    margin-right: 2rem;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.geinin-te::after {
    margin-left: 2rem;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.geinin-box{
	background-color: #F0F0E1;
	padding: 2.5rem 2rem;
	margin-bottom: 4rem;
}
.geinin-box h3{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
}
.geinin-box dl{
	margin-bottom: 3rem;
}
.geinin-box dl:last-child{
	margin-bottom: 0;
}
.geinin-box dt{
	display: inline-block;
	color: #fff;
	background-color: #000;
	padding: .5rem 1rem;
	margin-bottom: 1rem;
}
.geinin-box dd{
	font-size: 1.6rem;
}
.geinin-box table{
	border-top: dotted 1px #000;
}
.geinin-box td{
	vertical-align: middle;
	border-bottom: dotted 1px #000;
	padding: 1rem;
	white-space: inherit;
}
.geinin-box p{
	font-size: 1.6rem;
}
.geinin01{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 1rem;
}
.page-online .online-qa h2{
	font-size: 2.6rem;
	color: #000;
	background-color: #FFCC99;
	padding: 2rem 0;
}
.online-qa dl{
	font-size: 1.8rem;
	border: solid 1px #ccc;
	padding: 1rem;
	margin-bottom: 3rem;
}
.online-qa dt,
.online-qa dd{
	position: relative;
	padding-left: 5rem;
}
.online-qa dt{
	border-bottom: dashed 1px #ccc;
	padding-top: .5rem;
	padding-bottom: .8rem;
}
.online-qa dd{
	padding-top: .8rem;
}
.online-qa dt::before,
.online-qa dd::before{
	font-size: 2.4rem;
	font-weight: 700;
	position: absolute;
	left: 1rem;
}
.online-qa dt::before{
	content: "Q";
	top: 0;
}
.online-qa dd::before{
	content: "A";
	top: .5rem;
}
.online-qa p:last-child{
	margin-bottom: 0;
}
@media (max-width:768px){
	.page-bnr-online{
		margin-bottom: 2rem;
	}
	.page-online h2{
		font-size: 1.8rem;
		margin-bottom: 1.5rem;
	}
	.online01-box{
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.online01-text{
		padding-right: 0;
	}
	.online01-text p,
	.online02-text p{
		margin-bottom: 1.5rem;
	}
	.online01-box img{
		width: 100%;
		margin-bottom: 1rem;
	}
	.online02-box{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.online02-box img{
		width: 100%;
		margin-bottom: 1rem;
	}
	.online02-text{
		text-align: left;
		padding-left: 0;
	}
	.btn-online-contact{
		font-size: 1.6rem;
	}
	.geinin-box{
		padding: 2.5rem 1.5rem;
	}
	.geinin-box h3{
		font-size: 1.6rem;
	}
	.geinin-box tr,
	.geinin-box td{
		display: block;
	}
	.geinin-box td:first-child{
		font-weight: 700;
		border-bottom: none;
		padding-bottom: 0;
	}
	.page-online .online-qa h2{
		font-size: 1.8rem;
	}
	.online-qa dl{
		font-size: 1.6rem;
	}
	.online-qa dt::before,
	.online-qa dd::before{
		font-size: 1.6rem;
	}
	.online-qa dt,
	.online-qa dd{
		padding-left: 3.5rem;
	}
	.online-qa dt{
		padding-top: 0;
	}
}
@media (max-width:640px){
	.online-list01 li{
		width: 33%;
	}
}
@media (max-width:480px){
	.online-list01 li{
		width: 49%;
		margin-bottom: 1rem;
	}
}