@charset "utf-8";
/* CSS Document */

@media (max-width: 767px) {
	.page #content{
		padding:0px 0px 0;
	}
}

/*　会社概要 */
table.com{
	border:none;
	width:80%;
	margin:0 auto;
	border-bottom:1px solid #f0f0f0;
}

table.com td{
	border:none;
	vertical-align: middle;
}

table.com tr td:first-child{
	font-weight: bold;
	font-family:"じゅん 501";}

table.com tr:nth-child(odd){
  background-color:#f0f0f0;
}

/* 採用 */

table.rec{
	border:none;
	border-top:1px solid #cccccc;
	width:80%;
	margin:0 auto;
}

table.rec td{
	border:none;
	border-bottom:1px solid #cccccc;
	vertical-align: top;
}

@media (max-width: 767px) {
	table.com,
	table.rec{
		width: 100%;
	}
	
	table.com td,
	table.rec td{
		display: block;
	}
	table.rec td.bg{
		background: #efefef;
	}
	table.com tr:nth-child(odd){
  		background-color:#ffffff;
	}
	table.com td:first-child{
  		background-color:#f0f0f0;
	}
}

/* ポンプ */
table.pump{
	border: none!Important;
	width:100%!Important;
	margin:0 auto;
	border-collapse:separate;
 	border-spacing:10px;
	margin-top:20px;
}

table.pump td{
	border:none!Important;
	border-radius: 10px;
	background-color:#aaa;
	padding: 15px;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
}

table.pump td:nth-child(2){
	border:none!Important;
	border-radius: 10px;
	background-color:#DD4655;
	padding: 15px;
	color: white;
	vertical-align: middle;
}

table.pump th{
	border:none!Important;
	border-radius: 10px;
	background-color:#35BFCC;
	padding: 15px;
	color: white;
	vertical-align: middle;
	/*white-space: nowrap;*/
	text-align: center;
	font-size: 18px;
}

table.pump th.first{
	background-color: white;
}
	
table.pump td:first-child{
	background-color:#22ACC5;
	width: 15%;
}

@media (max-width: 991px) {
	table.pump{
		width: 100%;
		border-spacing:5px;
	}
	table.pump td,
	table.pump th{
		padding: 5px 2px !Important;
		font-size: 15px;
	}
	table.pump td{
		width: 28%;
	}
	table.pump td:first-child{
		/*width: 20%;*/
	}
}

/* data */
.table-wrap {
  overflow-x: scroll;
}

@media (max-width: 991px){
	.table-wrap-sp{
	  overflow-x: scroll;
	}
}

table.data{
	margin-top:30px;
}

table.data td,
table.data th{
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	text-align: center;
	padding:5px;
}

/* 偶数行のスタイル */
table.data tr:nth-child(odd){
  background-color:#f0f0f0;
}

table.data tr:first-child,
table.data tr:nth-child(2){
  background-color:#ffffff;
	font-weight:bold;
	font-family:"じゅん 501";
}

.works #content h3 {
	border-bottom: 1px solid #007bff;
	padding-bottom: 5px;
}

/* 教材 */
.tips-waku {
    background: #e2f5fc;
    padding: 15px;
    box-shadow: 2px 2px 6px gray;
    margin-bottom: 50px;
    border-radius: 10px;
}


.paragraph{
	margin-bottom:30px;
}

.paragraph .wrapLeft {
    margin-right: 15px;
	float: left;
}

.materials .info-color1 {
    background-color: #caf2fc;
}

.materials .info {
    margin-left: -15px;
    height: 200px;
    width: 160px;
    text-align: left;
    padding: 5px 10px;
}

.materials ul.level li {
    border: 1px solid #d1c0a5;
    padding: 0px 5px;
    color: #333;
    font-weight: bold;
	font-family:"じゅん 501";
    float: left;
    margin: 10px 10px 0px 0!Important;
    list-style: none outside;
    background-color: white;
    font-size: 13px;
	list-style-type: none!Important;
}

/* ご利用方法 */
.tbox {
    background: #fff;
    box-shadow: 0px 0px 16px -6px  rgba(0,0,0,.15);
    padding: 15px 15px;
    border-radius: 8px;
    margin-top: 30px;
    position: relative;
}
@media (min-width: 768px){
	.tbox {
		padding: 15px 30px;
		border-radius: 8px;
		margin-top: 40px;
		position: relative;
	}
}

.lesson h3{
	margin-top:50px;
}
.lesson h4{padding-left:0px!Important;}
.lesson h4::before{
	content:none!Important;
}

/* page background */
#content .page-bg{
	background: url("../img/bg.png") no-repeat top center;
	background-size: 40%;
	padding: 0 0 20px;
}

#content .page-bg p{
	font-size: 20px;
	line-height: 34px;
	text-align: center;
}

#content .page-bg .topcatch{
	font-weight:bold;
	font-family:"じゅん 501";
	font-size: 26px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	#content .page-bg{
		background-size: 80%;
	}
	
	#content .page-bg .topcatch{
		font-size:20px;
		line-height: 30px;
		
	}
	
	#content .page-bg p{
		font-size: 16px;
		line-height: 24px;
	}
}

/* su ボタン */
.su-button {
	margin-bottom:10px;
	text-align: left!Important;
}

/* ナンバリング */
ol.num{
  counter-reset:list;
  list-style-type:none;
  font-size: 16px;
  padding: 0 1.5em 1.5em;
	margin-top:0!Important;
}
ol.num li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 20px 30px!Important;
  padding: 10px 10px 10px 20px;
  font-weight: bold;
  background: #fef6f3;
	border-radius: 10px;
	list-style: none!Important;
}

ol.num li strong{
	font-size: 120%;
/*	color: #ea6667;*/
}

ol.num li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -40px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  background: #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	border-radius: 5px;
}

ol.num li:after{
  content:"";
  display: block;
  position: absolute;
  left: -10px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* FAQ */
.ewd-ufaq-faq-title{
	background-color:#fef6f3; 
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 5px;

}
.ewd-ufaq-faq-title-text h4{
	color: #333!Important;
	padding-left: 0!Important;
	font-size: 18px!Important;
}

.ewd-ufaq-faq-title-text h4:before {
	content:none!Important;
}

.ewd-ufaq-post-margin-symbol{
	color: #ea6667;
}

.ewd-ufaq-post-margin p{
	margin-bottom: 0!Important;
}
.recruit .ewd-ufaq-faq-category-title{
	display: none;
}

/* tab */
.su-tabs {
   background: #b5e5f7!Important;
}

.su-tabs-nav span,
.su-tabs-pane {
	font-size:16px!Important;
}

.su-tabs-nav span{
	font-family:"じゅん 501";
	/*text-decoration: underline;*/
}

.su-tabs-nav span.su-tabs-current{
	/*text-decoration: none;*/
}

@media only screen and (max-width: 768px){
	.su-tabs-mobile-stack .su-tabs-nav span {
		display:inline-block!Important;
	}
.su-tabs-nav span{
	font-size: 12px!Important;
}
}

/* 教材　 */

.materials #content table{
	border-top:1px solid #cccccc;
	border-right:none;
	margin-bottom:20px;
	width: auto!Important;
}

.materials #content table td{
	padding:15px;
	border-left:none;
	border-bottom:1px solid #cccccc;
	vertical-align: top;
}

.materials table td:first-child{
	width: 15%;
	/*white-space: nowrap;*/
	/*background: #f5fbfe;*/
}
@media only screen and (max-width: 768px){
	.materials table td{
		width: 30%;
	}
}

/* youtube レスポンシブ */
iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

/* ランディングページ */
.lp-omoshiro{
	color: #3e220c;
}
.lp-omoshiro #header-pc,
.lp-omoshiro #gnavi,
/*.lp-omoshiro footer,*/
.lp-omoshiro .pankuzu,
.lp-omoshiro #mhead{
	display: none;
}

@media (max-width: 767px) {
	.lp-omoshiro nav{
		display: none!Important;
	}
}


.mv-lp {
	margin-top:-50px;
	margin-right: calc(50% - 50vw) !Important;
	margin-left: calc(50% - 50vw) !Important;
	padding-left: calc(50vw - 50%)!Important;
	padding-right: calc(50vw - 50%)!Important;
	padding-top: 70px;
	padding-bottom: 50px;
	background: url("../img/mv-bg.jpg") no-repeat center top;
	background-size: cover;
	color: white;
	text-align: center;
	
}



.mv-lp p{
	font-size: 30px;
	color: white!Important;
	text-align: center;
	font-family:"じゅん 501"!Important;
	font-weight: bold;
	letter-spacing: 1px;
}

@media (max-width: 767px) {

	.mv-lp p{
		font-size: 24px!Important;
		color: white!Important;
		line-height: 36px!Important;
		text-shadow: 2px 2px 2px black;
	}
}


.lp-omoshiro h1{
	position: relative ! Important;
    background: #294b66 ! Important;
    margin: 70px -100% 10px ! Important;
    padding: 10px 100% ! Important;
    line-height: 150% ! Important;
    text-align: center;
	color: white!Important;
	font-size:28px!Important;
	letter-spacing: 2px;
}

.lp-omoshiro h1.top{
	position: relative ! Important;
    background: #294b66 ! Important;
    margin: 0px -100% 10px ! Important;
    padding: 10px 100% ! Important;
	background: #3cb4cb! Important;
}

.lp-omoshiro h1:after {
    position: absolute;
    content: '';
    bottom: -30px;
    left: 49.5%;
    border: 15px solid transparent;
    border-top: 15px solid #294b66;
    width: 0;
    height: 0;
}

.lp-omoshiro h1.top:after {
	content: none;
}


.lp-omoshiro .blue-waku{
	border:10px solid #3ab3d0;
	/*border-top:10px solid #3ab3d0;
	border-left:10px solid #3ab3d0;
	border-bottom:10px solid #3ab3d0;*/
	border-radius: 20px;
	font-size: 26px;
	padding:20px;
	font-weight: bold;
	line-height: 38px;
	margin-top: 40px;
		font-family:"じゅん 501"!Important;
	font-weight: bold;
	letter-spacing: 2px;
}

@media (max-width: 767px) {
	.lp-omoshiro .blue-waku{
		font-size: 20px;
		line-height: 30px;
	}
}

.blue-waku img{
	margin-top:-35px;
}

.lp-bg-cover {
	margin-right: calc(50% - 50vw) !Important;
	margin-left: calc(50% - 50vw) !Important;
	padding-right: calc(50vw - 50%) !Important;
	padding-left: calc(50vw - 50%) !Important;	
	padding-top:30px;
	padding-bottom:30px;	
	background-color: #f8f1e7;
	margin-top: 50px;
}

.lp-bg-cover p{
	text-align: center;
	font-size: 30px;
	line-height: 38px;
	font-family:"じゅん 501"!Important;
	font-weight: bold;
	color: #3c2800!Important;
}

@media (max-width: 767px) {
	.lp-bg-cover p{
		font-size: 20px;
		line-height: 30px;
	}
}

.lp-bg-cover-mt{
	margin-top: 200px;
}

.wp-image-1921{
	margin-top: -200px;
}

.lp-bg-cover p.txt2{
	font-size: 26px;
	line-height: 38px;
	font-family:"じゅん 501"!Important;
	font-weight: bold;
}

.lp-omoshiro p.price{
	font-size: 24px!Important;
	font-family:"じゅん 501"!Important;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 767px) {
	.lp-omoshiro p.price{
		font-size: 20px!Important;
	}
}


.lp-omoshiro .pink-waku{
	border:5px solid #dd4655;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 24px!Important;
	font-family:"じゅん 501"!Important;
	font-weight: bold;
	margin-top:30px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 30px;

}

.lp-omoshiro .beige-waku{
	border:10px solid #d2b990;
	padding: 10px 20px 30px;
	border-radius: 30px;
	font-size: 30px;
	font-family:"じゅん 501";
	font-weight: bold;
	margin:100px auto 0 ;
	text-align: center;
	line-height: 44px;
	color: #4a2f14;
	background-color:white;
	letter-spacing: 2px;
}

@media (max-width: 767px) {
	.lp-omoshiro .beige-waku{
		font-size: 20px;
		line-height: 30px;
		text-align: left;
	}
}

.beige-waku img{
	margin-top:-50px
}

.mtm200{
	margin-top:-200px
}

.bg-skyblue{
	margin-top:20px;
	background-color: #2dbdef;
	padding: 20px;
	color: white;
	border-radius: 10px;
}

.marker {
    background:linear-gradient(transparent 60%, #fbf6b3 60%);
	font-weight: bold;
}

.lp-omoshiro .green-waku{
	border:3px solid #3bb3cb;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	font-size: 24px!Important;
	font-family:"じゅん 501"!Important;
	font-weight: bold;
	margin-top:30px;
	line-height: 40px;
}

@media (max-width: 767px) {
	.lp-omoshiro .green-waku{
		font-size: 18px!Important;
		line-height: 30px;
		padding: 10px 10px 10px 10px;
	}
}

.bg-flow-no{
	background:#3cb4cb;
}


.lp-omoshiro .ewd-ufaq-faqs h3{
	display: none;
}

/* form */
input, textarea,select {
  padding: 5px;
  	margin: 4px 0 20px 0; 
 background: #f6f8fc;
  color: #555;
  border: 1px #cccccc solid;
  /* -- CSS3 Shadow - create a shadow around each input element -- */
  -webkit-box-shadow: 0px 0px 2px #aaa;
  -moz-box-shadow: 0px 0px 2px #aaa;
  box-shadow: 0px 0px 2px #aaa;
  /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
  -webkit-transition: background 0.3s linear;
  font-weight: normal !Important;
}

/* コンタクトフォーム横幅調節 */
#mw_wp_form_mw-wp-form-2323 input[name="name"] { /* 名前入力欄 */
 width: 50%;
}
#mw_wp_form_mw-wp-form-2323 input[name="email"] { /* メール入力欄 */
 width: 50%;
}
#mw_wp_form_mw-wp-form-2323 input[name="kana"] { /* タイトル入力欄 */
 width: 50%;
}
#mw_wp_form_mw-wp-form-2323 textarea[name="message"] { /* 本文入力欄 */
 width: 80%;
}

@media (max-width: 767px) {
	#mw_wp_form_mw-wp-form-2323 input[name="name"] { /* 名前入力欄 */
	 width: 100%;
	}
	#mw_wp_form_mw-wp-form-2323 input[name="email"] { /* メール入力欄 */
	 width: 100%;
	}
	#mw_wp_form_mw-wp-form-2323 input[name="kana"] { /* タイトル入力欄 */
	 width: 100%;
	}
	#mw_wp_form_mw-wp-form-2323 textarea[name="message"] { /* 本文入力欄 */
	 width: 100%;
	}
}

/*#mw_wp_form_mw-wp-form-2323 form input{
	margin-top:10px!Important;
}*/


#mw_wp_form_mw-wp-form-2323 input{
	margin-bottom:0!Important;
	margin-top:10px!Important;

}

#mw_wp_form_mw-wp-form-2323 input:hover{}

#mw_wp_form_mw-wp-form-2323 input[type=checkbox]{
	margin-top:15px!Important;
}

#mw_wp_form_mw-wp-form-2323 input[type=submit]{
	background-color: #FC8B29;
	font-size: 24px;
	font-weight: 500;
	padding: 20px;
	border: none;
	color: white;
	}
#mw_wp_form_mw-wp-form-2323 input[type=submit]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	transition-duration: 0.5s;      /*変化に掛かる時間*/
}