@charset "utf-8";
/*
Theme Name: THEME FOR FUKUGYO ACADEMY
Description: 副業アカデミー様用テーマ
Author: Kinabal.Inc
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/* global
-----------------------------------------------------------*/
html,body{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.5;
	letter-spacing:1px;
	color:#222;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku　 Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
	width: 100vw;
  overflow-x: hidden;
}
h1,h2,h3,h4,p,ul,li{
	margin:0;
	padding:0;
}
.post-single p,
.seminar-single p,
.column-single p,
.page p{margin:1em 0}
.page.philosophy p,
.page.mail-line p,
.page.about p{margin:0}
.post-single #contents li,
.seminar-single #contents li,
.column-single #contents li,
.page #contents li{
  /* PG作成 施策No.44「「おすすめセミナー」「人気のセミナー」二個づつ二行で表示させる」 20210408_start */
  /* margin-left:24px; */
}

.seminar-single #contents .inner ul{
	padding-left: 24px;
}
  /* PG作成 施策No.44「「おすすめセミナー」「人気のセミナー」二個づつ二行で表示させる」 20210408_end */

h2,
.post-single h1,
.seminar-single h1,
.column-single h1,
.page.sheader h1{
	padding:35px 0 50px;
	font-size:32px;
	text-align:center;
}
.post-single h2,
.post-single h3,
.post-single h4{margin:1em 0}

#wrapper{
	width:100%;
	min-width:1320px;
}

img{
	max-width:100%;
	height:auto;
}

#goal .inner{
	margin:0 auto !important;
}

.left{float:left}
.right{float:right}
.clearfix:after{
	display:block;
	content:"";
	clear:both;
}
a {
	opacity: 1;
}
a:link, a:visited{
	text-decoration:none;
		-webkit-transition: all .3s;
	transition: all .3s;
    color: #666;
}
.tel a:link, .tel a:visited {
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
a:hover, a:active {
	opacity:0.7;
	outline:none;
	text-decoration:none;
		-webkit-transition: all .3s;
	transition: all .3s;
}

ul.side{
	list-style:none;
	display: inline-block;
    color: #666;
   /* PG作成 施策No.44「「おすすめセミナー」「人気のセミナー」二個づつ二行で表示させる」 20210408_start */
	padding: 0px !important;
   /* PG作成 施策No.44「「おすすめセミナー」「人気のセミナー」二個づつ二行で表示させる」 20210408_end */
}
ul.side:after{
	display:block;
	content:"";
	clear:both;
}
ul.side li{float:left}
div.redbar{
	width:80px;
	height:3px;
	margin:0 auto;
	background:#fe0000;
}

section{
	transition:1s;
	opacity:0;
	min-width:1320px;
	padding:80px 0;
}
.fadein{
	transition:.8s;
	opacity:1.0;
}

.pc{display:block}
.sp{display:none}

/*「コメントは受け付けていません。」非表示 */
.nocomments{
    display: none!important;
}

/* pnlink */
#pnlink{text-align:center}
#pnlink a{
	color:#222;
	line-height:40px;
}
.prev-link{float:left}
.next-link{float:right}
.prev-link ins,
.next-link ins{
	display:inline-block;
	width:57px;
	height:40px;
	background:#222;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	transform:scale(0.7,1);
	text-decoration:none;
}
.prev-link ins{margin-right:20px}
.next-link ins{margin-left:20px}

/* pagenavi*/
#pagenavi{
	text-align:center;
	font-size:12px;
}
#pagenavi .pages{
	display:inline-block;
	margin:0 5px;
	height:24px;
	line-height:24px;
	padding:0 10px;
	border:1px #bfbfbf solid;
	border-radius:5px;
	color:#222;
}
#pagenavi .current{
	display:inline-block;
	margin:0 5px;
	width:27px;
	height:24px;
	text-align:center;
	line-height:24px;
	background:#eee;
	color:#222;
	border:1px #000 solid;
	border-radius:5px;
}
#pagenavi a{
	display:inline-block;
	margin:0 5px;
	width:27px;
	height:24px;
	text-align:center;
	line-height:24px;
	color:#222;
	border:1px #bfbfbf solid;
	border-radius:5px;
}
#pagenavi a.nextpostslink,
#pagenavi a.previouspostslink{
	background:#424242;
	color:#fff;
}

/* 直接カスタマイズされていたCSS */
/*-----------------------------------------------------------*/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}

.balloon6 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon6 .faceicon {
  float: right;
  margin-left: -90px;
  width: 80px;
}

.balloon6 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon6 .chatting {
  width: 100%;
}

.says6 {
  position: relative; 
	float: right;
  margin: 5px 105px 0px 0px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says6:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -22px;
  border: 12px solid transparent;
  border-left: 12px solid #d7ebfe;
}

.says6 p {
  margin: 0;
  padding: 0;
}

@media (max-width: 750px){
.seminar-new .wrap {
    height: auto!important;
}
}


/* header
-----------------------------------------------------------*/
/* header{
	width:100%;
	min-width:1320px;
	height:561px;
	margin:0;
	padding:0;
	color:#fff;
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#666;
} */

/* .post-single header,
.seminar-single header,
.column-single header{display:none} */
/*.post-single #wrapper,
.seminar-single #wrapper,
.column-single #wrapper{padding-top:80px}*/

.post-single #pankuzu,
.column-single #pankuzu{padding-bottom:100px}

.seminar-single #pankuzu{padding-bottom: 20px;}

video{
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
}
@media (max-width: 1500px) {
	video{width:auto;height:832px}
}
/*.top header:after{
	display:block;
	content:"";
	width:100%;
	min-width:1320px;
	height:832px;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background:rgba(0,0,0,.6);
}*/

.seminar-new  .inline-block {
	width: 200px;
	float: left;
	max-width: none;
	min-width: none;
	margin-right: 30px;
	clear: both;
}

.seminar-new .wrap {
	height: auto;
	margin-bottom: 40px;	

}

.seminar-new .current-p {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0;
}

.seminar-new .current-p .big{
	font-size: 2rem;
}

.seminar-new .current-p .small{
	font-size: 1rem;
}

.seminar-new .current-p .label{
	font-weight: bold;
	background-color: rgb(228, 228, 228);
	padding: 5px;
	margin-left: 5px;
}

.seminar-new .iframe-wrap {
	height: 400px;
}

header .left{
	width:160px;
	height:160px;
	border-top:8px #fe0000 solid;
	background:#fff;
	text-align:center;
}
header .left a{
	display:block;
	height:192px;
}
header .left img{margin-top:20px}
header .right{
	padding-top:48px;
	text-align:right;
}
header .right a.hentry{
	display:inline-block;
	padding:0 20px;
	height:46px;
	line-height:46px;
	font-size:14px;
	border:1px #fff solid;
	border-radius:23px;
	color:#fff;
	vertical-align:top;
}
header .right a.htel{
	display:inline-block;
	padding:5px 10px;
	padding-left:26px;
	font-size:28px;
	border:0;
	line-height:1;
	background:url(images/common/icon_tel.png) left 8px no-repeat;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	color:#fff;
	letter-spacing:3px;
}
header .right a.htel span{
	display:block;
	margin-top:3px;
	margin-left:-28px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
header .right nav{margin-top:48px}
header .right nav li{position:relative}
header .right nav li.current:after{
	display:block;
	content:"";
	width:100%;
	height:4px;
	background:#fe0000;
	position:absolute;
	bottom:-15px;
	left:0;
}
header .right nav li+li{margin-left:32px}
header .right nav li a{color:#fff}

header .text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%);
	transition:all 2s;
	opacity:0;
}
header .text.fadein{opacity:1}
header .text h1{
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:center;
	font-size:40px;
	letter-spacing:3px;
	line-height:1.8;
}
header .text p{
	display:block;
	text-align:center;
	font-size:18px;
	margin-top:18px;
}



.error404 header,
.post-single header,
.page.sheader header{
	height:200px;
	background:#fff;
}
.error404 header .right a.hentry,
.error404 header .right a.htel,
.error404 header .right nav li a,
.post-single header .right a.hentry,
.post-single header .right a.htel,
.post-single header .right nav li a,
.page.sheader header .right a.hentry,
.page.sheader header .right a.htel,
.page.sheader header .right nav li a{
	color:#222;
}
.error404 header .right a.htel,
.post-single header .right a.htel,
.page.no-header header .right a.htel{background-image:url(images/common/icon_tel2.png)}
.error404 header .right a.hentry,
.post-single header .right a.hentry,
.page.sheader header .right a.hentry{border-color:#222}


/* mnav
-----------------------------------------------------------*/
#mnav{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:1320px;
	height:80px;
	background:#fff;
	box-shadow:0 0 8px 1px rgba(0,0,0,.4);
	z-index:100;
		-webkit-transition: all .3s;
	transition: all .3s;
	transform:translateY(-90px);
}
#mnav.show{transform:translateY(0px)}
#mnav .left{margin-left:36px}
#mnav .left #mlogo{
	display:block;
	width:160px;
	height:80px;
	background-image:url(images/common/mlogo.png);
	background-position:center center;
	background-size:contain;
}
#mnav ul li{position:relative}
#mnav ul li.current:after{
	display:block;
	content:"";
	width:100%;
	height:4px;
	background:#fe0000;
	position:absolute;
	bottom:0;
	left:0;
}
#mnav ul li+li{margin-left:32px}
#mnav ul li.consul_link{margin-left:0}
#mnav ul li a{
	display:block;
	height:80px;
	line-height:80px;
	color:#000;
}
#mnav ul li.melmag_link a,
#mnav ul li.consul_link a{
	width:110px;
	height:60px;
	text-align:center;
	padding-top:20px;
	background:#516d97;
	color:#fff;
	font-size:12px;
	line-height:1;
}
#mnav ul li.consul_link a{background:#fe0000}
#mnav ul li.melmag_link a img,
#mnav ul li.consul_link a img{
	display:block;
	margin:0 auto;
}


/* pankuzu
-----------------------------------------------------------*/
#pankuzu{
	padding:26px 0 30px;
	font-size:12px;
	color:#999;
}
#pankuzu a{
	color:#222;
	font-weight:bold;
}
#pankuzu ins{
	display:inline-block;
	margin:0 16px;
	text-decoration:none;
	font-size:16px;
}

.post-single #pankuzu,
.page.sheader #pankuzu{display:none}

/* cv
-----------------------------------------------------------*/
#cv{
	min-width:1320px;
	margin-top:40px;
	padding:75px 0 80px;
	text-align:center;
	background:url(images/common/cv.jpg) center center no-repeat;
	background-size:cover;
}
#cv p{
	margin:5px 0 30px;
	line-height:2;
}
#cv a{
	display:inline-block;
	margin:0 auto;
	width:384px;
	height:80px;
	line-height:80px;
	background:#516d97;
	color:#fff;
	border-radius:80px;
	border-width:8px;
	border-style:solid;
	border-color:rgba(81,109,151,0.1);
	background-clip:padding-box;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
	position:relative;
}
#cv a:after{
	display:block;
	content:">";
	font-size:32px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	transform:scaleX(0.6);
	line-height:1;
	position:absolute;
	right:20px;
	top:24px;
}
#cv a+a{
	margin-left:10px;
	background:#fe0000;
	border-color:rgba(254,0,0,0.1);
	background-clip:padding-box;
}


/* fotnav
-----------------------------------------------------------*/
#fotnav{
	min-width:1320px;
	padding:64px 0 72px;
	text-align:center;
}
#fotnav ul{
	margin:20px 0 30px;
	list-style:none;
	text-align:center;
	font-size:0;
}
#fotnav ul li{
	display:inline-block;
	font-size:16px;
}
#fotnav ul li+li{margin-left:32px}
#fotnav ul li a{color:#222}
#fotnav a.fentry{
	display:inline-block;
	padding:0 30px;
	height:46px;
	line-height:46px;
	font-size:14px;
	border:1px #ddd solid;
	border-radius:23px;
	color:#222;
	vertical-align:top;
}
#fotnav a.ftel{
	display:inline-block;
	margin-top:20px;
	padding:0 30px;
	font-size:28px;
	border:0;
	line-height:1;
	background:url(images/common/icon_tel2.png) left 3px no-repeat;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	color:#222;
	letter-spacing:3px;
}
#fotnav a.ftel span{
	display:block;
	margin-top:3px;
	margin-left:-28px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* footer
-----------------------------------------------------------*/
footer{
	width:100%;
	min-width:1320px;
	height:120px;
	line-height:120px;
	background:#222;
	color:#fff;
	text-align:center;
	font-size:14px;
	font-family:'Roboto Condensed', sans-serif;
	position:relative;
}
footer.footer-nav {
	height:auto;
	line-height:inherit;
	color:inherit;
	background:none;
	min-width:auto;
}
footer.footer {
    color: #ffffff;
    background-color: #ff0000;
    min-width: auto;
    height: auto;
    /* text-align: left; */
}

#pagetop{
	display:block;
	width:62px;
	height:62px;
	line-height:62px;
	text-align:center;
	position:absolute;
	top:-377px;
	right:16px;
	border:1px #222 solid;
	background:#fff url(images/common/pagetop.jpg) center center no-repeat;
	cursor:pointer;
}


/* top
-----------------------------------------------------------*/
/* .top header{
	height:832px;
	background-color:transparent;
} */
/* .top header.sphead{
	height:0;
	padding-top:56%;
	background:url(images/top/sptb.jpg) center center no-repeat;
	background-size:cover;
} */
/* @media (max-width: 1320px) {
	.top header.sphead{
		width:1320px;
		padding-top:739px;
	}
} */
.top header.sphead video{display:none}
.top header .left{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-512px;
}
.top header .right{
	position:absolute;
	top:0;
	right:50%;
	margin-right:-512px;
}
.top header .text{transform:translate(-50%,-50%)}
/*-- courage --*/
.top #courage{padding:25px 0 70px}
.top #courage .inner{
	position:relative;
	text-align:center;
}
.top #courage ul{
	position:absolute;
	top:-144px;
	left:0;
	width:1024px;
	padding:48px 0 0;
	background:#fff;
	font-weight:bold;
	z-index:10;
}
.top #courage ul li{
	width:calc(100% / 3);
	height:96px;
	font-weight:bold;
	position:relative;
}
.top #courage ul li+li:before{
	display:block;
	content:"";
	width:1px;
	height:96px;
	background:#ddd;
	position:absolute;
	left:0;
	top:0;
	z-index:11;
}
.top #courage ul li img{
	display:block;
	margin:0 auto 20px;
}
.top #courage p{
	display:block;
	margin-top:30px;
	letter-spacing:0.5px;
	line-height:2.5;
}

/*-- reason --*/
.top #reason{background:url(images/common/stripe_bg.png) left top repeat}
.top #reason ul li{
	width:322px;
	position:relative;
}
.top #reason ul li+li{margin-left:29px}
.top #reason ul li .image{
	height:200px;
	background:url(images/top/reason1.jpg) center center no-repeat;
}
.top #reason ul li:nth-child(2) .image{background-image:url(images/top/reason2.jpg)}
.top #reason ul li:nth-child(3) .image{background-image:url(images/top/reason3.jpg)}
.top #reason ul li .text{
	position:relative;
	height:232px;
	padding:38px 32px 0;
	background:#fff;
}
.top #reason ul li .text h3{font-size:16px}
.top #reason ul li .text p{
	color:#666;
	line-height:2;
	letter-spacing:0;
}
.top #reason ul li .text:before{
	display:block;
	content:"";
	position:absolute;
	top:-40px;
	left:50%;
	margin-left:-40px;
	width:80px;
	height:80px;
	border-radius:80px;
	background:#fff url(images/top/courage1.png) center center no-repeat;
}
.top #reason ul li:nth-child(2) .text:before{background-image:url(images/top/courage2.png)}
.top #reason ul li:nth-child(3) .text:before{background-image:url(images/top/courage3.png)}

/*-- teacher --*/
.top #teacher li{width:218px}
.top #teacher li+li{margin-left:50px}
.top #teacher li div{
	font-size:14px;
	line-height:2;
	color:#666;
}
.top #teacher li h3{
	padding:20px 0 5px;
	font-size:16px;
	text-align:center;
	color:#222;
}
.top #teacher li h3 ins{
	display:block;
	text-decoration:none;
	font-weight:normal;
}

/*-- course --*/
.top #course{
	/* background:url(images/top/course_bg.jpg) center center no-repeat; */
	background-size:cover;
}
.top #course .left{
	width:432px;
	height:356px;
	padding:50px 40px;
	background:#fff;
	line-height:2;
}
.top #course .left h3{
	padding-bottom:10px;
	font-size:24px;
	line-height:1.7;
}
.top #course .left p{letter-spacing:0}
.top #course .right{width:512px}
.top #course .right a{
	float:left;
	display:block;
	width:50%;
	height:158px;
	padding-top:70px;
	text-align:center;
	background:#516f97;
	color:#fff;
	font-size:18px;
}
.top #course .right a:nth-child(2){background:#d4a04f}
.top #course .right a:nth-child(3){background:#d44f7b}
.top #course .right a:nth-child(4){background:#519784}
.top #course .right a img{
	display:block;
	/*margin:0 auto 10px;*/
	margin:0 auto 5px;
	width:70px;
	height:70px;
}

/*-- voice --*/
.top #voice{
	padding-bottom:97px;
	/* text-align:center; */
}
.top #voice p{color:#666}
.top #voice li{
	width:306px;
	position:relative;
}
.top #voice li:after{
	display:block;
	content:"";
	width:306px;
	height:496px;
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	top:16px;
	left:16px;
	z-index:-1;
}
.top #voice li+li{margin-left:45px}
.top #voice li ins{
	position:absolute;
	top:0;
	left:0;
	width:68px;
	height:24px;
	background:#fff;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	line-height:1;
}
.top #voice li .image{
	height:160px;
	background:url(images/top/voice1.jpg) center center no-repeat;
	background-size:cover;
}
.top #voice li:nth-child(2) .image{background-image:url(images/top/voice2.jpg)}
.top #voice li:nth-child(3) .image{background-image:url(images/top/voice3.jpg)}
.top #voice li .text{
	width:244px;
	height:294px;
	padding:38px 27px 0;
	border:4px #eee solid;
	border-top:0;
	background:#fff;
	text-align:left;
	font-size:14px;
}
.top #voice li .text h3{
	display:block;
	padding-bottom:10px;
	font-size:16px;
	text-align:center;
}
.top #voice li .text h3 span{color:#fe0000}
.top #voice li p{
	font-size:14px;
	color:#535353;
	line-height:2;
	text-align:left;
	letter-spacing:0;
}

/*-- issure --*/
.top #issure{padding:0}
.top #issure .inner{
	width:1320px;
	height:600px;
	position:relative;
}
.top #issure .image{
	width:917px;
	height:600px;
	background:url(images/top/issure.jpg) center center no-repeat;
	background-size:cover;
}
.top #issure .text{
	width:584px;
	height:305px;
	padding:60px 0 0 76px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	background:#fff;
}
#issure .text h2{padding-bottom:20px}
#issure .text h2 span{
	display:block;
	font-size:24px;
}
#issure .text p{
	line-height:2;
	color:#666;
	letter-spacing:0;
}

/*-- faq --*/
#faq ul{
	list-style:none;
	height:488px;
	overflow-y:scroll;
}
#faq ul::-webkit-scrollbar{width:8px}
#faq ul::-webkit-scrollbar-thumb{
	background:#999;
	border-radius:8px;
}
#faq ul::-webkit-scrollbar-track{
	background:#ebebeb;
	border-radius:8px;
}
#faq ul li:after{
	display:block;
	content:"";
	clear:both;
}
#faq ul li+li{margin-top:24px}
#faq ul li.q{
	background:#fafafa;
	font-weight:bold;
}
#faq ul li.a+li.q{margin-top:40px}
#faq ul li ins{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background:#222;
	color:#fff;
	text-align:center;
	line-height:56px;
	font-weight:normal;
	text-decoration:none;
}
#faq ul li.a ins{background:#fe0000}
#faq ul li p{
	float:right;
	display:block;
	width:calc(100% - 92px);
	text-align:left;
}
#faq ul li.q p{padding-top:18px}
#faq ul li a{
	color:#fe0000;
	text-decoration:underline;
}

/* philosophy
-----------------------------------------------------------*/
/* .philosophy header{background-image:url(images/philosophy/header.jpg)} */
/*-- message --*/
.philosophy #message{padding-top:40px}
.philosophy #message .left,
.philosophy #message .right{
	width:480px;
	line-height:1.8;
	letter-spacing:1.5px;
}
/*-- learning --*/
.philosophy #learning{background:url(images/common/stripe_bg.png) left top repeat}
.philosophy #learning ul{
	text-align:center;
	padding-bottom:8px;
	/* 【PG作成】施策No.38_副業アカデミーで得られること、の票をセンタリングしてほしい。_start_2021/06/11 */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.philosophy #learning ul li{
	/*width:510px;*/
	width:49.5%;
	/*margin:0 2px 2px 0;*/
	margin: 0 0 10px 0;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
	padding:40px 0;
	background:#fff;
	color:#666;
	text-align:center;
	line-height:1.8;
	font-weight:bold;
	font-size:18px;
	float:none;
	display:inline-block;
	vertical-align:top;
}
.philosophy #learning ul li .pc{
	display:inline-block;
}
.philosophy #learning ul li:first-child,
.philosophy #learning ul li:nth-child(3){
	margin-right:1%;
}
.philosophy #learning ul li ins{
	display:block;
	width:40px;
	height:40px;
	margin:0 auto 14px;
	text-align:center;
	line-height:40px;
	border-radius:40px;
	background:#fe0000;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
}
/*-- load --*/
.philosophy #load{padding-bottom:0}
.philosophy #load h2{padding-bottom:90px}
.philosophy #load ul li{
	/*width:calc(25% - 90px);*/
	width:25%;
	/*height:195px;*/
	height:445px;
	margin:0;
	padding:150px 45px 0;
	background:#2da383;
	color:#fff;
	position:relative;
	letter-spacing:0;
	line-height:2;
}
.philosophy #load ul li:nth-child(2){background:#7cac2f}
.philosophy #load ul li:nth-child(3){background:#c6a328}
.philosophy #load ul li:nth-child(4){background:#c66728}
.philosophy #load ul li img{
	display:block;
	position:absolute;
	top:-50px;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
}
.philosophy #load ul li ins{
	display:block;
	width:100%;
	text-align:center;
	position:absolute;
	top:80px;
	left:50%;
	transform:translateX(-50%);
	text-decoration:none;
	color:rgba(255,255,255,.1);
	font-size:70px;
	font-weight:bold;
	font-family:'Roboto Condensed', sans-serif;
	letter-spacing:3px;
	line-height:1;
	z-index:9;
}
.philosophy #load ul li h3{
	margin-bottom:5px;
	font-size:16px;
	text-align:center;
}
/*-- questionnaire --*/
.philosophy #questionnaire{padding-bottom:96px}
.philosophy #questionnaire p{color:#666}
.philosophy #questionnaire li{
	width:306px;

	margin:0;
	position:relative;
}
.philosophy #questionnaire li:after{
	display:block;
	content:"";
	width:306px;
	height:496px;
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	top:16px;
	left:16px;
	z-index:-1;
}
/*.philosophy #questionnaire li+li{margin-left:45px}*/
.philosophy #questionnaire li+li{margin-left:33px}
.philosophy #questionnaire li ins{
	position:absolute;
	top:0;
	left:0;
	width:68px;
	height:24px;
	background:#fff;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	line-height:1;
}
.philosophy #questionnaire li .image{
	height:160px;
	background:url(images/top/voice1.jpg) center center no-repeat;
	background-size:cover;
}
.philosophy #questionnaire li:nth-child(2) .image{background-image:url(images/top/voice2.jpg)}
.philosophy #questionnaire li:nth-child(3) .image{background-image:url(images/top/voice3.jpg)}
.philosophy #questionnaire li .text{
	/*width:244px;
	height:294px;*/
	width:306px;
	height:340px;
	padding:5px 27px 38px;
	border:4px #eee solid;
	border-top:0;
	background:#fff;
	text-align:left
	font-size:14px;
}
.philosophy #questionnaire li .text h3{
	display:block;
	padding-bottom:10px;
	font-size:16px;
	text-align:center;
}
.philosophy #questionnaire li .text h3 span{color:#fe0000}
.philosophy #questionnaire li p{
	font-size:14px;
	color:#535353;
	line-height:2;
	text-align:left;
	letter-spacing:0;
}


/* about
-----------------------------------------------------------*/
/* .about header{background-image:url(images/about/header.jpg)} */
/* desc */
.about #desc{padding:0}
.about #desc h2{padding:35px 0 30px}
/* idea */
.about #idea{padding-bottom:0}
.about #idea h2{padding:35px 0 30px}
.about #idea h3{
	text-align:center;
	padding-bottom:30px;
	font-size:28px;
}
/* teacher */
.about #teacher{
	padding-bottom:0;
	position:relative;
}
.about #teacher .inner{
	width:1320px;
	padding-bottom:120px;
}
.about #teacher:before{
	display:block;
	content:"";
	width:100%;
	height:calc(100% - 246px);
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
}
.about #teacher .left,
.about #teacher .right{position:relative}
.about #teacher .left+.right,
.about #teacher .right+.left{
	clear:both;
	margin-top:100px;
}
.about #teacher .image{
	width:773px;
	height:360px;
	background:url(images/about/teacher1.jpg) center center no-repeat;
	background-size:cover;
	position:relative;
}
.about #teacher .image.i2{background-image:url(images/about/teacher2.jpg)}
.about #teacher .image.i3{background-image:url(images/about/teacher3.jpg)}
.about #teacher .image.i4{background-image:url(images/about/teacher4.jpg)}
.about #teacher .image.i5{background-image:url(images/about/teacher5.jpg)}
.about #teacher .image.i6{background-image:url(images/about/teacher6.jpg)}
.about #teacher .image.i7{background-image:url(images/about/teacher7.jpg)}
.about #teacher .image:before{
	display:block;
	content:"";
	width:55px;
	height:50px;
	background:url(images/common/slogo.png) center center no-repeat;
	background-size:contain;
	position:absolute;
	left:20px;
	top:30px;
}
.about #teacher .right .image:before{
	left:auto;
	right:20px;
}
.about #teacher .text{
	position:absolute;
	top:92px;
	left:588px;
	width:504px;
	/*height:208px;*/
	/*height:248px;*/
	height:348px;
	padding:40px;
	background:#22ac38;
	color:#fff;
}
.about #teacher .right .text{
	left:auto;
	right:588px;
}
.about #teacher .text.t2{background:#f39800}
.about #teacher .text.t3{background:#d70051}
.about #teacher .text.t4{background:#036eb8}
.about #teacher .text.t5{background:#00a29a}
.about #teacher .text.t6{background:#920783}
.about #teacher .text.t7{background:#ED7FAF}
.about #teacher .text a{
	display:block;
	float:right;
	margin-top:20px;
	padding-bottom:2px;
	border-bottom:1px #fff solid;
	color:#fff;
}
.about #teacher .text a:after{
	display:block;
	content:"";
	clear:both;
}
.about #teacher h3{
	padding-left:29px;
	border-left:3px #fff solid;
	font-size:24px;
/* 【PG作成】施策No.46_アカデミーについてページの講師名と講座名の間を改行してほしい。（PC&スマホ）_start_2021/06/11 */	
	line-height: 1.5;
}
.about #teacher h3 ins{
	display:inline-block;
	margin-left:10px;
	font-size:14px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	letter-spacing:2px;
}
.about #teacher h3 span{
	display:block;
	margin-top:16px;
	font-size:16px;
	font-weight:bold;
}
.about #teacher p{
	margin-top:30px;
	line-height:2;
	letter-spacing:0.5px;
}
/* overview */
.about #overview table{
	border-collapse:collapse;
	width:100%;
}
.about #overview tr{border-top:1px #efefef solid}
.about #overview tr:last-child{border-bottom:1px #efefef solid}
.about #overview th,
.about #overview td{
	padding:30px 0;
}
.about #overview th{
	width:148px;
	vertical-align:top;
	text-align:left;
}
.about #overview td,
.about #overview td a{color:#666}
.about #overview td #map{
	height:424px;
	margin:30px 0;
}
/* media */
.about #media li{
	width:calc((100% - 225px) / 4);
	margin:0 75px 0 0;
	font-size:12px;
}
.about #media li:nth-child(4n){margin-right:0}
.about #media li:nth-child(n+5){margin-top:40px}
.about #media li:nth-child(4n+1){clear:both}
.about #media li img{
	display:block;
	border:1px #eee solid;
	margin-bottom:20px;
}


/* course-archive
-----------------------------------------------------------*/
/*
.course-archive header{background-image:url(images/course/course-archive_header.jpg)}
.course-archive #course-list{
	position:relative;
	padding:0;
}
.course-archive #course-list:after{
	display:block;
	content:"";
	width:100%;
	height:calc(100% - 200px);
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	left:0;
	top:80px;
	z-index:-1;
}
.course-archive #course-list .inner{width:1320px}
.course-archive #course-list ul{
	list-style:none;
	padding-bottom:200px;
}
.course-archive #course-list li .image{
	float:left;
	width:660px;
	height:440px;
	background-image:url(images/course/course-archive2.jpg);
	background-position:center center;
	background-size:cover;
}
.course-archive #course-list li:nth-child(2) .image{background-image:url(images/course/course-archive4.jpg)}
.course-archive #course-list li:nth-child(3) .image{background-image:url(images/course/course-archive3.jpg)}
.course-archive #course-list li:nth-child(4) .image{background-image:url(images/course/course-archive1.jpg)}
.course-archive #course-list li:nth-child(5) .image{background-image:url(images/course/course-archive5.jpg)}
.course-archive #course-list li:nth-child(6) .image{background-image:url(images/course/course-archive6.jpg)}

.course-archive #course-list li:nth-child(2n) .image{float:right}
.course-archive #course-list li .text{
	float:right;
	width:580px;
	height:384px;
	padding:56px 40px 0;
	background:#d70051;
	color:#fff;
	position:relative;
}
.course-archive #course-list li:nth-child(2) .text{background:#22ac38}
.course-archive #course-list li:nth-child(3) .text{background:#f39800}
.course-archive #course-list li:nth-child(4) .text{background:#036eb8}
.course-archive #course-list li:nth-child(5) .text{background:#00a29a}
.course-archive #course-list li:nth-child(6) .text{background:#920783}
.course-archive #course-list li:nth-child(7) .text{background:#ED7FAF}
.course-archive #course-list li:nth-child(2n) .text{float:left}
.course-archive #course-list li .text h3{
	margin-bottom:20px;
	padding-left:25px;
	font-size:24px;
	border-left:3px #fff solid;
}
.course-archive #course-list li .text h3 span{
	display:block;
	font-size:16px;
}
.course-archive #course-list li .text p{line-height:2}
.course-archive #course-list li .text a{
	display:inline-block;
	margin-top:60px;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:1px #fff solid;
	color:#fff;
	position:absolute;
	bottom:48px;
	left:40px;
}
.course-archive #course-list li .text a ins{
	display:inline-block;
	margin-left:10px;
	text-decoration:none;
	transform:scale(0.7,1);
}

*/
/* course-detail
-----------------------------------------------------------*/
/* main */
/*
.course-single #main{padding:0 0 30px}
.course-single #main h2{padding:30px 0 20px}
.course-single #main p{
	color:#666;
	line-height:2;
	text-align:center;
}
*/
/* recommended */
/*
.course-single #recommended{background:url(images/common/stripe_bg.png) left top repeat}
.course-single #recommended ul{
	list-style:none;
	font-size:0;
	text-align:center;
}
.course-single #recommended li{
	display:inline-block;
	width:calc((100% - 246px) / 3);
	height:176px;
	padding:40px;
	background:#fff;
	font-size:16px;
	vertical-align:top;
}
.course-single #recommended ul.l4 li{width:calc((100% - 330px) / 4)}
.course-single #recommended li+li{margin-left:2px}
.course-single #recommended li ins{
	display:block;
	width:40px;
	height:40px;
	margin:0 auto;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	background:#fe0000;
	color:#fff;
	border-radius:40px;
}
.course-single #recommended li p{
	margin-top:20px;
	line-height:2;
	color:#666;
}
*/
/* goal */
/*
.course-single #goal{
	padding-top:120px;
	background:url(images/course/goal_bg.jpg) center center no-repeat;
	background-size:cover;
}
.course-single #goal li{
	width:412px;
	height:auto;
	padding:60px 40px 40px;
	background:#fff;
	position:relative;
}
.course-single #goal li+li{margin-left:40px}
.course-single #goal li:before{
	display:block;
	content:"";
	width:80px;
	height:80px;
	border-radius:80px;
	background-color:#fe0000;
	background-image:url(images/course/goal1.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
}
.course-single #goal li+li:before{background-image:url(images/course/goal2.png)}
.course-single #goal li h3{
	margin-bottom:10px;
	font-size:32px;
	text-align:center;
}
.course-single #goal li div{
	color:#666;
	line-height:1.8;
}
*/
/* course */
/*
.course-single #course p{text-align:center}
.course-single #course .price{
	width:calc(100% - 32px);
	height:130px;
	margin:46px auto 96px;
	background:#fff;
	line-height:130px;
	text-align:center;
	font-size:56px;
	font-weight:bold;
	letter-spacing:3px;
	color:#fe0000;
	font-family:'Roboto Condensed', sans-serif;
	position:relative;
}
.course-single #course .price:before{
	display:block;
	content:"";
	width:calc(100% + 32px);
	height:calc(100% + 32px);
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	top:-16px;
	left:-16px;
	z-index:-1;
}
.course-single #course .teacher .left{
	width:360px;
	height:360px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.course-single #course .teacher .left:after{
	display:block;
	content:"";
	width:55px;
	height:50px;
	background:url(images/common/slogo.png) center center no-repeat;
	background-size:contain;
	position:absolute;
	top:30px;
	left:30px;
}
.course-single #course .teacher .right{
	width:604px;
	height:280px;
	padding:40px 30px;
	color:#fff;
}
.course-single #course .teacher .right h3{
	font-size:18px;
}
.course-single #course .teacher .right h4{
	font-size:24px;
}
.course-single #course .teacher .right h4 span{
	font-size:14px;
	font-weight:normal;
}
.course-single #course .teacher .right p{
	margin-top:10px;
	font-size:14px;
	line-height:1.8;
	text-align:left;
}
*/
/* voice */
/*
.course-single #voice{padding:0 0 136px}
.course-single #voice li{
	width:306px;
	position:relative;
}
.course-single #voice li:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	left:16px;
	top:16px;
	z-index:-1;
}
.course-single #voice li+li{margin-left:53px}
.course-single #voice li .image{
	height:160px;
	background-position:center center;
	background-size:cover;
}
.course-single #voice li .text{
	padding:36px 26px;
	height:260px;
	border:4px #eee solid;
	border-top:0;
	color:#535353;
	background:#fff;
}
.course-single #voice li .text .name{
	text-align:center;
	font-weight:bold;
}
.course-single #voice li .text .message{
	margin-top:10px;
	line-height:2;
	font-size:14px;
}
*/

/* voice-single
-----------------------------------------------------------*/
/* .voice-single header{background-image:url(images/voice/header.jpg)} */
/* list */
.voice-single #list{
	padding:0;
	margin:80px 0;
	position:relative;
}
.voice-single #list:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	left:0;
	top:80px;
	z-index:-1;
}
.voice-single #list a{
	display:inline-block;
	width:220px;
	text-align:center;
	color:#222;
}
.voice-single #list a .image{
	width:200px;
	height:200px;
	margin:0 auto;
	border-radius:200px;
	background-position:center center;
	background-repeat;no-repeat;
	background-size:cover;
	position:relative;
}
.voice-single #list a.current .image:after{
	display:block;
	content:"";
	width:200px;
	height:200px;
	border-radius:200px;
	background:rgba(0,0,0,.6);
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.voice-single #list a .name{
	font-weight:bold;
	margin-top:36px;
}
.voice-single #list a .job,
.voice-single #list a .course{margin-top:10px}
.voice-single #list .slick-prev,
.voice-single #list .slick-next{
	width:40px;
	height:40px;
	background:#000;
	line-height:50px;
	text-align:center;
	z-index:99;
}
.voice-single #list .slick-prev{left:-148px}
.voice-single #list .slick-next{right:-148px}
.voice-single #list .slick-prev:before,
.voice-single #list .slick-next:before{
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
}
.voice-single #list .slick-prev:before{content:"<";transform:scale(0.7,1)}
.voice-single #list .slick-next:before{content:">";transform:scale(0.7,1)}
/* title */
.voice-single #title{padding-bottom:0}
.voice-single #title .inner{
	width:1320px;
	position:relative;
}
.voice-single #title .image{
	width:880px;
	height:520px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.voice-single #title .text{
	position:absolute;
	bottom:-40px;
	left:660px;
	width:500px;
	height:200px;
	padding:80px;
	background:#516f97;
	color:#fff;
}
.voice-single #title h3{
	padding-left:29px;
	border-left:3px #fff solid;
	font-size:32px;
	line-height:1.3;
}
.voice-single #title .name{
	font-size:24px;
	margin-top:30px;
}
.voice-single #title .job,
.voice-single #title .course{margin-top:10px}
/* contents */
.voice-single #contents{
	padding:120px 0 80px;
	border-bottom:1px #efefef solid;
}
.voice-single #contents h4{
	font-size:24px;
	font-weight:bold;
	padding-bottom:30px;
}
.voice-single #contents .text+.text{margin-top:40px}
.voice-single #contents .text+h4{padding-top:70px}
.voice-single #contents .text{
	color:#666;
	line-height:2;
	padding-left:40px;
	position:relative;
}
.voice-single #contents .text:before{
	display:block;
	content:"―";
	position:absolute;
	top:0;
	left:0;
}


/* seminar-archive
-----------------------------------------------------------*/
/* .seminar-archive header{background-image:url(images/seminar/header.jpg)} */
/* catlist */
/*.seminar-archive #catlist{
	padding:0;
	background:url(images/common/stripe_bg.png) left top repeat;
}
.seminar-archive #catlist .inner div.current,
.seminar-archive #catlist .inner a{
	float:left;
	display:block;
	width:calc(100% / 5);
	height:100px;
	text-align:center;
	line-height:100px;
	color:#222;
}
.seminar-archive #catlist .inner div.current ins{
	position:relative;
	text-decoration:none;
}
.seminar-archive #catlist .inner div.current ins:after{
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#fe0000;
	position:absolute;
	bottom:-10px;
	left:0;
}
.seminar-archive #catlist .inner div.current a{
	display:inline-block;
	float:none;
	margin-left:20px;
	width:auto;
}*/


/* list */
/* .seminar-archive #list a{
	float:left;
	display:block;
	width:calc((100% - 90px) / 3);
	color:#222;
	position:relative;
} */

.seminar-archive #list a:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	top:10px;
	left:10px;
	z-index:-1;
}
/* .seminar-archive #list a+a{margin-left:40px}
.seminar-archive #list a:nth-child(3n+1){
	margin-left:0;
	clear:both;
}
.seminar-archive #list a:nth-child(n+4){margin-top:39px}
.seminar-archive #list a .image{
	width:100%;
	height:160px;
	background-position:center center;
	background-size:cover;
	background-color:#b5b5b5;
}
.seminar-archive #list a .text{
	padding:35px 20px;
	border:4px #eee solid;
	border-top:0;
	text-align:center;
	background:#fff;
} */
/* .seminar-archive #list a .date{display:none}
.seminar-archive #list a .title{
	display:block;
	padding:10px 0 20px; */
   /* 【PG作成】施策No.13「セミナー名を小さくしてほしい」_20210407_start */
/* 	width: 100%;
	height: 150px; */
   /* 【PG作成】施策No.13「セミナー名を小さくしてほしい」_20210407_end */
}
.seminar-archive #list a .content{
	display:block;
	color:#666;
	line-height:2;
	font-size:14px;
	text-align:left;
}

/* seminar-single
-----------------------------------------------------------*/
/* .seminar-single header{background-image:url(images/seminar/header.jpg)} */


/* column-archive
-----------------------------------------------------------*/
/* .column-archive header{background-image:url(images/column/header.jpg)} */
/* catlist */
.column-archive #catlist{
	padding:0;
	background:url(images/common/stripe_bg.png) left top repeat;
}
.column-archive #catlist .inner div.current,
.column-archive #catlist .inner a{
	float:left;
	display:block;
	width:calc(100% / 4);
	height:100px;
	text-align:center;
	line-height:100px;
	color:#222;
}
.column-archive #catlist .inner div.current ins{
	position:relative;
	text-decoration:none;
}
.column-archive #catlist .inner div.current ins:after{
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#fe0000;
	position:absolute;
	bottom:-10px;
	left:0;
}
.column-archive #catlist .inner div.current a{
	display:inline-block;
	float:none;
	margin-left:20px;
	width:auto;
}
/* list */
.column-archive #list a{
	float:left;
	display:block;
	width:calc((100% - 90px) / 3);
	color:#222;
	position:relative;
}
.column-archive #list a:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:url(images/common/stripe_bg.png) left top repeat;
	position:absolute;
	top:10px;
	left:10px;
	z-index:-1;
}
.column-archive #list a+a{margin-left:40px}
.column-archive #list a:nth-child(3n+1){
	margin-left:0;
	clear:both;
}
.column-archive #list a:nth-child(n+4){margin-top:39px}
.column-archive #list a .image{
	width:100%;
	/* 【PG作成】施策No.47 「セミナーサムネ、コラムサムネ、おすすめセミナー・人気セミナーのサムネのサイズを400×600にしてほしい。」 2021/05/14_start */
	/* height:160px; */
	padding-top: 66%;
	/* 【PG作成】施策No.47 「セミナーサムネ、コラムサムネ、おすすめセミナー・人気セミナーのサムネのサイズを400×600にしてほしい。」 2021/05/14_start */
	background-position:center center;
	background-size:cover;
	background-color:#b5b5b5;
}
.column-archive #list a .text{
	padding:35px 20px;
	border:4px #eee solid;
	border-top:0;
	text-align:center;
	background:#fff;
}
.column-archive #list a .date{display:block}
.column-archive #list a .title{
	display:block;
	padding:10px 0 20px;
/* 	height: 8vw; */
}
.column-archive #list a .content{
	display:block;
	color:#666;
	line-height:2;
	font-size:14px;
	text-align:left;
/* 	height: 5vw; */
}


/* column-single
-----------------------------------------------------------*/
/* .column-single header{background-image:url(images/column/header.jpg)} */


/* contact
-----------------------------------------------------------*/
/* .contact header{background-image:url(images/contact/header.jpg)} */
/* mailform */
#mailform{padding:60px 0}
#mailform h2{
	padding:35px 0 20px;
	text-align:center;
}
#mailform p{
	color:#666;
	line-height:2;
	text-align:center;
}
#mailform table{
	width:100%;
	margin-top:55px;
	border-collapse:collapse;
}
#mailform table tr{border-top:1px #ddd solid}
#mailform table tr:last-child{border-bottom:1px #ddd solid}
#mailform table th{
	width:240px;
	min-height:95px;
	line-height:95px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	letter-spacing:0;
}
#mailform table td{
	width:calc(100% - 240px);
	letter-spacing:0;
}
#mailform table th ins{
	color:#fe0000;
	text-decoration:none;
}
#mailform input,
#mailform select{
	display:inline-block;
	box-sizing:border-box;
	width:240px;
	height:48px;
	line-height:48px;
	padding:0 20px;
	border:1px #ddd solid;
	border-radius:5px;
	background:#fff;
	font-size:16px;
}
#mailform input[type="email"],
#mailform input[type="tel"],
#mailform input#seminar-name{width:600px}
#mailform select{
	border:1px #ddd solid;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background:transparent;
}
#mailform .selectbox{
	display:inline-block;
	position:relative;
}
#mailform .selectbox:after{
	display:block;
	content:"▼";
	width:48px;
	height:48px;
	background:#aaa;
	color:#fff;
	text-align:center;
	border-radius:0 5px 5px 0;
	line-height:48px;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
#mailform table td span{
	display:inline-block;
	width:40px;
}
#mailform table td div.br{
	display:inline-block;
	margin-left:40px;
}
#mailform textarea{
	width:558px;
	height:86px;
	padding:20px;
	margin:20px 0;
	border:1px #ddd solid;
	border-radius:5px;
	font-size:16px;
}
:placeholder-shown{color:#bbb}

#mailform #formbtn{
    /*  PG作成_施策No.44「「おすすめセミナー」「人気のセミナー」二個づつ二行で表示」_20210408 start */
	padding: 40px 0px;
    /*  PG作成_施策No.44「「おすすめセミナー」「人気のセミナー」二個づつ二行で表示」_20210408 start */
	text-align:center;
}

#mailform #agreement{
	position:absolute;
	width:10px;
	opacity:0;
	z-index:-1;
}
#mailform #agreement+label{
   /*  PG作成_施策No.4「セミナー申込フォーム修正」_20210408 start */
	padding: 20px 0px;
   /*  PG作成_施策No.4「セミナー申込フォーム修正」_20210408 end */
	display:inline-block;
	letter-spacing:0;
}
#mailform #agreement+label ins{
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:10px;
	text-decoration:none;
	border:1px #000 solid;
	border-radius:2px;
	vertical-align:-3px;
	position:relative;
}
#mailform #agreement:checked+label ins{
	background:#fe0000;
	border-color:#fe0000;
}
#mailform #agreement:checked+label ins:after{
	display:block;
	content:"";
	width:10px;
	height:6px;
	border-left:2px #fff solid;
	border-bottom:2px #fff solid;
	transform:rotate(-45deg);
	position:absolute;
	top:3px;
	left:3px;
}
#mailform #pp{cursor:pointer}
#mailform #submitBtn,
#mailform #submitBtn2{
   /*  PG作成_施策No.4「セミナー申込フォーム修正」_20210408 start */
	display: block;
/* 	margin-top:40px; */
	margin: auto;
	width: 100%;
	max-width: 370px;
/* 	height:80px; */
	line-height:60px;
	background:#FFA100;
	font-weight:bold;
	color:#fff;
	font-size:20px;
	text-align:center;
	border-radius:80px;
	/*border-width:8px;
	border-style:solid;
	border-color:rgba(254,0,0,0.1);*/
	background-clip:padding-box;
	cursor:pointer;
	position:relative;
   /*  PG作成_施策No.4「セミナー申込フォーム修正」_20210408 end */
}

.entry #mailform #submitBtn2{
	display:inline-block;
	margin-top:40px;
	width:384px;
	max-width: 100%;
	height:80px;
	line-height:80px;
	background:#fe0000;
	color:#fff;
	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
	border-radius:80px;
	/*border-width:8px;
	border-style:solid;
	border-color:rgba(254,0,0,0.1);*/
	background-clip:padding-box;
	cursor:pointer;
	position:relative;
}



#mailform #submitBtn:after,
#mailform #submitBtn2:after{
	display:block;
	content:">";
	position:absolute;
	top:-2px;
	right:30px;
	font-size:32px;
	font-family:'Roboto Condensed', sans-serif;
	transform:scaleX(0.6);
	font-weight:normal;
}

.error{
	margin-top:5px;
	font-size:14px;
	color:#fe0000;
	display:none;
	letter-spacing:0;
}

.g-recaptcha > div {
	margin: 50px auto 0
}

/* confirm
-----------------------------------------------------------*/
/* .confirm header{background-image:url(images/contact/header.jpg)} */
.confirm #confirm{padding:60px 0}
.confirm p{
	display:block;
	color:#666;
	text-align:center;
}

.confirm table{
	width:100%;
	margin-top:55px;
	border-collapse:collapse;
}
.confirm table tr{border-top:1px #ddd solid}
.confirm table tr:last-child{border-bottom:1px #ddd solid}
.confirm table th{
	width:240px;
	min-height:95px;
	line-height:95px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	letter-spacing:0;
}
.confirm table td{
	width:calc(100% - 240px);
	letter-spacing:0;
}

.confirm #formbtn{
	padding:60px 0 120px;
	text-align:center;
}
.confirm #backBtn{
	display:inline-block;
	margin-top:40px;
	width:384px;
	height:80px;
	line-height:80px;
	background:#b5b5b5;
	color:#fff;
	font-size:20px;
	text-align:center;
	border-radius:80px;
	border-width:8px;
	border-style:solid;
	border-color:rgba(181,181,181,0.1);
	background-clip:padding-box;
	cursor:pointer;
	position:relative;
}
.confirm #backBtn:after{
	display:block;
	content:"<";
	position:absolute;
	top:-2px;
	left:30px;
	font-size:32px;
	font-family:'Roboto Condensed', sans-serif;
	transform:scaleX(0.6);
}
.confirm #sendBtn{
	display:inline-block;
	margin-top:40px;
	margin-left:40px;
	width:384px;
	height:80px;
	line-height:80px;
	background:#fe0000;
	color:#fff;
	font-size:20px;
	text-align:center;
	border-radius:80px;
	border-width:8px;
	border-style:solid;
	border-color:rgba(254,0,0,0.1);
	background-clip:padding-box;
	cursor:pointer;
	position:relative;
}
.confirm #sendBtn:after{
	display:block;
	content:">";
	position:absolute;
	top:-2px;
	right:30px;
	font-size:32px;
	font-family:'Roboto Condensed', sans-serif;
	transform:scaleX(0.6);
}


/* thanks
-----------------------------------------------------------*/
.thanks header{background-image:url(images/contact/header.jpg)}
.thanks #thanks{padding:60px 0}
.thanks section{text-align:center}
.thanks h2{
	padding:35px 0;
	text-align:center;
}
.thanks p{
	color:#666;
	text-align:center;
	line-height:2;
}
.thanks p a{color:#666}
.thanks a.back{
	display:inline-block;
	margin:40px auto 120px;
	padding:40px 0 5px;
	border-bottom:1px #bcbcbc solid;
	color:#666;
}


/* entry
-----------------------------------------------------------*/
/* .entry header{background-image:url(images/entry/header.jpg)} */


/* privacy
-----------------------------------------------------------*/
#overray{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.85);
	z-index:99;
	display:none;
}
#close{
	position:fixed;
	top:100px;
	right:10px;
	width:50px;
	height:50px;
	border:1px #fff solid;
	z-index:100;
	cursor:pointer;
	display:none;
}
#close:after,
#close:before{
	content:"";
	position:fixed;
	top:125px;
	right:1px;
	width:70px;
	height:1px;
	border-top:1px #fff solid;
	z-index:100;
	transform:rotate(45deg);
}
#close:before{transform:rotate(-45deg)}
#privacy{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:calc(90% - 40px);
	max-width:1024px;
	height:calc(90% - 80px);
	margin-top:40px;
	padding:20px;
	background:#fff;
	border-radius:10px;
	overflow-y:scroll;
	z-index:100;
	display:none;
}


/* mail-line
-----------------------------------------------------------*/
/* .mail-line header{background-image:url(images/mail-line/header.jpg)} */
/* title */
.mail-line #title{
	padding:0 0 80px;
	position:relative;
}
.mail-line #title:after{
	display:block;
	content:"";
	width:100%;
	height:calc(100% - 425px);
	position:absolute;
	left:0;
	top:345px;
	z-index:-1;
}
.mail-line #title .inner{width:1320px}
.mail-line #title h2 span{
	font-size:40px;
	color:#fe0000;
}
.mail-line #title ul{width:100%}
.mail-line #title ul li{
	width:calc(100% / 3);
	margin:0;
	position:relative;
}
@media (max-width: 1023px) {
	.mail-line #title ul li{
		width: 100%;
	}
}
.mail-line #title ul li .image{
	width:100%;
	height:200px;
	background-image:url(images/mail-line/benefits1.jpg);
	background-position:center center;
	background-size:cover;
}
.mail-line #title ul li:nth-child(2) .image{background-image:url(images/mail-line/benefits2.jpg)}
.mail-line #title ul li:nth-child(3) .image{background-image:url(images/mail-line/benefits3.jpg)}
.mail-line #title ul li+li:before{
	display:block;
	content:"";
	width:1px;
	height:120px;
	background:#eee;
	position:absolute;
	left:0;
	bottom:40px;
	z-index:10;
}
.mail-line #title ul li .text{
	padding:70px 0;
	height:60px;
	text-align:center;
	background:#fff;
	position:relative;
}
.mail-line #title ul li .text ins{
	display:block;
	width:80px;
	height:80px;
	border-radius:100%;
	position:absolute;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
	text-decoration:none;
	font-size:40px;
	font-family:'Roboto Condensed', sans-serif;
	color:#fe0000;
	background:#fff;
	line-height:80px;
	text-align:center;
}
.mail-line #title ul li .text p{color:#666}
.mail-line #title ul li .text h3{
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
}

.mail-line #title .melmag-form{
	width:1024px;
	max-width: 100%;
	margin:40px auto;
	text-align:center;
}
@media (max-width: 1023px) {
	.mail-line #title .melmag-form{
		padding: 0 10px;
	}
}
.mail-line #title .melmag-form .input{
	display:inline-block;
	width:492px;
	max-width: 100%;
	letter-spacing:0;
	text-align:left;
}
.mail-line #title .melmag-form .input+.input{margin-left:40px}
.mail-line #title .melmag-form .input input{
	width:470px;
	max-width: 100%;
	height:54px;
	line-height:54px;
	padding:0 10px;
	border:1px #ddd solid;
	font-size:16px;
	border-radius:5px;
	box-shadow:inset 0 1px 5px rgba(100,100,100,.3);
}
.mail-line #title .melmag-form input[type="email"]{ime-mode:disabled}
.mail-line #title .melmag-form .button{
	clear:both;
	padding:40px 0;
}
.mail-line #title .melmag-form .button span{
	display:block;
	margin:0 auto;
	width:384px;
	max-width: 100%;
	height:80px;
	line-height:60px;
	background:#516d97;
	color:#fff;
	border-radius:80px;
	border-width:8px;
	border-style:solid;
	border-color:rgba(81,109,151,0.1);
	background-clip:padding-box;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
}
.mail-line #title .melmag-form .button span ins{
	display:inline-block;
	margin-left:20px;
	font-size:14px;
	vertical-align:-2px;
	text-decoration:none;
	font-size:32px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	transform:scaleX(0.6);
}
#melmag_send{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:640px;
	height:auto;
	padding:20px;
	background:#fff;
	border-radius:10px;
	z-index:100;
	display:none;
}
/* line */
.mail-line #line{
	padding:0 0 72px;
	background:url(images/mail-line/line_bg.jpg) center center no-repeat;
	background-size:cover;
	color:#fff;
	text-align:center;
}
.mail-line #line h2{
	padding:100px 0 20px;
	font-size:24px;
}
.mail-line #line img{
	display:block;
	margin:10px auto 0;
}
.mail-line #line p{font-size:20px}
.mail-line #line p span{color:#fdfe00}
.mail-line #line a{
	display:block;
	margin:24px auto 0;
	width:384px;
	max-width: 100%;
	height:80px;
	line-height:60px;
	background:#fff;
	color:#00b900;
	border-radius:80px;
	border-width:8px;
	border-style:solid;
	border-color:rgba(255,255,255,0.1);
	background-clip:padding-box;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
	position:relative;
}
.mail-line #line a:after{
	display:block;
	content:">";
	font-size:32px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	transform:scaleX(0.6);
	line-height:1;
	position:absolute;
	right:20px;
	top:24px;
}
.mail-line #cv{margin-top:0}


/* 404
-----------------------------------------------------------*/
#error404 p{
	display:block;
	text-align:center;
	font-size:14px;
	line-height:1.8;
}
#error404 ul{
	display:block;
	max-width:800px;
	margin:80px auto;
}
#error404 ul li{
	width:calc(100% / 3);
	margin:5px 0;
}
#error404 ul li a{
	color:#222;
	font-size:14px;
}
#error404 ul li a span{
	display:inline-block;
	margin-left:10px;
}


/* 追加CSS
-----------------------------------------------------------*/
/* お客様の声の動画表示設定 */
#course_mov{
	position:relative;
	width:100%;
	height:0;
	padding-top:50%;
}
#course_mov iframe{
	position:absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width:80%;
	height:80%;
}
/* 追従ボタン用css */
.btnfixed{
	position: fixed;
	bottom: 0;
}
.footer_fix_btn_wrap{position:fixed;bottom:0;display:block;background:rgba(51,51,51,0.5);}
.footer_fix_btn{text-align:center;padding:10px 20px;}

/* Subscription PC用 */
.footer .subscription__block {
	color: #717171;
  /*padding: 1rem;*/
	padding: 0.5rem;
	margin: 0 auto 1rem; }
.footer .subscription__block:last-of-type {
	margin: 0; }
.footer .subscription__block.mail-magazine {
	background-color: #e89121; 
	background-color: #fff; }
.footer  .subscription__block.line {
	background-color: #39a638; }
.footer .subscription__block.social ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
  }
.footer .subscription__block.social ul li {
	width: 25%;
    /*height: 128px;    */
    /*display: inline-block;*/
	float: left;
	margin: 0;
	padding: 0;
  }
.footer .subscription__block.social ul li img {
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: block;
  }

.footer .subscription__block.line a {
	pointer-events: none;
	color: #fff; }

.footer .subscription__icon {
	width: 25%;
	margin: 0 auto 1rem;
	flex-shrink: 0; }
.subscription__icon img {
    /*border: 2px solid #fff;*/
	width: 100%;
}

.footer .subscription__title {
	font-size: 1.2rem;
	line-height: 1;
	margin-bottom: 0.2rem;
	text-align: left;
	font-weight: bold;
}

.footer .subscription__sub-title {
	/*font-size: 1rem;*/
	text-align: left;
	/*margin-bottom: 2rem;*/ }

.footer .mail-magazine__form {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .mail-magazine__email {
	border: 1px solid #717171;
	border-radius: 20px;
	background-color: #ffffff;
	padding: 5px 10px;
	font-size: 1rem;
	margin-right: 5px; }

::placeholder {
	color: #bbbbbb;
}

.footer .mail-magazine__submit {
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #717171;
	padding: 5px 0;
	border-radius: 30px;
	font-size: 1rem;
	line-height: 1;
	width: 55px;
	text-align: center; }
.mail-magazine__submit:hover {
	cursor: pointer;
	background-color: #eeeeee;
	color: #e89121; 
	color: #717171; }

.footer .line-friend {
  /*font-size: 1rem;*/ }

.footer .line-friend__title {
	font-size: 1.2rem; }

.footer .line-qr {
	width: 100px;
	margin: 10px auto 0; }

/* 決済
-----------------------------------------------------------*/
body.kessai #wrapper .inner,
body.kessai-2 #wrapper .inner,
body.kessai-3 #wrapper .inner,
body.kessai-4 #wrapper .inner{width:100%}
body.kessai #kessai,
body.kessai-2 #kessai,
body.kessai-3 #kessai,
body.kessai-4 #kessai{
	padding:50px 0 90px;
	background:url(images/common/stripe_bg.png) left top repeat;
	text-align:center;
}
body.kessai #kessai img,
body.kessai-2 #kessai img,
body.kessai-3 #kessai img,
body.kessai-4 #kessai img{
	max-width:290px;
	margin:26px 0 51px;
}
body.kessai #kessai #submitBtn,
body.kessai-2 #kessai #submitBtn,
body.kessai-3 #kessai #submitBtn,
body.kessai-4 #kessai #submitBtn{
	display: block;
	margin: 0 auto;
	width: 384px;
	height: 80px;
	line-height: 65px;
	background: #516d97;
	color: #fff;
	border-radius: 80px;
	border-width: 8px;
	border-style: solid;
	border-color: rgba(81,109,151,0.1);
	background-clip: padding-box;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
/* セミナー詳細ページ下部foam調整 1116→12/2更新
-----------------------------------------------------------*/
#seminar_kobetu_form01 tbody td input#seminar_kobetu_form[type="email"],
#seminar_kobetu_form01 tbody td input#seminar_kobetu_form[type="tel"],
#seminar_kobetu_form01 tbody td input#seminar-name_v,
#seminar_kobetu_form01 td input#seminar_kobetu_form[type="email"],
#seminar_kobetu_form01 td input#seminar_kobetu_form[type="tel"]{
	width: 540px;
}
#mailform input#nameWidth{
	width: 220px;
}
#seminar_kobetu_form01 #mailAdwidth th,
#seminar_kobetu_form01 #mailAdwidth{
	min-height: 110px;
	line-height: 110px;
}
@media (max-width: 750px) {
	    #mailform input {
        width: calc(100% - 40px)
    }
	#seminar_kobetu_form01 select,
    #seminar_kobetu_form01 tbody td input#seminar_kobetu_form[type="email"],
    #seminar_kobetu_form01 tbody td input#seminar_kobetu_form[type="tel"],
    #seminar_kobetu_form01 tbody td input#seminar-name_v {
        width: 100%
    }
}
#mailform table#seminar_kobetu_form01{
	margin-top:0px;
}
	/* foam横幅調整 */
	#mailform input#nameWidth{
	width: 220px;
}
@media screen and (max-width:750px) {
    #mailform #formbtn {
      padding-bottom: 25px;
   }
	#seminar_kobetu_form01 #mailAdwidth th,
	#seminar_kobetu_form01 #mailAdwidth{
		min-height: 0px!important;
		line-height: 20px!important;
	}
}
	/* 追従ボタン用css */
@media only screen and (max-width: 480px) {
    .seminar-single .footer_fix_btn_wrap {
      position:fixed;
      bottom:0;
      display:block;
      background:rgba(51,51,51,0.5);
    }
}
  @media screen and (min-width:750px) {
　　.footer_fix_btn_wrap {
      position:fixed;
      bottom:0;
      display:block;
      background:rgba(51,51,51,0.5);
    }
}
/* podcast
-----------------------------------------------------------*/
ul.fuku-podcast-list {
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
}

ul.fuku-podcast-list li {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
	vertical-align: top;
}

ul.fuku-podcast-list li img {
	width: 100%;
	height: auto;
}

ul.fuku-podcast-list li span {
	width: 100%;
	display: block;
}

ul.fuku-podcast-list li:nth-child(3n) {
	margin-right: 0;
}

div.podcast-list h3 {
	font-size: 32px;
}

div.podcast-list-search {
	display: block;
	margin: 30px 0 ;
	padding: 10px;
	background-color: #efefef;
	text-align: center;
}

div.podcast-list-search select {
	width: 300px;
	margin: 0 30px 0 0;
	padding: 10px 20px;
}

div.podcast-list-search input[type=submit] {
	margin: 0;
	padding: 5px 10px;
	color: #fff;
	background-color: #999;
}

div.podcast-pagination {
	text-align: center;
	margin: 30px auto;
}

form#podcast-search {
	padding: 0;
	margin: 0;
}


@media only screen and (max-width: 480px) {
    ul.fuku-podcast-list li:nth-child(3n) {
        margin-right: none;
    }
    ul.fuku-podcast-list li {
        width: 49%;
        margin: 0 2% 30px 0;
    }
    ul.fuku-podcast-list li:nth-child(odd) {
        margin-right: 2%;
    }
    ul.fuku-podcast-list li:nth-child(even) {
        margin-right: 0;
    }
    div.podcast-list-search select {
        width: 180px;
        margin: 0 auto 10px 0;
    }
    div.podcast-list-search input[type=submit] {
        margin-left: 10px;
    }
    div.podcast-list h3 {
        font-size: 18px;
    }
}

/* トップ改善　ヘッダー右上の電話番号をボタンに変更 1126→12/2更新
-----------------------------------------------------------*/
.list_nav_btn .btn_primary,
.wrap_sp_menu .btn_primary{
	text-align:center;
	background: #ed7e00;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120%;
	border: 4px double #e7adad;
	border-bottom: 5px solid #541c19;
}
.list_nav_btn .btn_kobetu {
	background: #8fc31f;
	color: #fff;
	font-weight: bold;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
}
.list_nav_btn {
 	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list_nav_btn li {
	margin: 5px 0;
}
.list_nav_btn a{
	display: block;
	border-radius: 3px;
	padding: 4px;
	position: relative;
	transition: all .2s
}
.wrap_sp_menu a{
	display: block;
	border-radius: 3px;
	padding: 10px;
	position: relative;
	transition: all .2s
}
.list_nav_btn li {
	margin: 5px 0;
}
@media screen and (min-width: 1000px){
	.list_nav_btn .btn_primary,
	.list_nav_btn .btn_kobetu {
	width: 100px;
	font-size: 12px;
	text-align: center;
	line-height: 1.3;
   }
}
@media screen and (max-width: 999px){
	.wrap_sp_menu .btn_primary {
		width: 108px;
		font-size: 12px;
	}
}
/*講座申込みフォーム 横幅調整21.12.14*/
@media screen and (min-width: 1000px){
	#form_wrap table th {
    	width: 270px!important;
	}
}
/*講座ページ 講師メッセージタイトル追加・テキスト左寄せ　22.2.25*/
.course-single #msg .koushi-msgtitle{
	text-align: center;
	padding-top: 30px;
	font-size: 1.3rem;
}
.course-single #re-header div p {
	text-align: center;
}


/*トップページ メディア掲載　22.3.7*/

.media_table_top{
	border-spacing:0px !important;
	margin: 0 auto;
}

.media_table_redline th,
.media_table_redline td{
	background:#ffe5e5 !important;
}
.media_table_whiteline{
}


.media_table_top th{
	padding:10px 20px !important;
	text-align:left !important;
	font-weight:normal !important;
}

.media_table_top td{
	padding:5px 10px!important;
}

.media_table_top td.media_table_line{
	padding:0px!important;
	font-size:35px!important;
	color:#a6a6a6!important;
}


.media_table_top td.media_table_event{
	color:#ff0000!important;
	text-align:center!important;
	padding:10px 0px!important;
}

/*トップページSP メディア掲載　22.3.9*/
.media_table_top_sp{
	border-spacing:0px;
	margin: 20px auto 0;
	border-bottom:solid 1px;
	margin-bottom:20px;
	width:90%;
	border-color: #7f7f7f;
}

.media_table_top_sp td.media_table_event_sp{
	background:#ffe5e5;
}

.media_table_event_sp{
	color:#ff0000;
	padding:0px 30px;
	margin:0px;
	width:20%;
	text-align:center;
	font-size:110%;
}

.media_table_day_sp{
	text-align:left;
	width:25%;
	padding:0px 0px;
	font-size:110%;
}


.media_table_event_sp_title{
	font-weight:bold;
	font-size:140%;
}

.media_table_event_sp_text{
	font-size:110%;
}

.media_table_top_sp td{
	font-weight:normal;
}

.media_table_top_sp .media_table_day_sp,
.media_table_top_sp .media_table_event_sp{
	line-height:170%;
}

.media_table_top_sp .media_table_event_main{
	line-height:200%;
}

/*コラムページ　22.3.10*/
.column_original h2 {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
}

.column_original h3 {
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
}

.column_original h4 {
	border-left: solid 9px #DCDCDC; 
	background-color: snow;
	font-size:1.05em; 
	text-indent: 0.2em; 
	margin-top:16px;
	margin-bottom:16px;
	padding-top: .1em;
	padding-bottom: .1em;
}


/*コラムページ 動画用　22.3.10*/
.column_iframe_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow:auto; 
	-webkit-overflow-scrolling:touch;
	border:2px solid #ccc; 
}
.column_iframe_wrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	display:block;
}

.su-column .su-column-inner center img{
	border:1px solid #ccc; 
}


/*コラムページ テーブル用　22.3.25*/
table.column_table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 650px;
	table-layout: fixed;
	color: #4CAF50;
}

table.column_table tr {
	background-color: #fff;
	padding: .35em;
	border-bottom: 1px dotted #8BC34A;
}
table.column_table tr:last-child{
	border-bottom: 2px solid #18521b;
}
table.column_table th,
table.column_table td {
	padding: 1em 10px 1em 1em;
}
table.column_table tbody th {
	color: #0f7d13;
}
table.column_table .txt{
	text-align: left;
	font-size: .85em;
}
table.column_table .price{
	text-align: right;
}
@media screen and (max-width: 600px) {
	table.column_teble {
		border: 0;
		width:100%
  }
  table.column_table th{
    display: block;
    border-right: none;
    border-bottom: 2px solid #0f7d13;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
  table.column_table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.column_table tr {
    display: block;
    margin-bottom: 2em;
        border-bottom: 2px solid #0f7d13;
  }
  
  table.column_table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table.column_table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table.column_table td:last-child {
    border-bottom: 0;
  }
}


/*お問い合わせタイトル用　22.3.29*/
.contact_h1{
   display:none;
 }

.contact_h1_main{
   text-align:center;
   font-size:28px!important;
   margin-bottom:20px
   ;padding-top:0px;
}

.contact_news{
  background:#cee7ff;
	margin-top:20px;
}

.contact_news_main{
  border-bottom:1px dashed #1e8eff; 
  width:90%;  
  margin:0 auto;
  padding:15px 0;
}

.contact_news_main_title{
  font-size: 1.6rem; 
  font-weight:bold;
}

.contact_news_main_time{
  font-weight:bold;
}

.contact_column{
  width:90%;
  margin:0 auto;
  padding:15px 0;
}

.contact_column p{
  text-align:
  left;font-size:0.8rem;
}

.br-sp{
    display: none;
}

/*スマートフォンで有効*/
@media screen and (max-width:768px) {
    .br-sp{
        display: block;
    }
}

/*プライバシーページ用　22.4.13*/
.privacy_policy h2{
	text-align:left;
	margin:0!important;
}


.privacy_policy a{
	color:blue;
	text-decoration:underline;
}



  
  .president-support-img {
      width:100%;
  }

  .president-support-h3 {
    text-align: center;
    padding-top: 30px;
    font-size: 18px;
  }
  .red-line-h3 {
    text-align: center;
    font-size: 1.4rem;
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .president-support-p {
    margin-top: 20px;
    text-align: left;
  }

  .president-support-table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      margin-top: 20px;
    }

    
    .president-support-table th,  .president-support-table td {
        padding: 5px;
        border: 1px solid #333;
    }
    .president-support-table th {
      text-align: center;
      font-size: 14px;
    background-color: #28b2c8;
    color: #FFF !important;
  }
    .president-support-table td {
      font-weight: normal;
      border: 1px solid #333;
  }

  .t-left {
      background-color: #b7dde2	;
      width: 40%;
  }

  .red-attention {
      color: red;
      margin-top: 10px;
  }

  .student-benefits {
      width: 1024px;
      margin: 0 auto;
  }

  .student-benefits-p a {
      text-decoration: underline;
      font-weight: bold;
  }

  .student-benefits-img {
      margin: 20px auto;
      display: block;
      max-width: 800px;
      width: 100%;
  }

  .registration__link--terms {
	background-color: #4a5259 !important;
      color: #fff !important;
}
 
  .mt-20 {
      margin-top: 20px;
  }





.melmaga_card{
  border-top:1px solid #999; 
  border-bottom:1px solid #999;
  margin-bottom:30px; 
background:#fff;
}

.melmaga_card p{
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

.melmaga_card .melmaga_card_link{
  text-align:right!important;
}

.mokujibox{
	background:#f7fcfe;
	border:2px dashed #000088; 
	margin-top:20px;
	margin-bottom:20px;
	padding:0px 15px 20px 15px;
	width:100%;
	margin-left:0%;
}

.mokujibox p{
	font-size:1.2rem;
	font-weight:bold;
}


.mokujibox li{
list-style-type: none;
text-indent:10px;
	font-weight:bold;
}

.mokujibox .indent-2{
text-indent:1.3rem;
}

.mokujibox .indent-3{
text-indent:2.3rem;
}

.mokujibox .indent-4{
text-indent:3.3rem;
}


.fixed_btn { 
position: fixed;
bottom: 100px;
right: 10px;
padding: 10px 15px;
}


.fixed_btn {
display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
border: 5px outset #ff8c00;
 border-radius: 0.5rem;
  z-index: 1;
  text-align:center!important;
   font-size:1.1rem!important;
line-height:1.1rem;
  font-weight:bold;
}





.button_column{
 opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active_column{
  opacity: 1;
  visibility: visible;
}

.column_original a{
	color:#1a0dab;
	font-weight:bold;
}

.column_content{
	margin-top:-30px;
	}

.single-wrap-column{
	margin-top:-90px;
}

@media screen and (max-width:768px) {

    .column_original{
        font-size:1.2rem;
	line-height:2.2rem;
    }



    .column_original h2{
        font-size:1.8rem;
    }
    .column_original h3{
        font-size:1.4rem;
    }

    .column_original h4{
        font-size:1.3rem;
    }

.single-wrap-column{
	margin-top:10px;
}
}

.characteristics__wrapper {
 width:100% !important;
}

#course-header .fadeIn{
	padding:85px 0;}


@media screen and (max-width:768px) {
	.tuite_sp_top{
	margin-top:20px;
	}

}

.stock-investment_ikkatu,.foreign-exchange_ikkatu,.product-sales_ikkatu,.personal-import_ikkatu,.mercari_ikkatu,.real-estate_ikkatu,.cryptocurrency_ikkatu,.writing_ikkatu,.photographer_ikkatu,.video-editing_ikkatu,.money-and-lifeplan_ikkatu,.overseas-investment_ikkatu,.smasell_ikkatu,.creditsaison_ikkatu,.moneydoctor_ikkatu,.rental-space_ikkatu,.sns_ikkatu,.vertex_ikkatu{
	display: none !important;
}
	

.seminar-left h1{
	font-size:20px;
	padding-bottom:20px;
}
.seminar-left pre{
	text-align:center;
}

.seminar-left pre img{
	 max-width: 50%;
}

@media screen and (max-width:768px) {
.seminar-left pre img{
	 max-width: 100%!important;
}
}

.academy_form_h1 h1{
	padding:10px 0 !important;
}


.masa_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0.8em 2em;
	width: 65%;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #FF6E00;
	border-radius: 50vh;
	margin-bottom:15px;
 	position:relative;
	justify-content: right;
	height:70px;
}

.masa_btn a{
	position:absolute;
	left:0;
	width:100%;
	height:70px;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	line-height:70px;
	color: #fff;
	text-decoration:none;
}


.masa_btn:hover {
	text-decoration: none;
	background-color: #cf680c;
}

/*セミナー右用　22.10.18*/


.seminar-left h1{
	font-size:20px;
	padding-bottom:20px;
}
.seminar-left pre{
	text-align:center;
}

.seminar-left pre img{
	 max-width: 50%;
}

@media screen and (max-width:768px) {
.seminar-left pre img{
	 max-width: 100%!important;
}
}

.academy_form_h1 h1{
	padding:10px 0 !important;
}

.single-seminar-left{
	width:50% !important;
}

.single-seminar-right{
	width:50% !important;	
}

.single-seminar-right #mailform table th {
	line-height:50px;
}
.single-seminar-right #seminar_kobetu_form01 tbody td input#seminar_kobetu_form[type="email"],
.single-seminar-right #seminar_kobetu_form01 tbody td input#seminar_kobetu_form[type="tel"]

{
	width:100% !important;
}

.single-seminar-right #mailform table tr {
    border-top: none !important;
}

.single-seminar-right #mailform table th {
	    border-top: 1px #ddd solid;
}

.single-seminar-right #mailform table td.input_box {
	    	padding-bottom:10px;
}

.single-seminar-right #mailform #formbtn {
padding:0;
}

@media screen and (max-width:768px) {

.single-seminar-left,.single-seminar-right{
	width:100% !important;
}

.single-seminar-right #mailform table td {
    width: auto;
	padding-bottom:0px;
	}
.single-seminar-right #mailform table, .single-seminar-right #mailform table tbody, .single-seminar-right #mailform table tr, .single-seminar-right #mailform table th, .single-seminar-right #mailform table td {
display:revert;
	}
	.single-seminar-right #mailform table th {
	    border-top: 3px #ccc dashed !important;
}
}

.single-seminar-right .input_box input{
		height:38px!important;
		line-height: 38px!important;
}

.single-seminar-right{
position: sticky;
    height: fit-content;
top: 0;
}


.masa_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0.8em 2em;
	width: 65%;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #FF6E00;
	border-radius: 50vh;
	margin-bottom:15px;
 	position:relative;
	justify-content: right;
	height:70px;
}

.masa_btn a{
	position:absolute;
	left:0;
	width:100%;
	height:70px;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	line-height:70px;
	color: #fff;
	text-decoration:none;
}


.masa_btn:hover {
	text-decoration: none;
	background-color: #cf680c;
}

.seminar-single{
	overflow-x: visible;
}

@media screen and (max-width:768px) {
.seminar-single{
	overflow-x: hidden;
}

.single-seminar-right #mailform {
	padding-left:0px;
	}		
.single-seminar-right #mailform	input#nameWidth
	{
		width:90%;
	}
	.single-seminar-left .seminar-sp-btn{
	display:block!important;
}
}	
.single-seminar-left .seminar-sp-btn{
	display:none;
}


.column_line_btn,
.column_youtube_btn,
.column_kobetu_btn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0.8em 2em;
	width: 65%;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #FF6E00;
	border-radius: 50vh;
	margin-bottom:15px;
 	position:relative;
	justify-content: right;
	height:70px;
}

.column_line_btn{
		background-color: #00cc00;
}

.column_youtube_btn{
		background-color: #ff0000;
}

.column_kobetu_btn{
		background-color: #4169e1;
}

.column_line_btn a,
.column_youtube_btn a,
.column_kobetu_btn a{
	position:absolute;
	left:0;
	width:100%;
	height:70px;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	line-height:70px;
	color: #fff;
	text-decoration:none;
}


.column_line_btn:hover,
.column_youtube_btn:hover,
.column_kobetu_btn:hover
{
	text-decoration: none;
}


.column_line_btn:hover
{
	background-color: #006400;
}

.column_youtube_btn:hover
{
	background-color: #AA0000;
}

.column_kobetu_btn:hover
{
	background-color: #000080;
}


.seminar24_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto !important;
	padding: 0.8em 2em;
	width: 65%;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #FF6E00;
	border-radius: 50vh;
	margin-bottom:15px;
 	position:relative;
	justify-content: right;
	height:50px;
 border-bottom: 6px solid #8A0829;
}



.seminar24_btn a{
	position:absolute;
	left:0;
	width:100%;
	height:90px;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	line-height:90px;
	color: #fff;
	text-decoration:none;
}

.seminar24_btn::after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
}


.seminar24_btn:hover {
margin-top: 5px;
  border-bottom: 3px solid #8A0829;

}

.seminar24_btn_waku{
	width:47%;
	float:left;
	margin-left:2%;	
	margin-bottom:35px;
	background:#efefef;
	padding:20px;
}

.seminar24_btn_waku .title24{
	text-align:center;	
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom:10px !important;
	color:#fff;
	
}
.top24-setumei{
	font-size: 1.2rem;
	font-weight: bold;
	margin-left:2%;	
	}


.seminar24_btn_waku .gaiyo24{
	font-size: 1.2rem;
	font-weight: bold;
		
	}

.seminar24_btn_waku p{
	margin-top:0px !important;
}

.seminar24_btn_waku .kabu{
	background:red;
}

.seminar24_btn_waku .fx{
	background:#0099ff;
}

.seminar24_btn_waku .buppan{
	background:orange;
}

.seminar24_btn_waku .yunyuu{
	background:green;
}

.seminar24_btn_waku .merukari{
	background:#ff6666;
}

.seminar24_clear{
	clear:both
}


@media screen and (max-width:768px) {
.seminar24_btn_waku{
	width:47%;
	margin-left:2%;	
	padding:8px 5px;
}
	.seminar24_btn_waku .title24{
	font-size: 0.8rem;
	
}
.seminar24_btn {
	font-size: 0.8rem;
	padding: 0.2em 0.8em;
	width: 100%;
	height:30px;
}
	.gaiyo24{
	font-size: 0.8rem;
}
.top24-setumei{
	font-size: 0.8rem;
	}	
.24spfont{
		font-size: 0.8rem;
	}
}