@media screen and (max-width: 1019px){
.pc__only {
	display: none;
}
body{
	font-family:"遊ゴシック体","Yu Gothic",YuGothic,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.8;
	color:#1a1a1a;
}
input[type="button"],input[type="submit"]{
	-webkit-appearance:none;
	border-radius:0;
}
a{
	color:#1a1a1a;
	text-decoration:none;
}
a img{
	vertical-align:top;
	border:none;
}
img{
	vertical-align:top;
}
/* ------------------------------------------------------------
    共有クラス部分
------------------------------------------------------------ */
hgroup.title{
	margin:0 20px 30px;
	text-align:center;
}
hgroup.title h2{
	font-size:12px;
	padding:0 20px;
	margin:0 auto;
	color:#1a1a1a;
	line-height:1.0;
	font-weight:bold;
}
hgroup.title h2 span{
	display:block;
	margin:0 0 10px;
}
hgroup.title h2 strong{
	font-size:18px;
	line-height:24px;
	position:relative;
	z-index:2;
	display:block;
}
hgroup.title h2 strong:before{
	content:"";
	background:url(../image/pt_line_yellow.png);
	position:absolute;
	top:5px;
	bottom:5px;
	left:0;
	right:0;
	z-index:-1;
}
hgroup.pt_area{
	width:100%;
	height:150px;
	height:270px;
	display:table;
	position: relative;
}
hgroup.pt_area h2{
	display:table-cell;
	font-size:22px;
    letter-spacing:0.1em;
	padding:0 20px;
	color:#1a1a1a;
	font-weight:bold;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	text-shadow: 0 0 5px #000;
}
.pt_area__copy {
	background: url(../image/pt_line_blue.png);
	padding: 20px 10px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 10px;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 1.0;
	font-weight: bold;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.pt_area__copy strong {
	display: block;
	margin: 10px 0 0;
	font-size: 20px;
}
.pt_area__copy span {
	padding: 0 5px;
	color: #ec323d;
}
.pare{
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:22px;
	font-weight:nomal;
	margin:0 0 30px;
	position:relative;
	z-index:2;
}
.pare small{
	display:block;
	font-size:16px;
}
.pare:before{
	content:"";
	background:url(../image/pt_line_yellow.png);
	position:absolute;
	top:10px;
	bottom:10px;
	left:0;
	right:0;
	z-index:-1;
}

/* ------------------------------------------------------------
    ヘッダー部分
------------------------------------------------------------ */
header{
	min-height:40px;
	/*border-bottom:#572a3f solid 4px;*/
	padding:10px 180px 10px 10px;
	position:fixed;
	z-index: 999;
    background: #fff;
    top:0;
}
header .logo{
	background:url(../image/logo.png) no-repeat left;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
	min-height:40px;
	padding:0 0 0 45px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 10px;
}
header .logo small{
	display:none;
}
header #btnArea{
	width:180px;
	position:absolute;
	top:0;
	right:0;
}
header #btnArea ul{
	font-size:0;
}
header #btnArea ul li{
	width:60px;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
}
header #btnArea ul li a{
	height:60px;
	display:block;
}
header #btnArea ul li.contact a{
	background:url(../image/icon_color.png) 0 #ffc300;
	background-size:auto 60px;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	text-indent:-9999px;
}
header #btnArea ul li.order a{
	background:url(../image/icon_white.png) -120px #eb323c;
	background-size:auto 60px;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	text-indent:-9999px;
}
.btnArea__download a {
	background:url(../image/icon_download.png) no-repeat #ec323d;
	background-size:auto 60px;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	text-indent:-9999px;
}
#gnav{
	display:none;
	background:#fafafa;
	width:100%;
	position:absolute;
	top:60px;
	left:0;
	z-index:11;
	border-bottom:#ddd solid 4px;
	overflow: scroll;
    height: 80vh;
}
#gnav ul li a{
	width:auto;
	height:60px;
	display:block;
	line-height: 60px;
    padding:0 20px 0 45px;
    border-top:#ddd solid 1px;
    position:relative;
    box-sizing:border-box;
}
#gnav > ul > li:nth-of-type(1) > a,
#gnav > ul > li:nth-of-type(4) > a {
	display:none;
}
#gnav ul li a:before{
	content:"";
	background:url(../image/icon_white.png) 0 0 #1a1a1a;
	background-size:auto 15px;
	-webkit-background-size:auto 15px;
	-moz-background-size:auto 15px;
	width:15px;
	height:15px;
	display:inline-block;
	border-radius:10px;
	margin:auto;
	vertical-align:middle;
	position:absolute;
	top:0;
	bottom:0;
	left:20px;
}

/* ------------------------------------------------------------
    雑誌掲載情報部分
------------------------------------------------------------ */
.tv{
	margin: 30px 20px 0;
}
.tv hgroup{
	margin: 0 0 30px;
    text-align: center;
	font-size: 14px;
    color: #1a1a1a;
    font-weight: bold;
}
.tv hgroup span{
	display: block;
	line-height: 1.0;
	margin: 0 0 10px;
}
.tv h2{
	font-size: 18px;
    padding: 0 10px;
	background: url(../image/pt_line_yellow.png);
}
.tv ul li{
	background: #637cc7;
	position: relative;
}
.tv ul li:nth-of-type(2n){
	background: #63bdc6;
}
.tv ul li:not(:last-of-type){
	margin-bottom: 10px;
}
.tv ul li .check{
	background: #eb323c;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: block;
    position: absolute;
    top: -20px;
    left: -10px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-family: "游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.tv ul li iframe{
	width: 100%;
	height: -webkit-calc((100vw - 40px) * 0.56);
	height: calc((100vw - 40px) * 0.56);
}
.tv ul li div{
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
	color: #fff;
}
.tv ul li iframe + div{
	margin: -8px 0 0;
}

.magazine{
	padding:30px 20px;
	position:relative;
}
.magazine h2{
	background:url(../image/pt_line_yellow.png);
	text-align:center;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin:0 0 15px;
}
.magazine .slider{
	width:276px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 25px;
}
.magazine .slider .slides{
	display: flex;
}
.magazine .slider .slides li{
	width:90px;
	height:127px;
	margin:0 1px;
}
.magazine .slider ol{
	position:absolute;
	width:100%;
	bottom:25px;
	left:0;
	font-size:0;
	text-align:center;
}
.magazine .slider ol li{
	display:inline-block;
	margin:0 5px;
}
.magazine .slider ol li a{
	width:10px;
	height:10px;
	display:block;
	border-radius:5px;
	background:rgba(204,204,204,0.5);
	text-indent:-9999px;
}
.magazine .slider ol li a.active{
	background:rgba(99,189,198,0.5);
}
.webmedia {
	padding: 0 20px 30px;
}
.webmedia__heading {
	background:url(../image/pt_line_blue.png);
	text-align:center;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin:0 0 15px;
}
.webmedia__list {
	padding: 10px;
	border: #ddd solid 1px;
}
.webmedia__list li:nyh-of-type(n+2) {
	margin-top: 10px;
}
.webmedia__list li a{
	padding:0 0 0 25px;
	position: relative;
}
.webmedia__list li a:before{
	content:"";
	background:url(../image/icon_white.png) 0 0 #63bdc6;
	background-size:auto 15px;
	-webkit-background-size:auto 15px;
	-moz-background-size:auto 15px;
	width:15px;
	height:15px;
	display:inline-block;
	border-radius:10px;
	margin:auto;
	vertical-align:middle;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

/* ------------------------------------------------------------
    フッター部分
------------------------------------------------------------ */
.free{
	background:url(../image/ttl_guidebook.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	margin: 30px 0 0;
	margin: 0;
	padding:30px 20px;
}
.free a{
	width: auto;
	display: block;
}
.footer__bottom__bnr > div {
	margin: 5px 0 0;
	padding:30px 20px;
}
.footer__bottom__bnr > div > a {
	width: auto;
	display: block;
}
.footer__seitai__btn {
	background:url(../image/bg_footer_seitai.jpg) center;
	background-size:cover;
}
.footer__tsuugaku__btn {
	background:url(../image/bg_footer_tsuugaku.jpg) center;
	background-size:cover;
}
.footer__bodyqueen__btn {
	background:url(../image/bg_footer_bodyqueen.jpg) center;
	background-size:cover;
}
.footer__mokon__btn {
	background:url(../image/bg_footer_mokon.jpg) center;
	background-size:cover;
}
.footer__seitai__btn a{
	width: auto;
	display: block;
}
.footer__tsuugaku__btn {
	background:url(../image/bg_footer_tsuugaku.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	margin: 5px 0 0;
	padding:30px 20px;
}
.footer__tsuugaku__btn a{
	width: auto;
	display: block;
}
.footer__bodyqueen__btn {
	background:url(../image/bg_footer_bodyqueen.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	margin: 5px 0 0;
	padding:30px 20px;
}
.footer__bodyqueen__btn a{
	width: auto;
	display: block;
}
.bottomOrder{
	background:#3cbbc7;
	margin:30px 0 0;
	padding:30px 20px;
}
.bottomOrder ul{
	text-align:center;
	margin:190px 0 0;
}
.bottomOrder ul li{
	font-size:16px;
}
.bottomOrder ul li a{
	width:auto;
	display:block;
	padding:15px;
	line-height:60px;
	font-weight:bold;
	position:relative;
}
.bottomOrder ul li a:before{
	content:"";
	background:url(../image/img_girlBtn.png) top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	width:280px;
	height:190px;
	display:block;
	position:absolute;
	top:-190px;
	left:0;
}
.bottomOrder ul li:first-of-type a{
	background:#fff;
	color:#000;
}
.bottomOrder ul li a small{
	display:none;
}

footer .linksite{
	padding:20px;
	box-sizing:border-box;
}
/*footer .linksite ul{
	font-size:0;
}
footer .linksite ul li{
	width:50%;
	display:inline-block;
	font-size:14px;
	line-height:20px;
	vertical-align:top;
}
footer .linksite ul:not(:last-of-type){
	margin-bottom:20px;
}
footer .linksite ul li:before{
	content:"";
	background:url(../image/icon_white.png) 0 0 #63bdc6;
	background-size:auto 20px;
	-webkit-background-size:auto 20px;
	-moz-background-size:auto 20px;
	width:20px;
	height:20px;
	display:inline-block;
	border-radius:10px;
	margin:0 10px 0 0;
	vertical-align:middle;
}*/

footer .linksite{
	padding:30px 20px;
	box-sizing:border-box;
	position:relative;
}
footer .linksite ul{
	font-size:0;
}
footer .linksite ul li{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	margin:0 40px 0 0;
}
footer .linksite ul:not(.sns) li:before{
	content:"";
	background:url(../image/icon_white.png) 0 0 #63bdc6;
	background-size:auto 15px;
	-webkit-background-size:auto 15px;
	-moz-background-size:auto 15px;
	width:15px;
	height:15px;
	display:inline-block;
	border-radius:10px;
	margin:0 10px 0 0;
	vertical-align:middle;
}
footer .linksite ul.sns{
	position:absolute;
	height:40px;
	top:0;
	bottom:0;
	right:23px;
	margin:auto;
}
footer .linksite ul.sns li{
	margin:0 0 0 10px;
}
footer .linksite ul.sns li a{
	width:35px;
	height:35px;
	display:block;
	border-radius:20px;
	overflow:hidden;
	text-indent:-9999px;
}
footer .linksite ul.sns li.blog a{
	background:url(../image/icon_white.png) -80px 0 #63bdc6;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
}
footer .linksite ul.sns li.fb a{
	background:url(../image/icon_white.png) -120px 0 #63bdc6;
	background-size:auto 39.5px;
	-webkit-background-size:auto 39.5px;
	-moz-background-size:auto 39.5px;
}
footer .linksite ul.sns li.ig a{
	background:url(../image/icon_white.png) -320px -1.9px #63bdc6;
	background-size:auto 39.74px;
	-webkit-background-size:auto 39.74px;
	-moz-background-size:auto 39.74px;
}
footer .linksite ul.sns li.btn_topto a{
	background:url(../image/icon_white.png) -160px 0 #63bdc6;
	background-size:auto 39.5px;
	-webkit-background-size:auto 39.5px;
	-moz-background-size:auto 39.5px;
}
footer .linksite ul.sns li.blog a:hover{
	background:url(../image/icon_white.png) -80px 0 #666;
	background-size:auto 39.5px;
	-webkit-background-size:auto 39.5px;
	-moz-background-size:auto 39.5px;
}
footer .rightcolumn li a{
	width:100%;
	height:40px;
	display:block;
	line-height:40px;
	padding:0 20px 0 45px;
	border-top:#ccc solid 1px;
	position:relative;
	box-sizing:border-box;
}
footer .rightcolumn li a:before{
	content:"";
	background:url(../image/icon_white.png) 0 0 #63bdc6;
	background-size:auto 15px;
	-webkit-background-size:auto 15px;
	-moz-background-size:auto 15px;
	width:15px;
	height:15px;
	display:inline-block;
	border-radius:10px;
	margin:auto;
	vertical-align:middle;
	position:absolute;
	top:0;
	bottom:0;
	left:20px;
}
address{
	border-top:#ccc solid 1px;
	padding:20px;
	font-size:12px;
	font-style:normal;
}
address dl dt{
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin:0 0 10px;
	font-weight:bold;
}
address dl dt small{
	display:block;
	font-size:12px;
}
address dl dd{
	margin:0 0 5px;
}
address dl dd.fax{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	color:#63bdc6;
}
address dl dd.fax:before{
	content:"";
	background:url(../image/icon_white.png) -200px 0 #63bdc6;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
	width:40px;
	height:40px;
	display:inline-block;
	border-radius:50%;
	margin:0 10px 0 0;
	vertical-align:top;
}

/* ------------------------------------------------------------
    パン屑部分
------------------------------------------------------------ */
.pankuzu{
	background:#3cbbc7;
	color:#fff;
	padding:20px;
}
.pankuzu ul{
	font-size:0;
}
.pankuzu ul li{
	display:inline-block;
	font-size:12px;
}
.pankuzu ul li a{
	color:#fff;
	margin:0 15px 0 0;
}
.pankuzu ul li a:after{
	content:">";
	padding:0 0 0 15px;
}

/* ------------------------------------------------------------
    下部ナビゲーションボタン分
------------------------------------------------------------ */
.bottomnav {
	background: #f5f5f5;
	padding: 30px 0;
}
.bottomnav__list {
	margin: 0 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bottomnav__list li {
	width: 49%;
}
.bottomnav__list li + li {
	margin-left: auto;
}
.bottomnav__list li a {
	background: #637cc7;
	display: block;
	color: #fff;
}
.bottomnav__list li:nth-of-type(2) a {
	background:#63bdc6;
}
.bottomnav__list li:nth-of-type(3) a {
	background:#63c78d;
}
.bottomnav__list__image {
	height: 26vw;
}
.bottomnav__list__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bottomnav__list__heading {
	padding: 10px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/* ------------------------------------------------------------
    スライドショウ部分
------------------------------------------------------------ */
#mainimage{
	height:390px;
	height: 490px;
	position:relative;
	overflow:hidden;
}
#mainimage ul li{
	width:100%;
	height:390px;
	height: 490px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:6;
	box-sizing:border-box;
}
#mainimage ul li.active{
	z-index:9;
}
#mainimage ul li.last-active{
	z-index:8;
}
#mainimage #topimage01{
	background:url(../image/mainimage01.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
#mainimage #topimage02{
	background:url(../image/mainimage02.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
#mainimage #topimage03{
	background:url(../image/mainimage03.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
#mainimage .inner{
	background:url(../image/pt_line_blue.png);
	width:100%;
	padding:20px;
	position:absolute;
	bottom:0;
	left:0;
	box-sizing:border-box;
	z-index:10;
}
#mainimage .inner h2{
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-family: 'Noto Serif JP', serif;
	font-size:16px;
	font-weight: bold;
	line-height: 1.0;
	color:#fff;
	margin:0 0 15px;
	text-shadow: 0 0 5px #3cbbc7;
}
.mainimage__heading__middle {
	font-size: 22px;
	display: block;
	margin: 0 0 10px;
}
.mainimage__heading__large {
	font-size: 36px;
	display: block;
	margin: 10px 0;
}
#mainimage .inner h2 .sp__only {
	font-size: 14px;
}
#mainimage .inner p{
	display:none;
	color:#fff;
}
#mainimage .inner .btn_more{
	margin:0 20px;
}
#mainimage .inner .btn_more a{
	background:#fff;
	width:auto;
	height:60px;
	display:block;
	text-align:center;
	color:#63bdc6;
	line-height:60px;
	font-weight:bold;
}

/* ------------------------------------------------------------
    トップページ部分
------------------------------------------------------------ */
.introduce{
	background:#3cbbc7;
	padding:20px;
}
.introduce figure{
	margin:0 0 20px;
}
.introduce dl{
	color:#fff;
}
.introduce dl dt{
	font-size:16px;
	margin:0 0 15px;
	font-weight:bold;
}
.contentList{
	background:#f5f5f5;
	padding:30px 0;
}
.contentList ul{
	margin:0 20px;
}
.contentList ul li:not(:nth-of-type(1)){
	margin-top:30px;
}
.contentList ul li figure{
	width:200px;
	height:200px;
	margin:0 auto 20px;
	position:relative;
}
.contentList ul li figure:after{
	background:#63bdc6;
	width:60px;
	height:60px;
	border-radius:50%;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	line-height:60px;
	text-align:center;
	color:#fff;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.contentList ul li:nth-of-type(1) figure:after{
	content:"強み1";
}
.contentList ul li:nth-of-type(2) figure:after{
	content:"強み2";
}
.contentList ul li:nth-of-type(3) figure:after{
	content:"強み3";
}
.contentList ul li:nth-of-type(4) figure:after{
	content:"強み4";
}
.contentList ul li:nth-of-type(5) figure:after{
	content:"強み5";
}
.contentList ul li:nth-of-type(6) figure:after{
	content:"強み6";
}
.contentList ul li figure a{
	width:200px;
	height:200px;
	display:block;
	border-radius:50%;
	overflow:hidden;
}
.contentList ul li figure img{
	width:200px;
	height:auto;
}
.contentList ul li h3{
	font-size:16px;
	margin:0 0 15px;
	text-align:center;
}
.contentList ul li h3 a{
	color:#63bdc6;
}
#courseTop{
	padding:30px 0 0;
}
#courseTop ul{
	background:#fafafa;
	padding:30px 20px;
}
#courseTop ul li{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#courseTop ul li:not(:last-of-type){
	margin-bottom:10px;
}
#courseTop ul li:first-of-type{
	background:#637cc7;
}
#courseTop ul li:nth-of-type(2){
	background:#63bdc6;
}
#courseTop ul li:nth-of-type(3){
	background:#63c78d;
}
#courseTop ul li:nth-of-type(4){
	background:#7cc763;
}
#courseTop ul li:nth-of-type(5){
	background:#70b2e0;
}
#courseTop ul li:nth-of-type(6){
	background:#70e0c4;
}
#courseTop ul li:nth-of-type(7){
	background:#70e07a;
}
#courseTop ul li:last-of-type{
	background:#b2e070;
}
#courseTop ul li div{
	padding:20px;
}
#courseTop ul li a{
	color:#fff;
}
#courseTop .btn_more{
	background:#fafafa;
	padding:0 0 30px;
	text-align:center;
	line-height:20px;
}
#courseTop .btn_more a{
	color:#000;
	font-weight:bold;
}
#courseTop .btn_more a:before{
	content:"";
	background:url(../image/icon_white.png) -20px 0 #1a1a1a;
	background-size:auto 20px;
	-webkit-background-size:auto 20px;
	-moz-background-size:auto 20px;
	width:20px;
	height:20px;
	display:inline-block;
	border-radius:50%;
	margin:0 10px 0 0;
	vertical-align:top;
}
#courseTop .bnr_guidebook{
	background:url(../image/ttl_guidebook.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	margin: 30px 0 0;
	padding:30px 20px;
}
#courseTop .bnr_guidebook a{
	width: auto;
	display: block;
}
.top__license {
	background: #e4cd31;
	color: #fff;
	padding: 20px;
}
.top__license figure{
	width: 150px;
	margin: 0 auto 10px;
}
.top__license__comment {
	font-weight: bold;
	color: #ec323d;
}
.samplemovie {
	background:#f5f5f5;
	padding: 20px;
}
.samplemovie .inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.samplemovie .txtarea {
	width: 100%;
}
.samplemovie .txtarea h3 {
	display: -webkit-flex;
	display: flex;
	color: #63bdc6;
	font-size: 16px;
	margin: 0 0 20px;
}
.samplemovie .txtarea h3::before {
	content: "必見";
	background: #ec323d;
	color: #fff;
	padding: 10px 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 5px 0 0;
	white-space: nowrap;
}
.samplemovie .txtarea p + p {
	margin-top: 10px;
}
.samplemovie video {
	width: 100%;
    order: -1;
	margin: 0 0 20px;
}
.newsTop{
	padding:30px 20px;
}
.newsTop dl{
	max-height:245px;
	overflow:auto;
	border-top:#ddd dashed 1px;
}
.newsTop dl dt{
	padding:15px 0 5px;
}
.newsTop dl dt span{
	display:block;
	margin:0 0 10px;
}
.newsTop dl dd{
	padding:0 0 15px;
	border-bottom:#ddd dashed 1px;
}
	
/* ------------------------------------------------------------
    グループ部分
------------------------------------------------------------ */
.ttl_group{
	background:url(../image/ttl_group.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.group{
	padding:30px 0;
}
.group h3{
	margin:0 20px 30px;
}
.group .graph{
	margin:0 20px 30px;
}
.group .serviceList{
	background:#fafafa;
	padding:30px 20px;
}
.group .serviceList > li{
	min-height:120px;
	padding:75px 15px 15px;
	background:#fff;
	position:relative;
}
.group .serviceList > li:not(:last-of-type){
	margin-bottom:30px;
}
.group .serviceList > li:before{
	width:80px;
	height:60px;
	content:"01";
	display:inline-block;
	position:absolute;
	top:15px;
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:60px;
	line-height:60px;
	text-align:right;
	color:#f99;
}
.group .serviceList > li:nth-of-type(2):before{
	content:"02";
	color:#fc3;
}
.group .serviceList > li:nth-of-type(3):before{
	content:"03";
	color:#df9;
}
.group .serviceList > li:nth-of-type(4):before{
	content:"04";
	color:#9f9;
}
.group .serviceList > li:nth-of-type(5):before{
	content:"05";
	color:#99f;
}
.group .serviceList > li:nth-of-type(6):before{
	content:"06";
	color:#d9f;
}
.group .serviceList > li:nth-of-type(7):before{
	content:"07";
	color:#f9d;
}
.group .serviceList > li h4{
	font-size:18px;
	background:#f99;
	color:#fff;
	margin:0 0 15px;
	padding:15px;
}
.group .serviceList > li:nth-of-type(2) h4{
	background:#fc3;
}
.group .serviceList > li:nth-of-type(3) h4{
	background:#df9;
}
.group .serviceList > li:nth-of-type(4) h4{
	background:#9f9;
}
.group .serviceList > li:nth-of-type(5) h4{
	background:#99f;
}
.group .serviceList > li:nth-of-type(6) h4{
	background:#d9f;
}
.group .serviceList > li:nth-of-type(7) h4{
	background:#f9d;
}
.group .serviceList > li h5{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	color:#63bdc6;
}
.group .serviceList > li > figure{
	margin:15px 0 0;
}
.group .serviceList > li .shoplist{
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	border: #ccc solid 1px;
}
.group .serviceList > li .shoplist li{
	width: 50%;
	font-size:11px;
	font-weight: bold;
}
.group .serviceList > li .shoplist li::before {
	content: "・";
}
.group .serviceList > li .shoplist li:nth-of-type(n+3){
	margin-top: 5px;
}
.group .serviceList > li .shoplist li figure{
	margin:0 0 10px;
}
.group .serviceList > li .btnMore{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	margin:10px 0 0;
}
.group .serviceList > li .btnMore a:before{
	content:"";
	background:url(../image/icon_white.png) 0 0 #1a1a1a;
	background-size:auto 20px;
	-webkit-background-size:auto 20px;
	-moz-background-size:auto 20px;
	width:20px;
	height:20px;
	display:inline-block;
	border-radius:10px;
	margin:0 10px 0 0;
	vertical-align:middle;
}
.group .serviceList > li .shoplist li:nth-of-type(3n){
	margin-right:0;
}
.group .serviceList > li dl{
	font-size:0;
}
.group .serviceList > li dl dt{
	font-size:14px;
	font-weight:bold;
	margin:30px 0 0;
	padding:0 0 5px;
	border-bottom:#000 solid 2px;
}
.group .serviceList > li dl dd{
	font-size:11px;
	display:inline-block;
	min-width:50%;
	margin:10px 0 0;
}
.group .serviceList > li dl dd:before{
	content:"・";
}
.group .serviceList > li .supportlist{
	font-size:0;
}
.group .serviceList > li .supportlist li{
	width: calc((100% - 10px) / 2);
	width: -webkit-calc((100% - 10px) / 2);
	width: -moz-calc((100% - 10px) / 2);
	display:inline-block;
	margin:15px 10px 0 0;
	padding:10px;
	font-size:11px;
	text-align:center;
	border:#ccc solid 1px;
	box-sizing:border-box;
	vertical-align:top;
}
.group .serviceList > li .supportlist li:nth-of-type(2n){
	margin-right:0;
}
article .innerNav{
	background:#fafafa;
	margin:0 0 1px;
}
article .innerNav ul{
	font-size:0;
	padding:10px 0;
}
article .innerNav ul li{
	width:50%;
	display:inline-block;
	font-size:12px;
	padding:5px 15px;
	box-sizing:border-box;
	position:relative;
	text-align:center;
}
article .innerNav ul li:not(:last-of-type):after{
	content:"";
	display:block;
	width:1px;
	height:30px;
	background:rgba(0,0,0,0.2);
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
}
article .innerNav ul li a{
	display:block;
	line-height:40px;
}

/* ------------------------------------------------------------
    5の特徴部分
------------------------------------------------------------ */
.ttl_point{
	background:url(../image/ttl_point.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.point{
	margin:30px 20px;
}
.point ul li{
	padding:15px 0;
}
.point ul li:not(:nth-of-type(1)){
	border-top:#ccc dashed 1px;
}
.point ul li > dl > dt{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	padding:0 0 0 50px;
	color:#63bdc6;
	position:relative;
}
.point ul li > dl >dt:first-of-type:before{
	content:"1";
	background:#b2e070;
	width:40px;
	height:40px;
	display:block;
	font-size:24px;
	line-height:40px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
}
.point ul li:nth-of-type(2) > dl >dt:first-of-type:before{
	content:"2";
}
.point ul li:nth-of-type(3) > dl >dt:first-of-type:before{
	content:"3";
}
.point ul li:nth-of-type(4) > dl >dt:first-of-type:before{
	content:"4";
}
.point ul li:nth-of-type(5) > dl >dt:first-of-type:before{
	content:"5";
}
.stage{
	margin:30px 20px;
}
hgroup.title_min{
	margin:0 0 30px;
	padding:25px 0;
	text-align:center;
	border-top:#1a1a1a solid 1px;
	border-bottom:#1a1a1a solid 1px;
}
hgroup.title_min h2,
hgroup.title_min h3{
	font-size:22px;
    letter-spacing:0.1em;
	padding:0 20px;
	margin:0 auto;
	color:#1a1a1a;
	line-height:1.0;
	font-weight:bold;
}
hgroup.title_min h3 small{
	display:block;
	font-size:16px;
	margin:0 0 15px;
}
.stage ul{
	background:url(../image/img_active.png) no-repeat top;
	background-size:300px auto;
	-webkit-background-size:300px auto;
	-moz-background-size:300px auto;
	font-size:0;
	margin:30px 0 0;
	padding:300px 0 0;
}
.stage ul li{
	width:49%;
	display:inline-block;
	font-size:11px;
	margin:10px 0 0;
	padding:10px 0;
	text-align:center;
	border:#ccc solid 1px;
	box-sizing:border-box;
}
.stage ul li:nth-of-type(2n){
	margin-left:2%;
}

/* ------------------------------------------------------------
    学習システム・流れ部分
------------------------------------------------------------ */
.ttl_system{
	background:url(../image/ttl_system.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.system{
	margin:30px 0;
}
.system > h3{
	margin:0 20px 30px;
}
.about{
	padding:30px 20px;
}
.about figure{
	margin:0 0 20px;
}
.about figure img{
	width: 100%;
}
.about dl{
	font-weight:bold;
}
.about dl dt{
	font-size:18px;
	margin:0 0 15px;
	color:#63bdc6;
}
.about dl dd:not(:last-of-type):not(.prebtn){
	margin:0 0 30px;
}
.about dl dd.prebtn{
	margin: 0 0 15px;
}
.about dl dd img{
	display: block;
	width: 100%;
}
.about dl dd a:before{
	content: "";
	background: url(../image/icon_white.png) 0 0 #63bdc6;
	background-size: auto 20px;
	-webkit-background-size: auto 20px;
	-moz-background-size: auto 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 10px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.flow{
	background:#fafafa;
	padding:30px 20px;
}
.flow__nav {
	display: none;
}
.flow__nav__list {
	margin: 0 auto 30px;
	display: -webkit-flex;
	display: flex;
}
.flow__nav__list li {
	width: 49%;
}
.flow__nav__list li + li {
	margin-left: auto;
}
.flow__nav__list li a {
	background: #eee;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.flow__nav__list li a.active {
	background: #63bdc6;
	color: #fff;
}
.flow ol#elearning{
	display: none;
}
.flow ol li:not(:nth-of-type(1)){
	border-top:#ccc dashed 1px;
	margin:30px 0 0;
	padding:30px 0 0;
}
.flow ol li h4{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	color:#63bdc6;
}
.flow ol li h4 small{
	font-size:12px;
	display:block;
	color:#1d1d1d;
}
.flow ol li figure{
	max-width:300px;
	position:relative;
	margin:0 auto 20px;
}
.flow ol li figure:after{
	background:url(../image/pt_line_blue.png);
	width:100%;
	height:40px;
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
}
.flow ol li:nth-of-type(1) figure:after{
	content:"STEP.1";
}
.flow ol li:nth-of-type(2) figure:after{
	content:"STEP.2";
}
.flow ol li:nth-of-type(3) figure:after{
	content:"STEP.3";
}
.flow ol li:nth-of-type(4) figure:after{
	content:"STEP.4";
}
.flow ol li:nth-of-type(5) figure:after{
	content:"STEP.5";
}
.dream{
	padding:30px 20px;
}
.dream > ul > li:not(:nth-of-type(1)){
	border-top:#ccc dashed 1px;
	margin:30px 0 0;
	padding:30px 0 0;
}
.dream > ul > li:before{
	width:80px;
	height:60px;
	content:"01";
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:60px;
	line-height:60px;
	text-align:right;
	color:#637cc7;
}
.dream > ul > li:nth-of-type(2):before{
	content:"02";
	color:#63bdc6;
}
.dream > ul > li:nth-of-type(3):before{
	content:"03";
	color:#63c78d;
}
.dream > ul > li:nth-of-type(4):before{
	content:"04";
	color:#7cc763;
}
.dream > ul > li h4{
	font-size:18px;
	background:#637cc7;
	color:#fff;
	margin:0 0 15px;
	padding:15px;
}
.dream > ul > li:nth-of-type(2) h4{
	background:#63bdc6;
}
.dream > ul > li:nth-of-type(3) h4{
	background:#63c78d;
}
.dream > ul > li:nth-of-type(4) h4{
	background:#7cc763;
}
.dream > ul > li h5{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	color:#63bdc6;
}
.dream > ul > li figure{
	margin:0 0 15px;
}
.dream > ul > li ul{
}
.dream > ul > li ul li{
	margin:15px 0 0;
	padding:5px 10px;
	font-size:12px;
	text-align:center;
	border:#ccc solid 1px;
	box-sizing:border-box;
}
.supportprogram{
	background:#fafafa;
	padding:30px 20px;
	margin:0 0 30px;
}
.supportprogram ul > li{
	padding:15px;
	background:#fff;
}
.supportprogram ul li:not(:nth-of-type(1)){
	margin-top:30px;
}

/* ------------------------------------------------------------
    講師紹介部分
------------------------------------------------------------ */
.ttl_teacher{
	background:url(../image/ttl_teacher.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.teacher{
	margin:30px 20px;
}
.teacher ul{
	margin:15px 0 30px;
}
.teacher ul li{
	padding:15px 0;
}
.teacher ul li:not(:nth-of-type(1)){
	border-top:#ccc dashed 1px;
}
.teacher ul li figure{
	max-width:300px;
	margin:0 auto 15px;
}
.teacher ul li dl dt{
	font-weight:bold;
	margin:0 0 15px;
}

/* ------------------------------------------------------------
    通信講座一覧部分
------------------------------------------------------------ */
.ttl_course{
	background:url(../image/ttl_course.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.ttl_set{
	background:url(../image/ttl_set.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.course{
	margin:30px 0;
}
.course > h3{
	margin:0 20px 30px;
}
.course > p{
	margin:0 20px;
}
.course .license{
	background: #e4cd31;
	color: #fff;
	margin: 15px 20px 0;
	padding: 10px;
}
.course .license figure{
	width: 150px;
	margin: 0 auto 10px;
}
.course .license a{
	text-decoration: underline;
	color: #fff;
}
.course .license .license__comment {
	color: #ec323d;
}
.course .license__comment .license__comment__bold {
	font-weight: bold;
}
.course ul{
	padding:30px 20px;
}
.course ul:nth-of-type(2n){
	background:#fafafa;
}
.course ul li:not(:last-of-type){
	margin-bottom:60px;
}
.course ul li h4{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	padding:0 0 10px;
	border-bottom:#ccc dashed 1px;
}
.course ul li h4 span{
	background:#6c9;
	color:#fff;
	display:block;
	margin:0 0 10px;
	padding:0 10px;
}
.course ul li h4 span.singlecourse{
	background:#7cc763;
}
.course ul li h4 span.wcourse{
	background:#b2e070;
}
.course ul li h4 span.totalcourse{
	background:#7cc;
}
.course ul li .inner figure{
    max-width:300px;
    margin:0 auto 15px;
	text-align: center;
}
.course ul li .inner figure > img:not(:first-of-type){
	margin:15px 0 0;
}
.course ul li .inner figure .diploma{
	margin:15px 0 0;
}
.course ul li .inner figure .diploma img{
	width:50%;
	float:left;
}
.course ul li .inner .txtArea h5{
	background:#b2e070;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
.course dl:not(.data){
	padding:45px 15px 15px;
	border:#ccc solid 1px;
	margin:15px 0 0;
	position:relative;
	font-size:0;
}
.course dl:not(.data) dt{
	font-size:14px;
	line-height:30px;
	background:#eee;
	display:inline-block;
	padding:0 15px;
	letter-spacing:0.2em;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
}
.course dl:not(.data) dd{
	font-size:12px;
	vertical-align:top;
	padding: 0 0 0 12px;
}
.course dl:not(.data) dd:before{
	content:"・";
	display: inline-block;
	width: 12px;
	margin: 0 0 0 -12px;
}
.course dl.data{
	background:#eee;
	border:#ccc solid 1px;
	margin:15px 0;
}
.course dl.data dt{
	padding:10px;
	box-sizing:border-box;
	font-weight:bold;
}
.course dl.data dd{
	background:#fff;
	padding:10px;
	box-sizing:border-box;
}
.course dl.data dd small {
	display: block;
	font-size: 10px;
	font-weight: bold;
}
.course dl.data dd .type {
	display: block;
	font-weight: bold;
}
.course li .red{
	color:#e0647e;
	font-weight:bold;
}

.course__nav {
	margin: 15px 20px;
	border: #ccc solid 1px;
}
.course__nav__heading {
	background: #eee;
	padding: 10px;
	font-weight: bold;
}
.course__nav__list {
	padding: 10px !important;
}
.course__nav__list__item {
	margin-bottom: 0 !important;
	padding: 0 0 0 14px;
	font-size: 14px;
}
.course__nav__list__item a {
	text-decoration: underline;
}
.course__nav__list__item a:before {
	content:"・";
	margin: 0 0 0 -14px;
}
.course__bnr {
	background:url(../image/bg_sky.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	margin: 15px 0;
	padding: 0;
}
.index .course__bnr {
	margin: 15px 0;
	padding: 0;
}
.course__bnr img {
	width: 100%;
}
.elearning__bnr {
	background:url(../image/bg_elearning.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	margin: 15px 0 0;
	padding: 0 20px;
}
.index .elearning__bnr {
	margin: 15px;
	padding: 0 5px;
}
.elearning__bnr img {
	width: 100%;
}
.course__message {
	margin: 15px 20px 0;
	font-size: 14px;
}
.course__message__block__heading {
	background: url(../image/pt_line_yellow.png);
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0 10px;
}
.course__message__block p:nth-of-type(n+2) {
	margin-top: 1em;
}
.course__message__block__name {
	margin: 15px 0 0;
	text-align: right;
	font-weight: bold;
}
.course__message__block__name span {
	font-family: 'Noto Serif JP', serif;
	display: block;
	font-size: 16px;
}
.course__message__image {
	max-width: 60%;
	margin: 15px auto 0;
}
.course__message__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.course__btn {
	margin: 15px 20px 0;
	text-align: right;
}
.course__btn a:before {
    content: ">";
    background: #63bdc6;
    background-size: auto 15px;
    -webkit-background-size: auto 15px;
    -moz-background-size: auto 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 10px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
}

/* ------------------------------------------------------------
    サービス・サポート部分
------------------------------------------------------------ */
.ttl_support{
	background:url(../image/ttl_support.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.support{
	margin:30px 20px;
}
.support .supportlist li{
	padding:15px 0;
}
.support .supportlist li:not(:nth-of-type(1)){
	border-top:#ccc dashed 1px;
}
.support .supportlist li h4:not(.interview__title){
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	color:#63bdc6;
}
.support .supportlist li h4 small{
	font-size:12px;
	display:block;
	color:#1d1d1d;
	margin:0 0 5px;
}
.support .supportlist li h5{
	background:#b2e070;
	color:#fff;
	font-weight:bold;
	margin:0 0 15px;
	padding:10px;
}
.support .supportlist li figure:not(.interview__img) {
	max-width:300px;
	margin:0 auto 15px;
}
.support .supportlist li .interview__inner {
	background: #fafafa;
	margin: 15px 0 0;
	padding: 15px;
}
.support .supportlist li .interview__profile {
	background: #fff;
}


/* ------------------------------------------------------------
    お客様の声部分
------------------------------------------------------------ */
.ttl_report{
	background:url(../image/ttl_report.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.report{
	margin:30px 20px;
}
.report ul li{
	padding:15px 0;
}
.report ul li:not(:nth-of-type(1)){
	border-top:#ccc dashed 1px;
}
.report ul li figure{
	max-width:120px;
	margin:0 auto 15px;
}
.report ul li dl dt{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	color:#63bdc6;
}
.report ul li dl dd:nth-of-type(1){
	font-weight:bold;
	margin:0 0 20px;
}
.report ul + p{
	margin:0 0 15px;
}

/* ------------------------------------------------------------
    受講生の声部分
------------------------------------------------------------ */
.ttl_reportschool{
	background:url(../image/ttl_reportschool.jpg) center top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.reportSchool{
	margin:30px 20px;
}
.reportSchool ul li{
	padding:15px 0;
}
.reportSchool ul li:not(:last-of-type){
	border-bottom:#ccc dashed 1px;
}
.reportSchool ul li figure{
	margin:0 20px 15px;
}
.reportSchool ul li figure img{
	width: 100%;
}
.reportSchool ul li h4{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px;
	color:#63bdc6;
}
.reportSchool ul li small{
	font-size: 14px;
	font-weight:bold;
	display: block;
}
.reportSchool ul li .starTotal{
	margin: 15px 0 0;
	padding: 10px;
	border: #ddd solid 1px;
}
.reportSchool ul li .starTotal dt{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.reportSchool ul li .starTotal dd{
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
}
.reportSchool ul li dl dd.star{
	color: #eee;
}
.reportSchool ul li dl dd.star span{
	color: #ffc300;
}
.reportSchool ul li dl:not(.starTotal) dt{
	background: #eee;
	font-weight: bold;
	margin: 15px 0 10px;
	padding: 5px 10px;
}
.reportSchool__photo {
	display: -webkit-flex;
	display: flex;
	margin: 15px 0;
}
.reportSchool ul.reportSchool__photo li {
	width: 32%;
	padding: 0;
	border-bottom: none;
}
.reportSchool ul.reportSchool__photo li + li {
	margin-left: 2%;
}
.reportSchool ul.reportSchool__photo li img {
	width: 100%;
}
.reportSchool__interview {
	background: #fafafa;
	margin: 15px 0 0;
	padding: 15px;
}

/* ------------------------------------------------------------
    Q&A部分
------------------------------------------------------------ */
.ttl_faq{
	background:url(../image/ttl_faq.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.faq{
	margin:30px 20px;
}
.faq dl{
	margin:30px 0 0;
}
.faq dl dt{
	min-height:40px;
	margin:0 0 15px;
	padding:0 0 0 50px;
	font-weight:bold;
	position:relative;
}
.faq dl dt:before{
	content:"Q";
	background:#63bdc6;
	font-size:16px;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	width:40px;
	height:40px;
	border-radius:20px;
	text-align:center;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
.faq dl dd:not(:last-of-type){
	margin:0 0 30px;
}

/* ------------------------------------------------------------
    メールフォーム部分
------------------------------------------------------------ */
.ttl_contact{
	background:url(../image/ttl_contact.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.ttl_order{
	background:url(../image/ttl_order.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.mailform{
	margin:30px 20px;
}
.mailform > p + p {
	margin-top: 1em;
}
.mailform__faqlink {
	/*margin-bottom: 1rem;*/
}
.mailform h3{
	font-size:24px;
	font-weight:bold;
	margin:30px 0 20px;
}
form dl{
	margin:0 auto 30px;
	border-bottom:#ccc solid 1px;
}
form dl dt{
	line-height:40px;
	padding:20px 0 0;
	border-top:#ccc solid 1px;
	font-weight:bold;
}
form dl dt.must:before{
	background:#63bdc6;
	width:40px;
	height:40px;
	content:"必須";
	margin:0 10px 0 0;
	display:inline-block;
	text-align:center;
	color:#fff;
	border-radius:20px;
	font-size:12px;
}
form dl dt:not(.must){
	text-indent:50px;
}
form dl dd{
	min-height:40px;
	padding:20px 0;
}
form dl dd small {
	background: #fafafa;
	line-height: 1.6;
	display: block;
	margin: 0 0 20px;
	padding: 10px;
}
form dl dd small a {
	text-decoration: underline;
	margin: 0 5px;
}
form dl dd .hosoku{
	background:#fafafa;
	margin:0 0 10px;
	padding:10px;
}
form dl dd .caution{
	color:#eb323c;
	font-weight:bold;
	margin:0 0 10px;
}
form dl dd ul li{
	display:inline-block;
	margin:0 10px 0 0;
}
form dl dd input[type="text"]{
	height:38px;
	border:#ddd solid 1px;
	font-size:16px;
	padding:0 0 0 10px;
	box-sizing:border-box;
}
form dl dd input[type="text"]:not(.mini){
	width:100%;
}
form dl dd select{
	width:100%;
	height:40px;
	border:#ddd solid 1px;
	font-size:16px;
	padding:0 0 0 10px;
	box-sizing:border-box;
}
form dl dd textarea{
	width:100%;
	height:150px;
	border:#ddd solid 1px;
	font-size:16px;
	line-height:1.5;
	padding:10px;
	box-sizing:border-box;
}
form ul.submitBtn{
	text-align:center;
}
form ul.submitBtn li:not(:last-of-type){
	margin:0 0 10px;
}
form ul.submitBtn li input[type="submit"],
form ul.submitBtn li input[type="button"]{
	background:#ffc300;
	color:#fff;
	text-align:center;
	border-radius:5px;
	font-weight:bold;
	width:260px;
	height:60px;
	border:none;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	line-height:60px;
}
.mailform__nav__list {
	margin: 0 auto 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.mailform__nav__list li {
	width: 49%;
	margin: 0;
}
.mailform__nav__list li:nth-of-type(2n) {
	margin-left: auto;
}
.mailform__nav__list li:nth-of-type(n+3) {
	margin-top: 2px;
}
.mailform__nav__list li a {
	background: #eee;
	display: block;
	height: 40px;
	font-size: 10px;
	line-height: 40px;
	text-align: center;
}
.mailform__nav__list li a.active {
	background: #63bdc6;
	color: #fff;
}
.kouza .kouza__list .type02, .kouza .kouza__list .type03 {
	display: none;
}

/* ------------------------------------------------------------
    個人情報保護方針部分
------------------------------------------------------------ */
.ttl_privacy{
	background:url(../image/ttl_privacy.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.privacy{
	margin:30px 20px;
}
.privacy dl dt{
	font-size:16px;
	font-weight:bold;
	margin:0 0 20px;
}
.privacy dl dd:not(:last-of-type){
	margin:0 0 30px;
}
.privacy ul{
	margin:20px 0 0 0;
}
.privacy li:before{
	content:"・";
}

/* ------------------------------------------------------------
    特定商取引に関する記載部分
------------------------------------------------------------ */
.law{
	margin:30px 20px;
}
dl.table > dt{
	padding:20px 0 0;
	border-top:#ccc solid 1px;
	font-weight:bold;
}
dl.table > dd{
	padding:20px 0;
}
dl.table > dd dl dt{
	font-size:16px;
	font-weight:bold;
	margin:30px 0 15px;
}
dl.table > dd dl dd:not(:last-of-type){
	margin:0 0 10px;
}

/* ------------------------------------------------------------
    開業・経営・集客ガイドブック無料進呈部分
------------------------------------------------------------ */
hgroup.ttl_guidebook{
	background:url(../image/ttl_guidebook.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
hgroup.ttl_guidebook h2 small{
	font-size: 16px;
	display: block;
	margin: 0 0 10px;
}
.guidebook{
	margin:30px 20px;
}
.guidebook .inner{
	margin: 30px 0 0;
}
.guidebook .inner figure{
	text-align: center;
	margin: 0 0 15px;
}
.guidebook .inner .textarea h4{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	color: #63bdc6;
}
.guidebook ul{
	margin: 30px 0 0;
	padding: 15px;
	border: #ccc solid 1px;
}
.guidebook ul li{
	font-size: 12px;
	font-weight: bold;
	list-style: decimal inside;
}
.guidebook ul li:not(:first-of-type){
	margin: 10px 0 0;
}
.guidebook .offer{
	margin: 15px 0 0;
	font-size: 11px;
}

.faq dl{
	margin:30px 0 0;
}
.faq dl dt{
	min-height:40px;
	margin:0 0 15px;
	padding:0 0 0 50px;
	font-weight:bold;
	position:relative;
}
.faq dl dt:before{
	content:"Q";
	background:#63bdc6;
	font-size:16px;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	width:40px;
	height:40px;
	border-radius:20px;
	text-align:center;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
.faq dl dd:not(:last-of-type){
	margin:0 0 30px;
}

/* ------------------------------------------------------------
    404部分
------------------------------------------------------------ */
.page404{
	margin:30px 20px;
}
.page404 .btn_more{
	margin:40px 20px 0;
}
.page404 .btn_more a{
	background:#63bdc6;
	width:auto;
	height:60px;
	display:block;
	text-align:center;
	color:#fff;
	line-height:60px;
	font-weight:bold;
	border: #63bdc6 solid 1px;
}
.page404 .btn_more a:hover{
	background:#fff;
	color:#63bdc6;
}

/* ------------------------------------------------------------
    スキルアップブック部分
------------------------------------------------------------ */
hgroup.ttl_skillupbook {
	background:url(../image/ttl_skillupbook.jpg) center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
hgroup.ttl_skillupbook h2 small {
	font-size: 14px;
	display: block;
	margin: 0 0 10px;
}
.skillupbook .pare {
	padding: 0 15px;
}
.skillupbook .pare small {
	font-size: 14px;
	margin: 0 0 10px;
}
.skillupbook__target {
	margin: 30px 20px 45px;
}
.skillupbook__target__comment {
	margin: 0 auto 15px;
	font-size: 18px;
	font-weight: bold;
	color: #63bdc6;
}
.skillupbook__target__image {
}
.skillupbook__target__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.skillupbook__target__list {
	margin: 10px 0 0;
	padding: 10px;
	border: #ccc solid 1px;
}
.skillupbook__target__list li {
	font-size: 12px;
	padding: 0 0 0 12px;
}
.skillupbook__target__list li::before {
	content: "・";
	margin: 0 0 0 -12px;
}
.skillupbook__target__list li:nth-of-type(n+2) {
	margin: 10px 0 0;
}
.skillupbook__contents h3 {
	margin: 0 20px 15px;
}
.skillupbook__contents__inner {
	background: #fafafa;
	padding: 30px 20px;
}
.skillupbook__contents_datalist {
	background: #fff;
	padding: 0 0 20px;
}
.skillupbook__contents_datalist:nth-of-type(n+2) {
	margin-top: 30px;
}
.skillupbook__contents_datalist dt {
	font-size: 18px;
	font-weight: bold;
    color: #fff;
    margin: 0 0 20px;
    padding: 15px;
}
.skillupbook__contents_datalist:nth-of-type(1) dt {
	background: #f99;
}
.skillupbook__contents_datalist:nth-of-type(2) dt {
	background: #fc3;
}
.skillupbook__contents_datalist:nth-of-type(3) dt {
	background: #9f9;
}
.skillupbook__contents_datalist:nth-of-type(4) dt {
	background: #99f;
}
.skillupbook__contents_datalist:nth-of-type(5) dt {
	background: #d9f;
}
.skillupbook__contents_datalist dd {
	padding: 0 0 0 12px;
	margin: 0 20px;
	font-size: 14px;
	font-weight: bold;
}
.skillupbook__contents_datalist dd:nth-of-type(n+2) {
	margin-top: 20px;
}
.skillupbook__contents_datalist dd::before {
	content: '■';
	margin: 0 0 0 -12px;
}
.skillupbook__contents_datalist dd ul {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0 0 -12px;
    padding: 10px;
    border: #ccc solid 1px;
	counter-reset: number 0; /* number というカウンタ名で 0 をセット */
}
.skillupbook__contents_datalist dd ul li {
	min-width: 50%;
	box-sizing: border-box;
	/*list-style: decimal inside;*/
	font-size: 12px;
	padding: 0 0 0 12px;
}
.skillupbook__contents_datalist dd ul li::before {
	counter-increment: number 1; /* number の値を 1 づつ増加 */
	content: counter(number)'.';
	margin: 0 0 0 -12px;
}
.skillupbook__contents_datalist dd ul li:nth-of-type(n+3) {
    margin: 10px 0 0;
}
.skillupbook__products {
	margin: 30px 20px;
}
.skillupbook__products__image {
	width: 200px;
	margin: 0 auto 15px;
}
.skillupbook__products__textarea__heading {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	color: #63bdc6;
}
.skillupbook__products__textarea__name {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px;
}
.skillupbook__products__textarea__data {
	border: #ccc solid 1px;
	margin: 0 0 15px;
}
.skillupbook__products__textarea__data dt {
	background: #eee;
    padding: 10px;
    border-top: #ccc solid 1px;
    font-weight: bold;
}
.skillupbook__products__textarea__data dd {
    padding: 10px;
    border-top: #ccc solid 1px;
}
.skillupbook__products__textarea__data dd strong {
	font-size: 18px;
}
.skillupbook__products__textarea__btn a {
	background: #ffc300;
	width: 260px;
    margin: 30px auto 0;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
    display: block;
	border: #ffc300 solid 2px;
    border-radius: 5px;
}

.interview {
	background: #fafafa;
	padding: 20px;
}
.interview__inner + .interview__inner {
	margin-top: 20px;
}
.interview__inner.border {
	margin-top: 30px;
	padding-top: 30px;
	border-top: #ccc dashed 1px;
}
.interview__img {
	width: 80%;
	margin: 0 auto;
}
.interview__img img {
    width: 100%;
}
.interview__txt {
}
.interview__title {
	margin: 15px 0 15px;
	padding: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: #ccc dashed 1px;
}
.interview__report {
	margin: 0 0 1em;
	font-size: 10px;
	text-align: right;
}
.interview__profile {
	border: #ccc solid 1px;
}
.interview__profile__heading {
	background: #eee;
	padding: 10px;
	font-weight: bold;
}
.interview__profile p {
	background: #fff;
	margin: 0 !important;
	padding: 10px;
}
.interview__heading {
	margin: 0 0 20px;
	color: #63bdc6;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.interview__txt p + p {
	margin-top: 1em;
}
.interview__txt p:last-of-type {
	margin-bottom: 15px;
}

.bnr_photoarea {
	padding: 15px 0 0;
}
.bnr__photo {
	display: flex;
	margin: 15px 20px;
}
.bnr__photo li {
	width: 32%;
}
.bnr__photo li + li {
	margin-left: auto;
}
.bnr__photo li img {
	width: 100%;
}

.reason {
	padding: 30px 0 15px;
}
.reason__list {
	width: 90vw;
	padding: 15px 30px;
}
.reason__list li {
	padding: 15px 0;
}
.reason__list li dl {
	width: 100%;
}
.reason__list li dl dt {
	display: flex;
	align-items: center;
}
.reason__list li dt::before{
	counter-increment: reason 1;
	content: counter(reason);
	width: 40px;
	height:40px;
	margin: 0 10px 0 0;
	font-size: 24px;
	display: block;
	background: #b2e070;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
	text-align: center;
}
.reason__list li dl dt span {
	width: calc(100% - 50px);
}
.reason__mv {
	height: 160px;
}

hgroup.title h2 span.fukidashi {
	font-size: 18px;
}
hgroup.title h2 span.fukidashi::before {
	width: 1px;
	height: 25px;
	margin: 0 1rem 0 0;
}
hgroup.title h2 span.fukidashi::after {
	height: 25px;
	margin: 0 0 0 1rem;
}
}