@charset "UTF-8";
/* ------------------------------
　　ベース
------------------------------ */
body {
	margin: 0;
	    padding: 0;
	    font-weight: 500;
	    letter-spacing: .1em;
	    font-size: 1em;
	    line-height: 2;
	    color: #000;
	    font-family: YuGothic,sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
		background-color: #fbfcf7;
}
/*グローバルナビ*/
@media (min-width: 768px){
.header-nav {
    display: block;
    width: 100%;
		margin: 5px auto 1px;
		padding: .5em;
		background-color: #指定のコラーコード;
}}
@media (min-width: 1024px){
.navbar>ul {
    float: left;
}}
.navbar>ul>li {
  margin: 0px;
	border-right: 1px dotted #75be00;
}
.navbar>ul>li>a {
  padding:2px 10px 2px 10px;
  font-size: 1em;
}
.navbar>ul>li>ul {
	margin-left: 0;
}
.navbar li.stay a {
    border-bottom: 0px solid #75be00;
    background-color: #75be00;
    color: #ffffff;
}
.navbar li:hover a{
	border-bottom:4px solid #ffd200;
}
/* グローバルナビの子ナビ背景*/
.navbar li li{
	border-top: 1px solid #ffffff;
}
 li li a{
background-color:#;
}
	.navbar li li a:hover{
	background-color:#;
	}
.entry-column p{
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 1.05rem;
    line-height: 2;
    color: #000;
    font-family: YuGothic,sans-serif;
}
/*site-name*/
.site-name{
	margin-top:0px;
	line-height: 1.3em;
}
.site-name,
.site-name a{
	color:#000000;
	font-size: 1.2em;
	text-decoration: none;
}
.site-name-text-sub,.site-name-text-sub a{
	font-size: 0.9em;
		text-decoration: none;
}
.site-name a:hover,
.site-name a:focus,
.site-name a:active,
.site-name a:visited {
  color: #000000;
}
.site-logo {
    width: 80px;
		float:left;
}
@media(max-width:480px){
	.site-logo {
	    width: 60px;
	}}
.site-description{
margin-block-end: 0em;
font-size: 0.6em;
font-weight: normal;
display: block;
}
@media (min-width: 768px){
.header-logo {
    width: 65%;
}}
.header-info ul {
	list-style: none;
	line-height: 2em;
}
@media(max-width:480px){
	.header-info ul{
		padding-inline-start: 0px;
	}}
.header-tel a, .header-tel {
    font-size: 1.6em;
    color: #75be00;
    font-weight: bold;
		letter-spacing:0em;
}
@media(max-width:480px){
	.header-tel a, .header-tel {
	    font-size: 1.4em;
}}

.header-address{
	font-size: 0.9em;
}
.suggest-tel,.suggest-tel a {
    color: #75be00;
}

.suggest-box {
    background: #fdfce6;
}
.foot-wrapper {
    background-color: #75be00;
}
.company-name{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
}
.company-detail{
	font-size: 1.2em;
	line-height: 1.2em;
}
.foot-com-sub{
	display: block;
}
.footer-nav-list a {
    color: #fff;
}
@media screen and (max-width: 767px) {
  .footer-nav {
    display: block;
  }
  .footer-nav-item {
    width: 100%;
}}


.main-slider-main-copy, .main-slider-side-copy, p.page-title, h1.page-title, p.page-description {
    text-shadow: 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black;
}

@media screen and (min-width: 768px){
.entry-column td, .entry-column th {
    font-size: 1.05rem;
}}

/* ボタン　色付き・グリーン */
.btn-attention-members {
  background: #009170;
  border: 0;
  color: #FFF;
  font-weight: bold;
  line-height: 1.3;
  border: 0;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 3px;
  margin-top: 3px;
  font-size: 1.1em;
}
.btn-attention-members:hover,
.btn-attention-members:visited {
  color: #FFF;
  text-decoration: none;
}
.btn-attention-members:focus,
.btn-attention-members:active {
  color: #FFF;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
}
.btn-attention-members:hover {
  color: #FFF;
  background-color: #910021;
  background-image: linear-gradient(to bottom, #C41134, #910021);
}
.btn-attention-members:active,
.btn-attention-members:focus {
  background: #910021;
}


/* ------------------------------
　　定義リスト
------------------------------ */
.entry-column dl{
  border:5px solid #e5e5e5;
  padding:10px;
}
.entry-column dt {
  color:#900;
font-weight: bold;
font-size: 18px;
}
.entry-column dd {
  border-bottom:1px dotted #999;
  margin-bottom: 15px;
}

strong{
text-decoration:underline #cc0000;

}
em{
color:#102988;
font-weight: bold;
}
.btn-attention {
    background: #ff9a00;
}
.btn {
    background: #75be00;
}
/* テキスト・ポイント*/
p.point{
  font-size: 1.6em;
  font-weight:bold;
  margin-bottom: 10px;
}
p.point::before{
  content: "POINT!\A";
  color:#c7000b;
  font-weight: bold;
  border-bottom:1px solid #c7000b;
white-space: pre;
}
/* テキスト・ポイント（ノーマルテキスト）*/
p.point-text{
  font-size: 1.1em;
  font-weight:bold;
}
p.point-text::before{
  content: "POINT!\A";
  color:#c7000b;
  font-weight: bold;
  border-bottom:1px solid #c7000b;
white-space: pre;
}
/* テキスト・チェック*/
p.check{
  font-size: 1.6em;
  font-weight:bold;
}
p.check::before{
  content: "CHECK!\A";
  color:#1e87b8;
  font-weight: bold;
  border-bottom:1px solid #1e87b8;
white-space: pre;
}
/* テキスト・チェック（ノーマルテキスト）*/
p.check-text{
  font-size: 1.1em;
  font-weight:bold;
}
p.check-text::before{
  content: "CHECK!\A";
  color:#1e87b8;
  font-weight: bold;
  border-bottom:1px solid #1e87b8;
white-space: pre;
}
/* 使用教具*/
p.tool{
  font-size: 1.4em;
  font-weight:normal;
}
p.tool::before{
  content: "使用教具・教材\A";
  color:#14c3f3;
  border-bottom:1px solid #999;
white-space: pre;
}

	@media screen and (min-width: 768px){
	.entry-column td, .entry-column th {
	    display: table-cell;
	    padding: 15px 20px;
	    text-align: left;
	    font-size: 16px;
	    border: 1px solid #dfdfdf;
	}
	.entry-column td {
			background: #fff;
	}
	.entry-column th {
	    background: #f5f5f5;
	}}
/* インタビュー*/
	p.interview {
    margin-bottom: 20px;
    padding: 15px 20px 15px 16px;
    line-height: 1.8;
    border-left: 4px solid #75be00;
    background-color: #f8f8f8;
}
/*エントリー上部見出し一覧（定義リストオリジナル）*/
dl.contents-list{
	border:solid 5px #f5f5f5;
	padding:20px;
}
dl.contents-list::before{
	content: "目次";
text-align: center;
font-weight: bold;
color:#102988;
display: block;
font-size: 1.1em;
}
.contents-list dt{
	font-size: 1.1em;
}

.contents-list dt,
.contents-list dt a:active,
.contents-list dt a:focus,
.contents-list dt a:hover,
.contents-list dt a:link,
.contents-list dt a:visited{
	color:#006dd9;
}
.contents-list dd{
	text-indent: 1em;
}
.contents-list dd,
.contents-list dd a:active,
.contents-list dd a:focus,
.contents-list dd a:hover,
.contents-list dd a:link,
.contents-list dd a:visited{
	color:#006dd9;
}


/*summaryの画像を丸くくり抜く*/
.acms-summary img{
	border-radius: 100%;
}
/*topページ・カスタムフィールド*/
.custom-area{
	padding:5px 10px;
	background-color: #fff;
	border-radius: 3px;
}
.group-item{
	border-top:1px dotted #cccccc;
	padding-top:5px;
}
/*エントリー内リンクボタン（赤色）*/
.entry-column .entry-btn-attention a{
	color:#fff;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.entry-column .entry-btn,
.entryFormLiteEditor .entry-btn {
	background: #1134C4;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3;
	border: 0;
	display: inline-block;
	padding: 6px 15px;
	border-radius: 3px;
}
.entry-column .entry-btn:hover,
.entry-column .entry-btn:visited,
.entryFormLiteEditor .entry-btn:hover,
.entryFormLiteEditor .entry-btn:visited {
	color: #FFF;
	text-decoration: none;
}
.entry-column .entry-btn:focus,
.entry-column .entry-btn:active,
.entryFormLiteEditor .entry-btn:focus,
.entryFormLiteEditor .entry-btn:active {
	color: #FFF;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
}
.entry-column .entry-btn:hover,
.entryFormLiteEditor .entry-btn:hover {
	color: #FFF;
	background-color: #118EC4;
	background-image: linear-gradient(to bottom, #1134C4, #118EC4);
}
.entry-column .entry-btn:active,
.entry-column .entry-btn:focus,
.entryFormLiteEditor .entry-btn:active,
.entryFormLiteEditor .entry-btn:focus {
	background: #118EC4;
	color:#fff;
}
.entry-column .entry-btn a {
    color: #fff;
}
/*エントリー・サブタイトル（オリジナル）*/
p.sub-title {
  position: relative;
  padding-left: 35px;
  font-weight: 500;
  font-size: 1.4em;
}
p.sub-title::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
p.sub-title::after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
 /*Q&A*/

dl.Qa-Box {
  margin-bottom: 32px; /* 各Q&Aの下に余白 */
}

dl.Qa-Box dt, dl.Qa-Box dd {
  position: relative;
  padding-left: 24px;
}

dl.Qa-Box dt::before, dl.Qa-Box dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

dl.Qa-Box dt {
  font-weight: bold; /* 質問文は太字にしてみました */
  margin-bottom: 10px; /* 下にちょい余白 */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  color: #000;
  font-size: 18px;
  background-color: #f3f3f3;
}

dl.Qa-Box dd {
  margin-bottom: 10px; /* 下にちょい余白 */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  color: #000;
}

dl.Qa-Box dt::before {
  content: 'Q.';
  color: #c80021; /* 「Q」の文字色 */
  font-size: 20px;
    padding: 10px;
}

dl.Qa-Box dd::before {
  content: 'A.';
  color: #0085C8; /* 「A」の文字色 */
    font-size: 18px;
    padding: 10px;
}

dl.custom-01{
	border-style: none;
	overflow: hidden;

}

dl.custom-01 dt {
  margin-top: 1em;
  margin-bottom: 0px;
  padding: 0.5em;
  color: #FFF;
  text-shadow: 1px 1px rgba(0,0,0,.4);
  background-color: #1e87b8;
}
dl.custom-01 dd {
padding: 0.5em 0.5em;
  margin-left: 0;
  margin-bottom: 0;
  border-width: 0 1px 1px;
  border-style: none solid solid;
  border-color: #1e87b8;
}

dl.custom-blue{
  border:5px solid #1e87b8;
  padding:10px;
}
dl.custom-blue dt {
  color:#082634;
font-weight: bold;
font-size: 18px;
}
dl.custom-blue dd{
  border-bottom-style: none;
}