@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
	/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px) {
	/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px) {
	/*必要ならばここにコードを書く*/
}
/************************************
** original style
************************************/
html, body {
	margin: 0;
	padding: 0;
}
/* 共通設定 */
html {
	width: 100%;
	height: 100%;
}
.body {
	font-size: 1.2rem;
	background-color: #dcdddd;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.txt-green {
	color: #006837;
}
.txt-rightgreen-b {
	color: #56C02B;
	font-weight: bold;
}
.txt-red-b {
	color: red;
	font-weight: bold;
}
.txt-blue-b {
	color: blue;
	font-weight: bold;
}
.txt-rightgreen {
	color: #56C02B;
}
.btn-success {
	color: #fff;
	background-color: #56C02B;
	border-color: #56C02B;
	font-weight: bold;
	font-size: 1.2rem;
}
.btn-outline-success {
	color: #006837;
	border-color: #006837;
}
@media screen and (max-width: 768px) {
	body {
		font-size: 1rem;
	}
}
/* margin設定 */
#seminar000, #seminar00 {
	margin-top: 10px;
}
#sp_talk, #seminar, #counselling, #doc-request, #contact, #LP, #seminar-social, #mailmagazine, #admission, #regulation, #copy, #graduate-colum, #info-format, #what, #way, #graduates, #news-blogs, #access, #loan_info, #greeting {
	margin-top: 50px;
}
@media screen and (max-width: 768px) {
	#info-format {
		margin-top: 0;
	}
	#sp_talk, #seminar, #LP, #graduates, #graduate-colum, #counselling, #doc-request, #mailmagazine, #news-blogs, #access, #loan_info {
		margin-top: 80px;
	}
}
/* header */
#header {
	height: auto;
	z-index: 100;
	width: 100%;
	background-color: #56C02B;
}
.sc-logo {
	width: 250px;
	margin: 5px;
}
.top-bar {
	width: 100%;
	height: auto;
}
.top-bar .list-group {
	font-size: 1rem;
}
.top-bar ul li {
	background-color: #56C02B;
	border: none;
}
.top-bar ul a {
	color: #FFFFFF;
	text-decoration: none;
}
ul .point-color {
	color: #006837;
}
.top-bar ul .nav-text {
	margin-top: -5%;
}
.top-bar .menu .mail-tel {
	font-size: 1.2rem;
	color: #FFFFFF;
	line-height: 2;
	margin-top: 2em;
}
@media screen and (max-width: 768px) {
	#header {
		position: fixed;
		top: 0;
	}
}
/* DropDown menu */
.top-bar .drop-down {
	position: relative;
}
.top-bar .drop-down .dd_menu {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #56C02B;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	visibility: hidden;
	opacity: 0;
	width: 300px;
	margin-top: -10px;
	z-index: 999;
	text-align: left;
}
.top-bar .drop-down:hover .dd_menu {
	top: 56px;
	visibility: visible;
	opacity: 1;
}
.top-bar .drop-down .dd_menu .dd_item {
	padding: 1em;
}
.top-bar .drop-down .dd_menu .dd_item li {
	margin-bottom: 20px;
}
/* top menu bar */
#nav-drawer {
	position: absolute;
	margin: 15px 0 0 10px; /* ハンバーガーアイコンの位置 */
	left: 10px;
	z-index: 9999;
}
#nav-drawer ul {
	list-style: none;
	font-size: 2rem;
	line-height: 4rem;
	padding-left: 40px;
}
#nav-drawer .btn {
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
	h4 {
		font-size: 1.2rem
	}
	#nav-drawer ul {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	#nav-drawer .btn {
		font-size: 1.1rem;
	}
}
#nav-drawer ul li a {
	color: #fff; /* ドロワー内文字色 */
	text-decoration: none;
}
/* チェックボックス等は非表示に */
.nav-unshown {
	display: none;
}
/* アイコンのスペース */
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}
/* ハンバーガーアイコンをCSSだけで表現 */
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 2px; /* アイコンの線の太さ */
	width: 25px; /* アイコンの線の長さ */
	border-radius: 3px;
	background: #fff; /* アイコンの色 */
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}
/* 閉じる用の薄黒カバー */
#nav-close {
	display: none; /* はじめは隠しておく */
	position: fixed;
	z-index: 99;
	top: 0; /* 全体に広がるように */
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
/* 中身 */
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999; /* 最前面に */
	width: 90%; /* 右側に隙間を作る（閉じるカバーを表示） */
	max-width: 340px; /* ドロワーの最大幅（調整してください） */
	height: 100%;
	background: #56C02B; /* ドロワーの背景色 */
	transition: .3s ease-in-out; /* 滑らかに表示 */
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%); /* 左に隠しておく */
}
/* チェックが入ったらもろもろ表示 */
#nav-input:checked ~ #nav-close {
	display: block; /* カバーを表示 */
	opacity: .5;
}
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%); /* 中身を表示（右へスライド） */
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}
/*side button*/
#side-button {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 998;
}
#side-button-mb {
	position: fixed;
	width: 100%;
	top: auto;
	bottom: 0;
	right: 0;
	margin-top: 0;
	z-index: 99999;
}
#side-button-mb a {
	font-size: 0.7rem;
}
#side-button-mb i {
	font-size: 1.2rem;
}
#side-button-mb .btn-primary {
	border-radius: 0;
}
/* top slideshow,Jumbotron */
.jumbotron-extend {
	width: 100%;
	margin: 0 0 1% 0;
	position: relative;
	overflow: hidden;
	background-color: #2E9D3A;
}
@media screen and (max-width: 768px) {
	.jumbotron-extend {
		margin: 50px 0 50px 0;
	}
}
.carousel {
	opacity: 100;
}
.jumbotron-extend .pc-slide {
	max-width: 1500px;
}
.jumbotron-extend .topmessage {
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 99;
}
.jumbotron-extend .topmessage .back {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 0 0 1% 0;
}
.jumbotron-extend .topmessage h2 {
	font-weight: bold;
	line-height: 1.5;
	color: #FFFFFF;
	text-shadow: 2px 2px 0px #000000;
	margin-bottom: 5px;
}
.jumbotron-extend .topmessage h2 .fs-l {
	font-size: 2.6vw;
}
.jumbotron-extend .topmessage h3 {
	font-size: 2vw;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 0px #000000;
	margin-bottom: 20px;
}
.jumbotron-extend .topmessage p {
	font-size: 1.6vw;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 0px #000000;
	padding: 0;
	margin: 0 0 20px 0;
}
.jumbotron-extend .topmessage .btn {
	font-size: 1.5vw;
}
@media screen and (max-width: 960px) {
	.jumbotron-extend .topmessage {
		bottom: 0%;
	}
	.jumbotron-extend .topmessage h2 {
		font-size: 3.5vw;
	}
	.jumbotron-extend .topmessage h2 .fs-l {
		font-size: 5vw;
	}
	.jumbotron-extend .topmessage h3 {
		font-size: 3vw;
	}
	.jumbotron-extend .topmessage p {
		font-size: 3.5vw;
	}
	.jumbotron-extend .topmessage .btn {
		font-size: 4.5vw;
	}
}
.jumbotron-extend .info {
	position: absolute;
	text-align: center;
	top: 180px; /**140px;**/
	left: 5%;
	transform: translateY(-50%);
	color: #006837;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 3;
	width: 350px;
}
.jumbotron-extend .info .underline {
	border-bottom: solid;
	border-color: #FF0000;
	border-width: 3px;
}
/* news feed */
.news-area {
	/*position: absolute;
	bottom: 1%;
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;*/
	text-align: left;
	color: #FFFFFF;
	background-color: rgba(0, 169, 255, 0.80);
	padding: 10px 0;
	border-radius: 50px;
	margin-bottom: 50px;
}
.news-area li {
	list-style: none;
}
.news-area h3 {
	font-size: 1rem;
	margin-bottom: 0;
}
.news-area a {
	color: #FFFFFF;
}
.news-area .arrow {
	position: absolute;
	bottom: -2px;
	right: 1%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
}
.news-area .carousel {
	margin-top: 0;
}
@media screen and (max-width: 1641px) {
	.news-area {
		width: 920px;
	}
	.news-area h3 {
		font-size: 0.8rem;
	}
}
/* mobile news feed*/
.mobilenews-area {
	position: relative;
	width: 100%;
	min-height: 70px;
	text-align: left;
	color: #FFFFFF;
	background-color: rgba(0, 169, 255, 0.80);
	padding: 10px 0;
	border-radius: 20px;
}
.mobilenews-area ul {
	padding: 0;
}
.mobilenews-area .carousel-inner {
	margin: 0 10px;
	padding-right: 50px;
}
.mobilenews-area h3 {
	font-size: 0.8rem;
	margin-bottom: 0;
}
.mobilenews-area a {
	color: #FFFFFF;
}
.mobilenews-area .arrow {
	position: absolute;
	bottom: 30%;
	right: 1%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
}
.mobilenews-area .carousel {
	margin-top: 0;
}
/* 以上news feed */
/* top_image */
.top_image {
	background-color: #56C02B;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.top_image {
		margin-top: 55px;
		background-color: #56C02B;
		width: 100%;
	}
}
/* contents */
#contents h1 {
	font-size: 1rem;
}
section.roundedcorners {
	background-color: #FFFFFF;
	border-radius: 20px;
	margin-bottom: 50px;
	padding-bottom: 20px;
	width: 100%;
	display: inline-block;
}
section .sub_column {
	background-color: #dcdddd;
	border-radius: 20px;
	padding: 0;
}
section .colum_title {
	background-color: #56C02B;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: #FFFFFF;
	font-size: 1.2rem;
	padding: 0.5em;
	text-align: center;
	width: 100%;
}
section .sub_colum_title {
	border-bottom: solid;
	border-color: #006837;
	color: #006837;
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
}
section .sub_colum_title:before {
	background: #006837;
	content: "";
	height: 20px;
	width: 20px;
	left: 0;
	position: absolute;
	top: 4px;
}
section .sub_colum_title-b {
	border-bottom: solid;
	border-color: #006837;
	color: #006837;
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
	line-height: 1.2;
}
section .sub_colum_title-b:before {
	background: #006837;
	content: "";
	height: 20px;
	width: 20px;
	left: 0;
	position: absolute;
	top: 14px;
}
section .sub_colum_title-ns {
	border-bottom: solid;
	border-color: #006837;
	color: #006837;
	font-size: 1.2rem;
	font-weight: bold;
}
section img {
	max-width: 100%;
	height: auto;
}
.inner-btn {
	position: relative;
}
.inner-btn .pc-btn {
	position: absolute;
	left: 50%;
	bottom: 2%;
	transform: translateX(-50%);
	background: #FFFFFF;
	border-radius: 30px;
	padding: 5px;
}
.top-bottom_btn .btn {
	font-size: 2rem;
}
@media screen and (max-width: 768px) {
	.btn {
		font-size: 0.7rem;
	}
	.top-page .btn {
		font-size: 1.2rem;
	}
	.top-bottom_btn .btn {
		font-size: 1.2rem;
	}
	#LP .btn {
		font-size: 1.1rem;
	}
}
/* about */
#about-main section p {
	word-break: auto-phrase;
}
#about-main #management .card {
	border: none;
}
#about-main #teacher .card {
	border: none;
}
#about-main #overview .title {
	width: 25%;
}
#about-main #overview .content {
	width: 75%;
}
/* news & blogs */
.re-list {
	margin: 50px 0 40px;
	font-size: 1rem;
}
.re-list a {
	color: #000000;
}
#news-blogs .nav-tabs {
	font-size: 1rem;
	border: none;
	margin-bottom: 20px;
}
#news-blogs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #FFFFFF;
	background-color: #006837;
}
#news-blogs .nav-link {
	color: #006837;
}
#news-blogs .cd {
	font-size: 0.8rem;
}
#news-blogs .post-categories {
	color: #006837;
	list-style: none;
	padding: 0;
	margin: 0;
}
#news-blogs .post-categories a {
	color: #006837;
}
#news-blogs .card-img-top {
	width: auto;
	max-height: 184px;
}
#news-blogs .card-title {
	font-size: 0.8rem;
}
#news-blogs .card-text {
	font-size: 0.8rem;
}
#news-blogs .card-body {
	min-height: 200px;
}
.nb-title {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.nb-text {
	line-height: 2;
}
.nb-text img {
	margin: 20px 0;
}
#news-blogs h4 {
	font-size: 1.2rem;
	border-bottom: solid;
	margin: 20px 0;
	padding: 10px;
	color: #006837;
}
.wp-block-image {
	text-align: center;
}
#news-blogs, #news-blogs_post img {
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.nb-title {
		font-size: 1.2rem;
	}
	.re-list {
		margin: 80px 0 40px;
	}
}
/* pagenation */
.pnavi {
	margin: 40px 0 0;
	font-size: 1rem;
}
.nav-links {
	display: flex;
}
.pnavi .page-numbers {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 10px 20px;
	color: #333;
	border-radius: 3px;
	box-shadow: 0 3px 3px #999;
	background: #fff;
	width: auto;
	height: 40px;
	line-height: 20px;
}
.pnavi .current {
	padding: 10px 20px;
	background: #006837;
	color: #fff;
}
.pnavi .prev {
	background: transparent;
	box-shadow: none;
	color: #006837;
	border: none;
}
.pnavi .next {
	background: transparent;
	box-shadow: none;
	color: #006837;
	border: none;
}
.pnavi .dots {
	background: transparent;
	box-shadow: none;
	border: none;
}
.pagination {
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.pnavi .page-numbers {
		margin-right: 1px;
		padding: 5px 10px;
		width: auto;
		height: 40px;
		line-height: 30px;
	}
	.pnavi .prev, .pnavi .next {
		font-size: 0.8rem;
	}
}
/* 用語集 */
#glossary h4 {
	font-size: 1.2rem;
	border-bottom: solid;
	margin: 20px 0;
	padding: 10px;
	color: #006837;
}
#glossary ul {
	column-count: 2;
}
@media screen and (max-width: 768px) {
	#glossary ul {
		column-count: 1;
	}
}
/* message */
#message {
	max-width: 100%;
}
@media screen and (max-width: 768px) {
	#message .from {
		font-size: 1.2rem;
	}
}
/* seminar */
.pickup h3 {
	line-height: 1.8;
}
.seminar-top_image {
	margin: 10px 0 50px;
	background-color: #56C02B;
	width: 100%;
}
#seminar figcaption {
	text-align: center;
	font-size: 1rem;
}
#seminar .card h3 {
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 0;
}
#seminar .text-indent {
	text-indent: -0.8rem;
	padding-left: 2rem;
}
#seminar .card p {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.seminar-top_image {
		margin: 80px 0 30px;
		background-color: #56C02B;
		width: 100%;
	}
	#seminar .card h3 {
		font-size: 0.9rem;
	}
	#seminar-schedule .card h5 {
		font-size: 0.9rem;
		line-height: 1.5;
		text-align: center;
	}
	#seminar-schedule .card h6 {
		text-align: center;
	}
}
/* social */
#seminar-social .text-indent {
	text-indent: -0.8rem;
	padding-left: 2rem;
}
.MY {
	text-align: center;
}
@media screen and (max-width: 768px) {
	.MY {
		text-align: center;
	}
}
/* curriculum (info) */
.info_top_image {
	background-color: #006837;
}
@media screen and (max-width: 768px) {
	.info_top_image {
		padding-top: 59px;
		background-color: #FFFFFF;
	}
	.info_top_image img {
		width: 100%;
	}
	.fs-dwn {
		font-size: 1.2rem;
	}
}
.info_top_image img {
	max-width: 100%;
	width: 1200px;
	height: auto;
}
.deadline {
	text-align: center;
	margin: 3em;
}
.deadline h2 {
	display: inline-block;
	border: solid 5px #56C02B;
	padding: 1em;
}
.deadline .txt-green {
	font-weight: bold;
	font-size: xxx-large;
	font-size: -webkit-xxx-large;
}
#copy .gekkeiju {
	margin: 1em auto;
}
#copy h2 {
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0;
}
#copy .fs-l {
	font-weight: bold;
	font-size: 2rem;
}
.sec-method_img {
	width: 70%;
}
@media screen and (max-width: 431px) {
.sec-method_img {
		width: 90%;
	}
}
#curriculum img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#course hr {
	border: none;
	border-top: dotted 2px #646464;
	height: 1px;
	color: #FFFFFF;
	margin: auto 15px;
}
.course-info {
	background-color: #56C02B;
	color: #FFFFFF;
	height: 200px;
	text-align: center;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
}
#course .for-mobile ol {
	padding-left: 26px;
}
#lesson .lesson-img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#lesson p {
	font-size: 1rem;
}
#lesson .list-group li {
	text-indent: -0.8em;
	padding-left: 1em;
	padding-right: 0;
	width: 100%;
	font-size: 1rem;
}
#lesson .certificate {
	padding: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#lesson .certificate p {
	margin-bottom: 1.5em;
	word-break: break-all;
}
#lesson .certificate img {
	width: 50%;
}
@media screen and (max-width: 431px) {
	#lesson .certificate p {
		font-size: 0.8rem;
	}
}
#nintei .card-header {
	background-color: #006837;
}
.term_title {
	font-size: 1.4rem;
	font-weight: bold;
	color: #006837;
	margin: 0;
}
#lesson .detail th {
	width: 18%;
}
#lesson .price-list {
	text-align: center;
	width: 100%;
}
#lesson .price-list thead td {
	width: 50%;
}
#lesson .price-list thead td {
	background-color: #006837;
	color: #FFFFFF;
}
#lesson .price-list thead th {
	background-color: #006837;
	color: #FFFFFF;
}
#lesson .price-list tbody th, td {
	background-color: #FFFFFF;
}
#lesson .price-list th {
	font-weight: normal;
}
#lesson ol {
	font-size: 1rem;
	margin-bottom: 0;
	padding-left: 15px;
}
#lesson .date p {
	font-size: 1rem;
}
#lesson .date a {
	font-size: 1rem;
	font-weight: bold;
	text-decoration: underline;
}
.recommend {
	background-color: orange;
	color: #FFFFFF;
	padding: 2px 15px;
	border-radius: 50px;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	#copy h2 {
		font-size: 1.5rem;
	}
	#copy .fs-l {
		font-weight: bold;
		font-size: 1.5rem;
	}
	#lesson ol {
		padding-left: 15px;
		font-size: 0.8rem;
	}
	#lesson ul {
		padding-left: 10px;
	}
}
.privilege span {
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: solid 1px #006837;
}
.info-btn {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.4rem;
	background-color: #c30d23;
}
.info-btn-arrow {
	width: 15px;
	margin-bottom: 0.2em;
}
/* shakidai */
#features h3 {
	margin: 0;
}
.thought-3 {
	margin-bottom: 4%;
}
@media screen and (max-width: 768px) {
	.thought-3 {
		font-size: 1.2rem;
	}
}
/* lesson */
#lesson li {
	border: none;
}
#lesson h3 {
	font-size: 1.2rem;
	margin: 0;
}
/* garaduates */
#graduates h3 {
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	margin: 1em;
}
#graduates .graduates-list {
	padding: 1em;
}
#graduates h4 {
	font-size: 1rem;
}
#graduates a {
	color: #333333;
	text-decoration: none;
}
#graduates p {
	font-size: 0.8rem;
}
#graduates .card {
	border: none;
}
#graduates .card-text {
	margin-bottom: 0.3em;
}
#graduates hr {
	margin: 0.5em 0;
	border: dashed thin #999999;
}
#seminar-root {
	text-align: center;
}

/* counseling */
#counselling li {
	text-indent: -0.8rem;
	padding-left: 2rem;
}
#counselling .consultation img {
	width: 50%;
}
@media screen and (max-width: 768px) {
	#counselling .consultation img {
		width: 100%;
	}
}
/* doc-request */
/* contact */
/* guide */
@media screen and (max-width: 768px) {
	#requirements table {
		font-size: 0.8rem;
	}
}
/* faq */
#faq .q {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	background: #d92121;
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 5px;
	text-indent: 0;
}
#faq .a {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	background: #7ECEF4;
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 5px;
	text-indent: 0;
}
#faq .que, .answer {
	padding-left: 2.5rem;
	text-indent: -2.3rem;
}
/* contact */
.policy-area h5 {
	color: #FFFFFF;
}
.policy {
	overflow: auto;
	width: 100%;
	height: 200px;
	padding: 5px;
	border: 2px dotted #ffffff;
	line-height: 1.5em;
}
.policy h6 {
	font-weight: bold;
	margin: 20px 0;
}
/* LP お勧め・メリット2023.02～ */
.merit {
	font-size: 1.4rem;
	text-indent: -0.6em;
	padding-left: 1em;
}
.feedback {
	line-height: 2;
	font-size: 1rem;
}
.feedback p {
	width: 100%;
	background-color: #f5f5f5;
	padding: 20px 20px 20px 30px;
	border-radius: 10px;
}
.feedback img {
	width: 70px;
	height: auto;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}
.checklist {
	width: 600px;
	height: auto;
}
@media screen and (max-width: 768px) {
	.merit {
		font-size: 1rem;
		text-indent: -0.7em;
		padding-left: 1em;
	}
	.checklist {
		width: 100%;
	}
}
/* LP 特別セミナー */
.sp-image {
	width: 30%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.sp-image {
		width: 100%;
		height: auto;
	}
}
/* li ダイヤ型設定 */
.rhombus {
	list-style: none;
	margin-left: -15px;
}
.rhombus li {
	position: relative;
	padding-left: 15px;
}
.rhombus li:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #000000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	.rhombus {
		margin-left: -30px;
	}
}
/* li 三角設定 */
ul.cp_list {
	list-style-type: none;
}
ul.cp_list li {
	position: relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.cp_list li:before {
	position: absolute;
	content: '';
	top: 0.4em;
	left: 0.2em;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #006837;
}
@media screen and (max-width: 768px) {
	ul.cp_list {
		padding: 0;
	}
}
/** li check **/
.fa_list-style-check {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1.4rem;
	font-weight: bold;
}
.fa_list-style-check li {
	position: relative;
	padding: 0 0 0 1.5em;
	margin: 0;
}
.fa_list-style-check li::before {
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f14a';
	color: #333333;
}
@media screen and (max-width: 430px) {
	.fa_list-style-check {
		font-size: 1.2rem;
	}
}
#online_form {
	padding-top: 70px;
	margin-top: -70px;
}
/* event for graduate */
#event .eventlist-image img {
	width: 100%;
	height: auto;
}
/* footer */
#footer {
	background-color: #56C02B;
	text-align: center;
	padding-top: 20px;
	color: #FFFFFF;
}
#footer ul {
	font-size: 1.0rem;
	list-style: none;
	padding-left: 0;
}
#footer li {
	display: inline-block;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.copyright {
	font-size: 1.0rem;
	padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
	#footer {
		padding-bottom: 90px;
	}
	#footer ul {
		display: inline-grid;
	}
	#footer li {
		margin-bottom: 10px;
	}
}
.btn-primary {
	background-color: #006837;
	border-color: #006837;
}
.bg-primary, .alert-primary, .btn-outline-primary {
	background-color: #006837;
}
.movie-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* form */
.form-buttons {
	width: 50%;
	margin: auto;
	margin-top: 3rem;
}
.form-width {
	width: 80%;
}
@media screen and (max-width: 768px) {
	.form-buttons {
		width: 100%;
	}
	.form-width {
		width: 100%;
	}
	.form-group {
		margin-bottom: 0;
	}
	.col-form-label {
		padding-bottom: 0;
	}
	.mb-font {
		font-size: 0.8rem;
	}
}
/*LP onlinecource*/
.fs-vw {
	font-size: 2.5vw;
}
.tokuten img {
	width: 50%;
}
.list-style-check-oc {
	list-style: "✓";
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	flex-flow: column;
	flex-wrap: wrap;
	padding-left: 1.5em;
}
.list-style-check-oc li {
	border-bottom: 1px solid rgba(51,51,51,0.50);
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}
.txt-l_green {
	color: #006837;
	font-size: 1.6rem;
}
.sec-method {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3em;
}
.sec-method img {
	margin-bottom: 2em;
}
#lesson .sec-method p {
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	.tokuten img {
		width: 100%;
	}
	.fs-vw {
		font-size: 5vw;
	}
}
/* single-graduate */
#graduate-colum p {
	word-break: break-all;
}
#graduate-colum h1,h2,h3,h4,h5,h6 {
	word-break: break-all;
}
#graduate-colum h4 {
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: solid;
	margin: 20px 0;
	padding: 10px;
	color: #006837;
}
#graduate-colum figure {
	margin: 20px auto;
}
#graduate-colum figcaption {
	font-size: 0.8rem;
	text-align: center;
}
#graduate-colum {
	margin-bottom: 50px;
}
#graduate-colum .txt-darkgray {
	color: #727171;
	font-weight: bold;
}
#graduate-colum h2 {
	font-size: 3rem;
	line-height: 1.6;
	margin: 0 0 1em;
}
#graduate-colum h3 {
	font-size: 1.8rem;
}
#graduate-colum p {
	line-height: 2;
}
@media screen and (max-width: 426px) {
	#graduate-colum h2 {
		font-size: 1.8rem;
	}
	#graduate-colum h3 {
		font-size: 1.6rem;
	}
}

/* English page */
.en_top_image {
	background-color: #dcdddd;
	margin: 50px 0;
}
.en_top_image img {
	width: 250px;
}
.president {
	text-align: right;
}
.president img {
	width: 250px;
	margin: 20px;
}
@media screen and (max-width: 768px) {
	.en_top_image {
		margin-top: 80px;
	}
	.president {
		text-align: center;
	}
}
/* 特設ページ/投稿 */
.video-container, .instagram-container, .facebook-container {
	max-width: 100%;
}
.inner-btn .catchcopy {
	position: absolute;
	top: 20%;
	left: 400px;
	transform: translateX(-50%);
	background-color: rgba(255, 255, 255, 0.5);
	padding: 2em;
}
#HH_SP-page {
	margin-top: 50px;
}
#HH_SP-page .colum_title li {
	background-color: #56C02B;
	border: none;
	padding: 0.75em 0.5em;
}
@media screen and (max-width: 768px) {
	#HH_SP-page {
		margin-top: 80px;
	}
	#HH_SP-page .colum_title {
		font-size: 0.5rem;
	}
}
.sp_post-image img {
	width: auto;
	max-height: 180px;
}
/* single 目次 */
.toc {
	width: 100%;
	margin: 50px 0;
	border: none;
	background-color: #f5f5f5;
}
.toc-title {
	text-align: left;
	padding-left: 0;
}
.toc a {
	color: #1967d2;
	text-decoration: underline;
}
/* sp talk */
#sp_talk p {
	width: 100%;
}
#sp_talk h3 {
	line-height: 1.8;
}
.sp_talk-banner {
	width: 100%;
	height: auto;
	border-radius: 20px 20px 0 0;
	margin-bottom: 3em;
}
.txt-lstyle {
	font-size: 2rem;
	font-weight: bold;
}
.sp_talk-card {
	border: none;
	margin-bottom: 1em;
}
/* socialvalue2020.cssより */
div.cate01 {
	width: 32%;
	float: left;
	margin-right: 1%;
	text-align: center;
}
div.txtPager {
	text-align: center;
}
div.txtR {
	text-align: right;
	margin-right: 30px;
}
section h3 {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 20px 0;
}
@media screen and (max-width: 768px) {
	section h3 {
		font-size: 1rem;
	}
}
section img.rightImg {
	width: auto;
	height: auto;
	padding: 0;
	float: right;
	padding-left: 30px;
}
table {
	border-collapse: collapse;
	width: 96%;
	margin: auto;
	border: solid 1px #eee;
}
table th {
	padding: 10px;
	width: 15%;
	border: solid 1px #eee;
	text-align: center;
}
table td {
	padding: 10px;
	border: solid 1px #eee;
}
.text-success {
	color: #ffffff !important;
}
/* ContactForm7 */
/* template02 */
.form__wrap {
	width: 100%;
	max-width: 900px; /*フォームの最大幅*/
	margin-right: auto;
	margin-left: auto;
}
.wpcf7 .template02 {
	color: #666;
	font-size: 16px;
}
.wpcf7 .template02 p {
	width: auto;
}
.wpcf7 .template02 a {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: inherit;
	transition: opacity .25s;
}
.wpcf7 .template02 a:hover {
	opacity: .5;
	transition: opacity .25s;
}
.wpcf7 .template02 div.form__row {
	display: flex;
	margin: 0;
	padding: 0;
	border-top: 1px solid #efe8e5;
}
.wpcf7 .template02 div.form__row.row-privacy, .wpcf7 .template02 div.form__row.row-submit {
	display: block;
	border-top: 0;
	margin-top: 1em;
	text-align: center;
}
.wpcf7 .template02 p.form__label, .wpcf7 .template02 p.form__body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.wpcf7 .template02 p.form__label {
	width: 36%;
	padding: 1.5em 1em;
}
.wpcf7 .template02 p.form__body {
	width: 64%;
	padding: 1.5em 1em;
}
.wpcf7 .template02 div.form__row.row-privacy .form__body, .wpcf7 .template02 div.form__row.row-submit .form__body {
	width: 100%;
}
.wpcf7 .template02 p.form__label label {
	position: relative;
	margin: 0;
	padding: 0;
	padding-left: 44px;
	box-sizing: border-box;
}
.wpcf7 .template02 p.form__label label::after {
	content: "任意";
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 36px;
	margin: 0;
	padding: 0 5px;
	border-radius: 2px;
	background-color: #f1f1f1;
	color: #929292;
	font-size: 11px;
	text-align: center;
	box-sizing: border-box;
}
.wpcf7 .template02 p.form__label.is-required label {
	position: relative;
}
.wpcf7 .template02 p.form__label.is-required label::after {
	content: "必須";
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	width: 36px;
	padding: 0 5px;
	background-color: #006837;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
/* テキストフィールド */
.wpcf7 .template02 input[type=text], .wpcf7 .template02 input[type=tel], .wpcf7 .template02 input[type=email], .wpcf7 .template02 textarea {
	width: 100%;
	margin: 0;
	padding: .5em 1em;
	border: 1px solid #c4bbb8;
	border-radius: 4px;
	box-shadow: none;
	background-color: #fefefe;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size: 16px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* テキストフィールド placeholder */
.wpcf7 .template01 input[type=text]::placeholder, .wpcf7 .template01 input[type=tel]::placeholder, .wpcf7 .template01 input[type=email]::placeholder, .wpcf7 .template01 input[type=url]::placeholder, .wpcf7 .template01 input[type=date]::placeholder, .wpcf7 .template01 input[type=number]::placeholder, .wpcf7 .template01 textarea::placeholder {
	color: #ccc;
}
.wpcf7 .template01 input[type=text]:-ms-input-placeholder, .wpcf7 .template01 input[type=tel]:-ms-input-placeholder, .wpcf7 .template01 input[type=email]:-ms-input-placeholder, .wpcf7 .template01 input[type=url]:-ms-input-placeholder, .wpcf7 .template01 input[type=date]:-ms-input-placeholder, .wpcf7 .template01 input[type=number]:-ms-input-placeholder, .wpcf7 .template01 textarea:-ms-input-placeholder {
	color: #ccc;
}
.wpcf7 .template01 input[type=text]::-ms-input-placeholder, .wpcf7 .template01 input[type=tel]::-ms-input-placeholder, .wpcf7 .template01 input[type=email]::-ms-input-placeholder, .wpcf7 .template01 input[type=url]::-ms-input-placeholder, .wpcf7 .template01 input[type=date]::-ms-input-placeholder, .wpcf7 .template01 input[type=number]::-ms-input-placeholder, .wpcf7 .template01 textarea::-ms-input-placeholder {
	color: #ccc;
}
/* テキストフィールド フォーカス時 */
.wpcf7 .template01 input[type=text]:focus, .wpcf7 .template01 input[type=tel]:focus, .wpcf7 .template01 input[type=email]:focus, .wpcf7 .template01 input[type=url]:focus, .wpcf7 .template01 input[type=date]:focus, .wpcf7 .template01 input[type=number]:focus, .wpcf7 .template01 textarea:focus {
	outline: 0;
	border: 1px #006837 solid;
	box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
/* チェックボックス */
.wpcf7 .template02 input[type=checkbox] {
	display: none;
}
.wpcf7 .template02 input[type=checkbox] + span {
	cursor: pointer;
	position: relative;
	margin: 0;
	padding: 0 1em 0 1.8em;
	font-size: inherit;
	box-sizing: border-box;
	transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox] + span::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.24em;
	height: 1.24em;
	border: 1px solid #c4bbb8;
	border-radius: 4px;
	background-color: #fefefe;
	box-sizing: border-box;
}
.wpcf7 .template02 input[type=checkbox] + span::after {
	content: "";
	opacity: 0;
	display: block;
	position: absolute;
	top: 0.15em;
	left: 0.44em;
	width: 0.4em;
	height: .8em;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	box-sizing: border-box;
	transform: rotate(40deg);
	transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span {
	color: #006837;
	transition: all .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::before {
	opacity: 1;
	border: 1px solid #006837;
	box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
	background-color: #006837;
	transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::after {
	opacity: 1;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	transition: opacity .25s ease;
}
/* ラジオボタン */
.wpcf7 .template02 input[type=radio] {
	display: none;
}
.wpcf7 .template02 input[type=radio] + span {
	cursor: pointer;
	position: relative;
	margin: 0;
	padding: 0 1em 0 1.8em;
	font-size: inherit;
	box-sizing: border-box;
	transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid #c4bbb8;
	border-radius: 50%;
	background-color: #fefefe;
	box-sizing: border-box;
	transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::after {
	content: "";
	display: block;
	opacity: 0;
	position: absolute;
	box-sizing: border-box;
	transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio]:checked + span {
	color: #006837;
}
.wpcf7 .template02 input[type=radio]:checked + span::before {
	box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 input[type=radio]:checked + span::after {
	opacity: 1;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: #006837;
	border-radius: 50%;
	box-sizing: border-box;
	transition: opacity .25s ease;
}
/* セレクト */
.wpcf7 .template02 span.select-wrap {
	position: relative;
	/*width: 250px;*/
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.wpcf7 .template02 select {
	cursor: pointer;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: .5em 3.5em .5em 1em;
	border: 1px solid #c4bbb8;
	border-radius: 4px;
	box-shadow: none;
	background-color: #fefefe;
	background-image: linear-gradient(90deg, #56C02B, #56C02B);
	background-position: 100% 0;
	background-size: 2em 3.5em;
	background-repeat: no-repeat;
	color: inherit;
	font-size: inherit;
	line-height: 1;
	box-sizing: border-box;
	transition: border-color 0.2s ease, outline 0.2s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.wpcf7 .template02 select::-ms-expand {
	display: none;
}
.wpcf7 .template02 span.select-wrap::after {
	content: "";
	pointer-events: none;
	position: absolute;
	display: block;
	width: .6em;
	height: .6em;
	top: 50%;
	right: .8em;
	margin-top: -3px;
	border-bottom: 1px solid #006837;
	border-right: 1px solid #006837;
	transform: rotate(45deg) translateY(-50%);
	transform-origin: 50% 0;
	box-sizing: border-box;
}
.wpcf7 .template02 select:focus {
	outline: 0;
	border: 1px #006837 solid;
	box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 span.select-wrap:focus-within::after {
	border-bottom: 1px solid #006837;
	border-right: 1px solid #006837;
}
/* 送信ボタン */
.wpcf7 .template02 .submit-btn {
	position: relative;
	width: 320px;
	height: 65px;
	max-width: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.wpcf7 .template02 input[type="submit"] {
	cursor: pointer;
	width: 320px;
	max-width: 100%;
	padding: 18px;
	box-shadow: none;
	border: 1px #006837 solid;
	border-radius: 8px;
	background-color: #006837;
	color: #fff;
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;
	transition: all .25s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.wpcf7 .template02 input[type="submit"]:disabled {
	cursor: not-allowed;
	box-shadow: none !important;
	border: 1px solid #f8f8f8 !important;
	background-color: #f8f8f8 !important;
	color: #929292 !important;
}
.wpcf7 .template02 input[type="submit"]:hover {
	box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
	background-color: #fff;
	color: #006837;
	transition: all .25s;
}
.wpcf7 .template02 input[type="submit"]:focus {
	outline: 0;
	border: 1px #006837 solid;
	box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
@media only screen and (max-width: 768px) {
	.wpcf7 .template02 div.form__row {
		display: block;
	}
	.wpcf7 .template02 p.form__label {
		width: 100%;
		padding: 1.5em 1em 0;
	}
	.wpcf7 .template02 p.form__body {
		width: 100%;
		padding: 1em 1em 1.5em;
	}
}
@media screen and (max-width: 425px) {
	.wpcf7 .notice {
		font-size: 70%;
	}
}