body{
	  -webkit-text-size-adjust: 100%;
	line-height:2;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN", 
"Hiragino Sans",
"Yu Gothic",
 Meiryo,
sans-serif!important;
	color: #444;

}


input,textarea,select{
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN", 
"Hiragino Sans",
"Yu Gothic",
 Meiryo,
sans-serif!important;
}


a{
	cursor:pointer!important;
}


/*カルーセル*/

.carousel-caption {

	position: absolute;
	height:15px;
	width:100%;
	left:0px;
	bottom: -15px;

	
  transform: translateY(-50%);

}



/*文字サイズ追加*/

.fs-35{
	font-size:1.275rem;
}


.fs-55{
	font-size:1.125rem;
}

.fs-57{
	font-size:1.1rem;
}


.fs-7{
	font-size:0.875rem;
}


.fs-8{
	font-size:0.7rem;
}



/*幅が狭いときはロゴを小さく*/


@media (max-width: 360px) {
  .formini {
width:220px;
	}
	
	.iconnavi{
	line-height:1.1;	
	}
	
}





/*幅が狭いときは文字を小さく*/


@media (max-width: 1000px) {
  .pc_small {
   font-size:0.875rem;
  }
}






/*コンテナサイズ再定義*/


@media (min-width: 1080px) {
  .container {
		max-width: 1080px;
		
  }
}




/*文字空き*/

.space1{
letter-spacing:0.1em;
}
.space05{
letter-spacing:0.05em;
}








/*幅が広いときは画像を小さく*/

@media (min-width:992px) {
	.w-pc50{
		width:50%;
		max-width: 500px;
	}
	
		.w-pc80{
		width:80%;
	}
	
		.w-pc90{
		width:90%;
	}

	
}




/*文字カラー*/

.bgreen{
  color: #57A1BA;
}

.dbgreen{
  color: #167EA2;
}

.orange{
  color: #EF741A;
}


.ygreen{
	  color: #6FAD0B;
	
}

.brown{
	  color: #865835;
	
}

.pink{
	  color:#FD7878	
}
	
.lblue{	
	color:#87e4ee;
	}	

/*強調オレンジ*/
.sorange{
	color: #EF741A;
	font-size:1.2em;
	font-weight:bold;
}
	
	
/*丸ボーダー*/
	
	.border-circle{
		display: inline-grid;
	 text-align: center;
    align-content: center;
		width:85px;
		height:85px;
line-height:1.4;
		border:2px solid #167EA2;
		margin-right:7px;
}


/*背景カラータイトル用*/

.bg-bgreen{
background-color: #70CECE;}

.bg-dbgreen{
background-color: #57A1BA;}

.bg-orange{
background-color: #F49F3B;}

.bg-dorange{
background-color: #EF741A;}


.bg-lblue{
background-color: #E1F3F4;}

.bg-lgray{
background-color: #E8E7E7;}

.bg-egreen{
background-color: #6FD893;}

.bg-ygreen{
background-color: #A0D661;}
	
	.bg-dblue{
background-color: #0073a8;}

.bg-lgreen{
background-color: #ebf7ee;}

	
	
	
/*受講者の声用カラー*/


.bg-egreen{
background-color: #FF852C;}


/*ボーダー用*/

.border-dbgreen{
border-color: red;
}
	
	
/*マーカー*/
.bmarker{
background: linear-gradient(transparent 65%, #C9F4F7 50%);
font-weight: bold;
	}/*水色マーカー*/

.ymarker{
background: linear-gradient(transparent 65%, #FFF689 50%);
font-weight: bold;
	}/*黄色マーカー*/





/*受講者の声用のセリフ型タイトル オレンジ*/

.voice_title_orange{
  position: relative;
  padding: 1.5rem 2rem;
  color: #fff;
  border-radius: 10px;
  background: #FF852C;
}

.voice_title_orange:after {
	content: "";
	position: absolute;
	background-color: #FF852C;
	bottom:-1rem;

  width: 1.7rem;
  height: 2rem;
	clip-path: polygon(25% 0, 100% 0, 0% 100%);
}

/*受講者の声用のセリフ型タイトル グリーン*/

.voice_title{
  position: relative;
  padding: 1.5rem 2rem;
  color: #fff;
  border-radius: 10px;
  background: #70CECE;
}

.voice_title:after {
	content: "";
	position: absolute;
	background-color: #70CECE;
	bottom:-1rem;
  width: 1.7rem;
  height: 2rem;
	clip-path: polygon(25% 0, 100% 0, 0% 100%);
}

	
	/*受講者の声用のセリフ型タイトル 黄緑*/

.voice_title_ygreen{
  position: relative;
  padding: 1.5rem 2rem;
  color: #fff;
  border-radius: 10px;
  background: #A0D661;
}

.voice_title_ygreen:after {
	content: "";
	position: absolute;
	background-color: #A0D661;
	bottom:-1rem;
  width: 1.7rem;
  height: 2rem;
	clip-path: polygon(25% 0, 100% 0, 0% 100%);
}

	
	



/*丸数字 オレンジ*/

.ncircle {
 height:60px;
 width:60px;
	border-radius:50%;

 line-height:60px;
	text-align:center;
	font-family: "Times New Roman", serif;
	font-size:48px;
}

	
	/*丸数字 デュッセル生活スタートのカード内*/
	
#duessel .ncircle, #beginner .ncircle{
 height:42px;
 width:42px;
 line-height:42px;
		font-size:30px;
		font-weight:normal;
}

/* googleマップ　タブレットでの大きさ */
@media (max-width: 1020px) and (min-width: 768px){
 iframe{
  width:100%; /* 横幅 */
  height:500px; /* 縦幅 */
}
}
/* スマホでの大きさ */
@media (max-width: 767px) {
iframe{
 width:100%; /* 横幅 */
 height:300px; /* 縦幅 */
}
}

/* fontawesomeの位置揃え */
.awesomelist{
	display: table-cell;
	vertical-align: middle;
}


/* スマホ用アイコン用 */


.smmenu{
	margin-left:1px;
	border:1px solid #999;
	background-color:#fff;
	text-align:center;
	padding:1px;
		padding-top:6px;
		padding-botttom:2px;
}

.smmenu i{
margin-bottom:2px;	
font-size:1.5rem;
	}
	
	
	/* デュッセル用 */
	
	
	
	/* 基本のドイツ語用 */	
	

	
	/* 画像文字のせ用 */
	.topimagecopy {
    position: relative;
  }

.topimagecopy p{
    position: absolute;
    left: 20px;
	top: 15px;}

.topimagecopy h2{
    position: absolute;
    left: 25px;
	top: 10px;}
	
	
	
	/* 画像　幅を変える */
	
	
@media (min-width: 700px) {
  .fleximage {
		max-width:80%;
		}

}
	
	
/* フォーム */
	@media (min-width: 754px) {
  #inquiry .w-40 {
		width:50%;
		}
  #inquiry .w-30 {
		width:30%;
		}
}
	@media (max-width: 754px) {
		.h-48{height:48px;}
		
		.h-40{height:40px;}
		
		
		select{height:44px;}
		
		
			input[type="radio"]
{font-size:130%;height:28px;width:28px;margin-top:4px;margin-bottom:4px;vertical-align:middle;}
input[type="checkbox"]
{font-size:130%;height:28px;width:28px;margin-top:4px;margin-bottom:4px;vertical-align:middle;}
		
		w-100-sm{
			width:100%;
		}
	}
	
	
	
	/*オレンジ色のグラデボタン*/
         
         .btn-grad {
            background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
            margin: 10px;
            padding: 15px 45px;

            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
          }

          .btn-grad:hover {
            background-position: right center; 
            color: #fff;
            text-decoration: none;
          }


	
	
	
	
	/* 講座ボタン */
	
	
         
         .btn-grad2 {
            background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC  51%, #02AAB0  100%);
            margin: 10px;
            padding: 15px 45px;

            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
	}
          .btn-grad2:hover {
            background-position: right center; 
            color: #fff;
            text-decoration: none;
          }
		
		
		
/*　文末につける小さなマーク用　*/
		
		.minitag_red, .minitag_blue, .minitag_green, .minitag_darkblue, .minitag_yellow{
    font-size:13px; 
    height: 30px;
    padding: 2px 1em; 
    color: #fff; 
    border-radius: 14px;
    margin-bottom: 0;
}
 .minitag_red{
 background: #d83473;
}

 .minitag_blue{
 background: #0075c2;
}

 .minitag_green{
 background: #578a3d;
	}
	
	
	/* ボタンを幅いっぱいにする */
	
	  .gobutton {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	}
	
	
	
	/* ボタンの上の吹き出し */
	
	.button-011 div{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transform: translateY(7px);
	
    margin: 0 auto;
    padding: .2em 1em;
    border: 2px solid #2589d0;
    border-radius: 16px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
    background-color: #fff;
    color: #2589d0;
    font-size: .9em;
}

.button-011 div::before,
.button-011 div::after {
    position: absolute;
    top: 100%;
    content: '';
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
}


.button-011 div::before {
    width: 16px;
    height: 8px;
    background-color: #2589d0;
}

.button-011 div::after {
    width: 12px;
    height: 6px;
    background-color: #fff;
}
	
	/*evaさんTOP用*/
	
.topimagecopy {
    position: relative;
  }

.topimagecopy p{
    position: absolute;
    left: 2em;
	top: 2em;}

.topimagecopy h2{
    position: absolute;
    left: 2em;
	top: 2em;}
	
	.topcopy1{
		font-size:40px;}
	
		.topcopy2{
	font-size:68px;}
	
	
	
		/*幅が広いときは文字を大きく*/
	
	
@media (min-width: 560px) and (max-width: 990px) {
	.topcopy1{
		font-size:26px;}
	
		.topcopy2{
		font-size:40px;}
		
				.topimagecopy p{
    left: 1em;
	top: 1em;}

.topimagecopy h2{
    left: 1em;
	top: 1em;}
		
		
  }

	
	@media (min-width: 401px) and (max-width: 559px) {
	.topcopy1{
		font-size:22px;}
	
		.topcopy2{
		font-size:30px;}
		
				.topimagecopy p{
    left: 0.7em;
	top: 1em;}

.topimagecopy h2{
    left: 0.7em;
	top: 1em;}
		
		
  }
	
	

	@media (max-width: 400px) {
		
		.topimagecopy p{
    left: 0.5em;
	top: 0.7em;}

.topimagecopy h2{
    left: 0.5em;
	top: 1em;}
		
	.topcopy1{
		font-size:18px;}
	
		.topcopy2{
		font-size:24px;}
  }




	/*幅が広いときは文字を大きく*/

	@media screen and (min-width: 600px) {
		
			.fs-6-pc{
	font-size:1.3rem;
}
		
	.fs-5-pc{
	font-size:2rem;
}
	.fs-55-pc{
	font-size:1.5rem;
}
	
	.fs-4-pc{
	font-size:2.5rem;
}
	
	.fs-3-pc{
	font-size:3rem;
}
	.fs-2-pc{
	font-size:5rem;
}
	
	}
	
	
	 .text-with-outline {
      color: white; /* テキストの色 */
      text-shadow: 
          -1px -1px 0 #354133,  
           1px -1px 0 #354133,
          -1px  1px 0 #354133,
           1px  1px 0 #354133; /* 黒い縁取り */
    }