@charset "utf-8";
/* CSS Document */
#contents {
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}




contents ul li {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 18px;
    font-weight: 500;
}
#contents ul{
    margin-top:20px;
font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif
}
h1 {
	font-size: 2px;
	font-color: #ccc;
	font-weight: normal;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}

#wrapper ul li {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.05px;
    line-height: 1.7em;
    list-style: outside none none;
}


#wrapper p {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
   
}
/*ヘッダー　---------------------------------------------------------------*/
.g-nav-01 {
	width: 100%;
	margin: 0px auto;
	padding: 10px 0 20px 0;
}
.g-nav-01 ul li {
width:20%;
	letter-spacing: -0.05em;
	text-align: center;
	padding: 1px 1%;
	list-style: none;
	float: left;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.g-nav-01 ul li a {
	display: block;
	letter-spacing: -0.05em;
	padding: 5px 0 5px;
	color: #4d4d4d;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
margin:0
}
.g-nav-01 ul li a span {
	width: 15px;
	display: inline-block;
	margin: 0 0.3em 0 0;
	background-repeat: no-repeat;
}
.g-nav-01 a:link {
	text-decoration: none;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.g-nav-01 a:hover {
	color: #0071bc;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}




/*ヘッダー終わり　---------------------------------------------------------------*/




.linkmb{
margin-top:50px
}

.title {
    border-bottom: 2px solid #000;
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 31px;
    letter-spacing: 1px;
    margin: 20px 0;
    padding: 5px 0;
}
.title1 {
	font-size: 35px;
	padding: 5px 0;
	letter-spacing: 0.05em;
	margin: 20px 0;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
	text-align: center;
	color: #0dae71;
}
.title2 {
	padding: 2px 0;
	font-size: 22px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
 margin: 40px 0 -10px;
}
.title3 {
	padding: 0 0 15px 0;
	letter-spacing: -0.08em;
	color: #0dae71;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.title4 {
	padding: 0 0 15px 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.title5 {
	padding: 0 0 15px 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.title5 a {
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.title6 {
	padding: 10px 0 15px 0;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.title7 {
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.title5 span {
	padding: 0 0 15px 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.8em;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.main {
	font-size: 20px;
	font-weight: bold;
	line-height:1.7em;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.seminar-top {
	width: 980px;
	margin: auto;
	margin-top: 50px;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.seminar-bottom {
	width: 980px;
	margin: auto;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}

p.article {
	font-size: 16px;
	color: #ffffff;
	padding: 5px 0 0 0;
	line-height: 1.6em;
	font-weight: bold;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
	position: relative;
	top: -50px;
	left: 20px;
}


.seminar-box {
    color:#fff;
	width: 30.3%;
	height: 222px;
	float: left;
	margin: 1.5%;
    font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}

.seminar-box-1 { background-color: #ed1e79; }
.seminar-box-2 { background-color: #00abb2; }
.seminar-box-3 { background-color: #60b530; }
.seminar-box-4 { background-color: #653a85; }
.seminar-box-5 { background-color: #29abe2; }
.seminar-box-6 { background-color: #22b573; }

.seminar-box p{margin: 36px 0 -12px 20px;
}
.seminar-box-number{font-size: 88px;}

.seminar-box-number1{color:#f19db2 ;font-weight: normal;}
.seminar-box-number2{color:#98cede;font-weight: normal;}
.seminar-box-number3{color:#b3d8a0;font-weight: normal;}
.seminar-box-number4{color:#a895be;font-weight: normal;}
.seminar-box-number5{color:#91cbeb;font-weight: normal;}
.seminar-box-number6{color:#a2d3aa;font-weight: normal;}

.seminar-box-aside {
	font-size: 20px;
	padding-bottom: 10px;
	line-height: 1.8em;
	margin-top:20px;
}


/*スマートパック価格表--------------------------------------------------------*/


table.type09 {
	margin-top:50px;
	font-size:16px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #369;
	border-bottom: 4px solid #036;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.type09 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #eaf6fd;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.type09 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom:2px solid #ccc;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
	
table.type09 td.attention{
color:#ed1e79
}

	
	
	
/*スマートパック価格表終わり------------------------------------------------*/	
	
	



	
/*研修管理システムリーフ------------------------------------------------*/

p.leaf-aside{
	    color: #ffffff;
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 1.8em;
    margin-top: 80px;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
	



.leaf-box {
	background-color: #00abb2;
	width: 245px;
	height: 184px;
	float: left;
	margin: auto 20px;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}



.leaf p{
		color: #ffffff;
	font-size: 20px;
	padding-bottom: 10px;
	line-height: 4em;
	margin-top:20px;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}


.leaf ul{
	font-size:19px;
	list-style:none;
	text-decoration:none;
	line-height:1.7em;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
/*研修管理システムリーフ----紹介--------------------------------------------*/



h3.leaf-point {
    color: #009245;
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 26px;
    margin: 60px 0 0;
}

	
.leaf-contents2 p {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 20px;
    line-height: 2.5em;
    margin: 5px 0 -27px;
}	


leaf-contents2 ul li {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 17px;
font-weight:normal
    font-weight: 500;
    line-height: 1.8em;
}

.leaf-contents2 img{
	text-align:center;
	margin:0 auto
}

.box-pink-img {
width: 22%; 
float: left;
}

.box-pink {
    background-color: #ea6da4;
    float: left;
   margin: 20px auto;
    width: 100%;
}

.leafdemo-img1{
width: 70%; 
float: left; 
margin: 20px 2% 20px 6%;
}

.box-green-img {
width: 22%; 
float: left;
}
.box-green {
    background-color: #60b530;
    float: left;
    margin: 20px auto;
    width: 100%;
}


p.seminar-leaf-aside{
	    color: #ffffff;
    font-size: 16px;
    padding: 15px;
    line-height: 1.6em;
    margin-top: 10px;
	  float: left;
}
.leafdemo-img2 {
width: 70%;
float: left;
margin: 20px 2% 20px 6%;
}

picture-intoroduce01 {
    float: left;
    margin-top: 50px;
    width: 100%;
}

.picture-intoroduce01 img{
	width:100%;
	  float: left;
	
}
	
.leaf-contents2 img {
    text-align: center;
    margin: 0 auto;
    float: left;
}




/*研修管理システムリーフ----紹介 おわり-------------------------------------------------*/




	
	p.control-problem {
	float: left;
	margin: 10px 20px;
	position:relative;
	line-height:1.8em;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;

	}
	
	
 .main2{
float:left;
width: 33%;
margin:10px 0;
text-align: center;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
p.preface {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 20px;
    letter-spacing: -0.1px;
    line-height: 1.8em;
    margin: -11px 0 -10px;
    padding: 0;
}


.link {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 14px;
    letter-spacing: -0.05px;
    margin: 0 auto;
    padding-top: 15px;
}
	

.main2 img {
	width: 70%;
	margin: 20px 5%;
	text-align: center;
}
.main2 p {
	font-size: 16px;
	width: 70%;
	margin: 5px 5%;
	padding: 5px 0 0 0;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.main3 {
	float: left;
	width: 25%;
	margin: 10px 0 30px 0;
	text-align: center;
}
.main3 img {
	width: 80%;
	margin: 15px 5%;
	text-align: center;
}
.main3 p {
	font-size: 16px;
	width: 80%;
	margin: 5px 5%;
	padding: 10px 0 0 0;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.clear {
	content: " ";
	clear: both;
}
.sub {
	border-buttom-style: solid 5px #00af84;
	font-size: 16px
}
.wrapper {
	margin: 5px 0 50px;
	padding: 10px 0;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.ceminar {
	margin: 20px 0 20px 0;
	padding: 20px;
	border: 10px solid #a7d6b9;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}
.application {
	position: relative;
	top: -50%;
	left: 50px;
	margin: 15px 0
}
.application img:hover {
	opacity: 0.65;
}






/*リーフ価格用-------------------------------------------------*/

table.leaf-price {
	margin-top:50px;
	font-size:16px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
width:100%
}
table.leaf-price thead th {
	font-weight: bold;
	vertical-align: top;
	color: #009245;
	border-bottom: 4px solid #009245;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.leaf-price tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #e7f2e1;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.leaf-price td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 2px solid #ccc;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
	
table.leaf-price td.attention{
color:#e7f2e1
}


/*リーフ価格表終わり-------------------------------------------------*/



/*公開講座リーフ価格用-------------------------------------------------*/

table.seminar-leaf-price {
	margin-top:50px;
	font-size:16px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
width: 100%;
}
table.seminar-leaf-price thead th {
	font-weight: bold;
	vertical-align: top;
	color: #009245;
	border-bottom: 4px solid #009245;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.seminar-leaf-price tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #c9caca;
	background: #e7f2e1;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
}
table.seminar-leaf-price td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border: 2px solid #c9caca;
    font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
    vertical-align: middle;
}



table.seminar-leaf-price td.remarks{
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 2px solid #c9caca;
    font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
    text-align: left;
    font-weight: 500;
    line-height: 1.7em;
vertical-align: middle;
color:#000
}


table.seminar-leaf-price td.remarks p{
color:#ed1e79;
font-weight:bold;
font-family:Helvetica,"游ゴシック","Yu Gothic",sans-serif"
}

/*公開講座リーフ価格表終わり-------------------------------------------------*/


/*-----------------------------------------------問合せ----------------------------------------------*/


.box-contact {
  margin-top: 50px;
  margin-bottom: 30px;
  background: #fff;
font-weight:bold;
}
.box-contact-wrap {
    display: table;
    padding: 10px;
    width: 100%;
}

.box-contact .contact-web, .box-contact .contact-tel {
    display: table-cell;
    padding: 16px 25px;
    width: 50%;
    text-align: center;
    background: #fff;
font-weight:bold;
}

.box-contact .contact-title {
    font-family: "ゴシックMB101 DB", Gothic MB101 DemiBold, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    -ms-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
letter-spacing: -0.3px;
font-weight:bold;
color:#000;
font-weight:bold;
text-align:center
}
.one-column .box-contact .btn-blue {
    margin: 0 auto;
    width: 75%;
font-weight;bold
}


.box-contact .btn-blue {
    font-size: 18px;
    font-weight: bold;
}
.btn-blue:visited {
    text-decoration: none;
    color: #fff;
    background: #e50012;
}

.display-block {
    display: block;
}
.btn-blue {
    display: inline-block;
padding: 6px 20px;
    border: 2px solid #e50012;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: "ゴシックMB101 DB", Gothic MB101 DemiBold, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    background: #e50012;
    border-radius: 0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    -ms-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
margin-top: 4px;
}

user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}



.display-block {
    display: block;
}

a.btn-blue:hover{
text-decoration:none;
opacity: 0.6
}


.tel-number{
margin-top:7px;
}

.tel-number img{
display:inline-block
}


p.contact-title {
    font-family: "ゴシックMB101 DB", Gothic MB101 DemiBold, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    -ms-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
letter-spacing: -0.3px;
font-weight:bold;
color:#000;
font-weight:bold;
text-align:center;
padding-bottom:15px
}


.discount25{
color:#ff616f
}

.discount50{
color:#ea3179
}

.discount100{
color:#ffffff;
background-color:#e9528e;
}

/** SP CSS **/
@media (max-width: 768px) {
.box-pink-img {
width:100%;
}
.leafdemo-img1{
width:100%;
margin:0;
}
.box-green-img {
width:100%;
}
.leafdemo-img2{
width:100%;
margin:0;
}
.seminar-top {
width:100%;
}
p.seminar-leaf-aside {
font-size:12px;
}
.seminar-bottom{
width:100%;
}
.seminar-box-aside {
font-size:10px;
}
table.type09 {
font-size:10px;
}
.leaf-box {
width:30%;
font-size:12px;
}
p.control-problem {
font-size:12px;
}


/* 2020.10.29 対応 */
.sp_scroll {overflow-x:scroll;}
p.preface, p.control-probrem {font-size:14px;}
table.seminar-leaf-price, table.leaf-price {font-size: 11px;}
table.seminar-leaf-price td { padding:5px;}
.picture-intoroduce01 > div > img {
    max-width: 150px;
}
.leafdemo-img1 img, .leafdemo-img2 img {max-width:none!important;}
#wrapper ul li {font-size:14px;}

.box-contact-wrap {
  display:flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.box-contact .contact-web, .box-contact .contact-tel {
  display:block;
  min-width:285px;
}
.leaf-box {min-width:128px;}


}