@charset "UTF-8";
/* ------------------------------------------------------------
	「社員が自ら学び成長する仕組み」社員30人以下の会社を自動操縦するマネジメント法
	management-seminar.css
------------------------------------------------------------ */

a.anchor{
    display: block;
    padding-top: 600px;
    margin-top: -600px;
}

.emphasis,
.red,
.require {
    color: #c00
}
.blue {
    color: #2ea7e0
}
.orange {
    color: #ff8c00
}
.green {
    color: #369b50
}
.brown {
    color: #6a3313
}
.font70 {
    font-size: 70%
}
.font80 {
    font-size: 80%
}
.font85 {
    font-size: 85%
}
.font90 {
    font-size: 90%
}
.font100 {
    font-size: 100%
}
.font110 {
    font-size: 110%
}
.font120 {
    font-size: 120%
}
.font130 {
    font-size: 130%
}
.font140 {
    font-size: 140%
}
.font150 {
    font-size: 150%
}
.font160 {
    font-size: 160%
}
.font170 {
    font-size: 170%
}
.font180 {
    font-size: 180%
}
.font190 {
    font-size: 190%
}
.font200 {
    font-size: 200%
}
.font-bold {
    font-weight: 700
}
.font150,
.font160,
.font170,
.font180,
.font190,
.font200 {
    line-height: 130%
}
.kaimin {
    font-family: "解ミン 宙 B", "Kaimin Sora Bold"
}
.ryumin-m {
    font-family: "リュウミン M-KL", "Ryumin Medium KL", "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "MS P明朝", "MS PMincho", serif
}
.mt1 {
    margin-top: 1%
}
.mt2 {
    margin-top: 2%
}
.mt3 {
    margin-top: 3%
}
.mt4 {
    margin-top: 4%
}
.mt5 {
    margin-top: 5%
}
.mt6 {
    margin-top: 6%
}
.mt7 {
    margin-top: 7%
}
.mt8 {
    margin-top: 8%
}
.mt9 {
    margin-top: 9%
}
.mt10 {
    margin-top: 10%
}
.mr1 {
    margin-right: 1%
}
.mr2 {
    margin-right: 2%
}
.mr3 {
    margin-right: 3%
}
.mr4 {
    margin-right: 4%
}
.mr5 {
    margin-right: 5%
}
.mr6 {
    margin-right: 6%
}
.mr7 {
    margin-right: 7%
}
.mr8 {
    margin-right: 8%
}
.mr9 {
    margin-right: 9%
}
.mr10 {
    margin-right: 10%
}
.mb0 {
    margin-bottom: 0!important;
}
.mb1 {
    margin-bottom: 1%
}
.mb2 {
    margin-bottom: 2%
}
.mb3 {
    margin-bottom: 3%
}
.mb4 {
    margin-bottom: 4%
}
.mb5 {
    margin-bottom: 5%
}
.mb6 {
    margin-bottom: 6%
}
.mb7 {
    margin-bottom: 7%
}
.mb8 {
    margin-bottom: 8%
}
.mb9 {
    margin-bottom: 9%
}
.mb10 {
    margin-bottom: 10%
}
.ml1 {
    margin-left: 1%
}
.ml2 {
    margin-left: 2%
}
.ml3 {
    margin-left: 3%
}
.ml4 {
    margin-left: 4%
}
.ml5 {
    margin-left: 5%
}
.ml6 {
    margin-left: 6%
}
.ml7 {
    margin-left: 7%
}
.ml8 {
    margin-left: 8%
}
.ml9 {
    margin-left: 9%
}
.ml10 {
    margin-left: 10%
}
.pd1 {
    padding: 1%
}
.pd2 {
    padding: 2%
}
.contents-photo-center {
    text-align: center;
    margin-bottom: 3%;
    padding: 0
}
.contents-photo-center-texts,
.contents-photo-center-to {
    margin: 5% auto
}
.contents-photo-left {
    margin-right: 2%;
    margin-bottom: 3%;
    padding-left: 2.5%;
    float: left
}
.contents-photo-right {
    margin-left: 2%;
    margin-bottom: 3%;
    padding-right: 2.5%;
    float: right
}
.photo-size100 {
    width: 100px
}
.photo-size150 {
    width: 150px
}
.photo-size200 {
    width: 200px
}
.photo-size250 {
    width: 250px
}
.photo-size300 {
    width: 300px
}
.photo-size320 {
    width: 320px
}
.photo-size350 {
    width: 350px
}
.photo-size450 {
    width: 450px
}
.photo-size600 {
    width: 600px
}
.photo-size100 img,
.photo-size150 img,
.photo-size200 img,
.photo-size250 img,
.photo-size300 img,
.photo-size320 img,
.photo-size350 img,
.photo-size450 img,
.photo-size600 img {
    max-width: 100%;
    height: auto
}
.list-bold {
    font-weight: 700
}

/* ヘッダーエリア */
.header-image {
	margin-bottom:0;
}
.header-image p {
	font-size:130%;
	font-weight: bold;
	color: #005BAC;
	margin-top:2%;
	margin-bottom:5%;
}

.content .post h2.title {
	margin-top:6%;
	line-height:135%;
}

/* youtubeメッセージ */
.youtube-message {
	margin:0 auto;
}

/* 概要エリア */
table.TableStyle01 {
	width:100%;
}
table.TableStyle01 th {
	width:20%;
	text-align:center;
}
table.TableStyle01 th,
table.TableStyle01 td {
	padding:2%;
	vertical-align:middle;
	line-height:185%;
}
table.TableStyle01 td ul {
	margin-top:0;
	margin-bottom:0;
}
table.TableStyle01 td ul li {
	margin-bottom:0.5% !important;
}

ol.lists {
	margin:0;
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
}

ol.lists li {
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 2em 2em 2em 50px;
	background: #fff;
}
ol.lists li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  left:2%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

ul.yutubeimg {
	margin: 0;
	margin-bottom: 0.4em;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
ul.yutubeimg li {
	width: 32.3%;
	margin-right: 1%;
}
.boxs {
	width: 70%;
	padding:1%;
	margin:1% 0 1% 0;
	border: 1px solid #ccc;
	font-feature-settings: "palt";
	font-weight: bold;
}
.application-button {
	margin:3% auto;
}
.application-button a {
	width: 30%;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding: 1%;
	display: inline-block;
	color: #fff;
	border-radius:20px;
	background:#cc0000;
	color: #fff;
}

.application-button:hover {
	opacity: 0.5 ;
}

ul,
ol {
	margin-left:2rem;
}
ul {
	list-style: none;
}


/* ブレイクポイント 985px以下
------------------------------------------------------------*/
@media only screen and (max-width: 985px){
	.content .post .wakuStyle01 {
		margin-left:auto;
		margin-right:auto;
		max-width:95%;
	}
	/* youtubeメッセージ */
	.youtube-message,
	.youtube-message iframe {
		width:100%;
	}
}


/* Media-Query スマホサイト用
------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
	h3 br {
		display:none;
	}
	.alignright {
		text-align:center;
		float:none;
	}
	ul.yutubeimg li {
	width: 48.5%;
	}
	.application-button a {
	width: 80%;
	}
	.boxs {
	width: 100%;
	}
}