@charset "UTF-8";
/* --------------------------------------------------
    COMMON
-------------------------------------------------- */
html { overflow-x: hidden; }
body, p { line-height: 1.8rem !important; }
.border { border-width: 2px !important; }
.bg-lightblue {	background: #EAF2F4; }

/* 半円背景各種
-------------------------------------------------- */
/* 半月（背景白） */
.half-white:after { background-color: #fff; }
/* 半月（背景薄青） */
.half-lightblue:after { background: #EAF2F4; }
/* 半月（背景緑） */
.half-info:after { background: #fff; }
/* 共通 */
.half {
    width: 100%;
    height: 200px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: -10%;
   left: 0%;

}

.halfb {
    width: 100%;
    height: 250px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: -30%;
   left: 0%;

}


.half:after {
	content: ' ';
	position: absolute;
	left: 0
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;    
}

.halfb:after {
	content: ' ';
	position: absolute;
	left: 0
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;    
}

/* 見出し青丸
-------------------------------------------------- */
.dot {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.dot:before, .dot:after {
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f111";/*アイコンのユニコード*/
	font-size: 1.2rem;/*サイズ*/
	color: #FFC107;
	padding: 0 10px;
	vertical-align: middle;
}
/* --------------------------------------------------
    header
-------------------------------------------------- */
header .container-fluid {
	height: 100%;
	width: 100%;
	background: url(../img/image-top.jpg);
	background-size: cover;
	background-position: 50% 100%;
}
/*    グローバルナビ
-------------------------------------------------- */
.breadcrumb {
	background: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: '>';
	color: #000;
}
/* --------------------------------------------------
    トップページ
-------------------------------------------------- */
.balloon {
	width: 130px;
	height: 130px;
	top: -50px;
	z-index: 10;
	left: -20px;
	font-size: 15px;
}
.balloon-s {
	width: 110px;
	height: 110px;
	top: -20px;
	z-index: 10;
	left: -20px;
	font-size: 14px;
}
.balloon:before, .balloon-s:before {
	content: "";
	position: absolute;
	bottom: -5px;
	right: -5px;
	margin-top: -15px;
	border: 10px solid transparent;
	border-left: 30px solid #17a2b8;
	z-index: 0;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

table tr:last-child {
	border-bottom: 1px solid #dee2e6;
}
table tr:nth-child(even) {
	background-color: #F9F9F9;
}
table tr:nth-child(odd) {
	background-color: #E4E9EF;
}
/* --------------------------------------------------
    サンプルページ
-------------------------------------------------- */
.season {
	width: 70px;
	height: 70px;
	left: 10px;
	padding: 0.34em;
}
.season div {
	display: block;
	width: 100%;
	height: 100%;
	border: 2.4px dotted #fff;
}
.title {
	border-bottom: 2px solid #17a2b8;
}
.stripe {
	background: repeating-linear-gradient(90deg, #fff 0, #fff 40%, #17a2b8 40%, #17a2b8 60%, #fff 60%, #fff 70%);
}
/*----------------------------*/
/** 傾けられた文字 **/
.wf-slope-text {
  padding-top:0;
  margin-top:0
  transform: rotate(-4deg) translateY(-20px);
}

/** jumbotronの背景に指定画像 **/
.jumbotron {
/**  background: url('../img/top-background.jpg') center no-repeat;**/
  background-size: cover;
	color: #fff;
	text-shadow: 3px 0px 4px #333, 0px 3px 4px #333, -2px 0px 4px #333, 0px -2px 4px #333;
  height: 500px;
min-height: 800px;
}


/** MENU **/
.navbar-toggler .navbar-toggler-icon {
  background-image: url('../img/menu.png');
}

/** YouTube **/
#youtube-movie {
  margin: 0 auto;
  width: 100%;
  max-width: 640px; /* 最大の横幅 */
}
 
#youtube-movie-content {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
 
#youtube-movie-content iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

/** topのBOX **/
.comment-box {
  position: relative;
  display: inline-block;
  padding: 2rem;
  font-size: 16px;
  background: #f8f9fa;
}

/** パンくずリストのセパレータ変更 **/
li.breadcrumb-item.wf-breadcrumb-separator::before {
  margin-left: 6px;
  font-family: 'Font Awesome 5 Free';
  content: '\f105';
  font-weight: bold;
}


/** トップへ戻るボタン **/
.wf-gotta-top {
  width: 100px;
  height: 74px;
  right: 40px;
  bottom: 0;
  background: #4f4f4f;
  opacity: 0.6;
}


/*ラベル*/
.label-new {
  background: #f0ad4e;
}

.label-product {
  background: #5cb85c;
}

.label-news {
  background: #5fc2df;
}

.label-topics {
  background: #e54728;
}

.label-seminer {
  background: #d34edf;
}


.longurl{
 word-break: break-all;
}

/*  */
.butt {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

/* スタイルを適用したい要素 */
.bor{
    border: dashed;
}


/****************************************
.banner
****************************************/
.banner {
 margin:10px 0;
 text-align:center;
}

.navbar-toggler{
  border-color: #000;
}

a:hover {
  opacity: 0.6;
}


.list-left {margin-bottom: 0.2rem;
    padding: 0.3rem;
    border-left: 10px solid #0D6EFD;
}