@charset "UTF-8";

/* デフォルトの水色　#019edb */

/* 春のピンク　#dd626f　中くらいのピンク　#e294b1　薄いピンク　feeef5 */

/* 線 */
.header-help a::before,
.gnav,
.indexsection-title,
.indextopics-category-list li:hover,
.indextopics-category-list li.is-active,
.btn,
.btn a,
footer,
.footernav-line-title,
.title-block,
.lowerinfo{border-color:#019edb;}

/* 背景 */
.header-sns li a, .header-sns li span,
.footer-sns li a, .footer-sns li span,
.gnav-list-item > a.is-current,
.gnav-list-item.is-active > a,
.gnav-list-item > a:hover,
.megadrop,
.btn,
.btn a,
.footernav-list-item a::before,
.footernav-list-item span.comingsoon::before,
.copyright,
.title-paragraph::before,
.conferencedetail-article-list-item::before,
.title-article-small::before,
.indextopics-list-btn::after,
.indexopinion-title::before,
.indexopinion-title::after,
.indexkv .swiper-button-next,
.indexkv .swiper-button-prev{background: #019edb;}

.indextopics-category-list li:hover,
.indextopics-category-list li.is-active,
.lowerbnr,
.indexproject-list-title,
.indexkv-wrapper::before{background: #e4f5fc;}

.indextopics-list-category{background: #6cb8d4;}

.essaydetail-wrapper{background: #fff;}

.megadrop-list li a::before,
.megadrop-list li a::after{
	display:block;
	content:'';
	background:none;
	background-size:100%;
	width:21px;
	height:20px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	transition: all .25s ease;
	opacity: 0;
}

.indexwrapper{
	background: url(/shared/site_tomoni/images/index/bg_top_normal.png) no-repeat center top 40px;
	background-size: 1940px;
}

/*.indexopinion{
	background: url(/shared/site_tomoni/images/index/bg_opinion-spring.png) no-repeat center bottom 20px;
	background-size: 100%;
}*/

.hintproject-wrapper::before {
	display: block;
	content: '';
	background: url('/shared/site_tomoni/images/index/bg_content.png') no-repeat center center;
	background-size: 100%;
	width: 100px;
	height: 1278px;
	position: absolute;
	left: 2%;
	top: 50px;
	z-index: -1;
}

.hintproject-wrapper::after {
	display: block;
	content: '';
	background: url('/shared/site_tomoni/images/index/bg_content.png') no-repeat center center;
	background-size: 100%;
	width: 100px;
	height: 1278px;
	position: absolute;
	right: 2%;
	top: 51%;
	z-index: -1;
}

.indexhint-list-title{
	background-color: #e4f5fc;
}


/* 文字色 */
.indexsection-title small,
.btn:hover,
.btn a:hover,
.indextopics-category-list li.is-active,
.conferencedetail-article-title-small,
.megadrop-list li a:hover{color:#019edb;}

/* 特殊 */

.indexopinion{background-color: #e4f5fc;}

.title-page-sub-title{border-top: 2px solid #019edb;}

.title-paragraph{
	background: url(/shared/site_tomoni/images/common/bg_title_paragraph_normal.png) no-repeat top left;
	background-size: 133px;
	width: 100%;
}
.btn[target="_blank"]:hover::after,
.btn a[target="_blank"]:hover::after {
	background:url('/shared/site_tomoni/images/common/icon_blank_normal_o.png') no-repeat left top;
	background-size:100%;
}

span.btn{cursor: default;}
span.btn:hover{
	background: #019edb;
	color: #fff;
}

.introduction-list-title{border-bottom: 3px solid #019edb;}
.lawsmiddle-box-title{border-bottom: 3px solid #019edb;}
.lawsbottom{border-bottom: 3px solid #019edb;}
..vision-title.indexsection-title{border-bottom: 2px solid #019edb;}
.vision-read-box-inner p{background: #e4f5fc;}
h3.vision-title.indexsection-title{
	border-bottom: 2px solid #019edb;
}
.vision-list-title{
	border-bottom: 2px solid #019edb;
}

.megadrop-list li a.comingsoon{opacity: 0.5;}
.megadrop-list li a.comingsoon:hover{
	background: #019edb;
	color: #fff;
}

.accessibility-page a{
	color: #019edb;
}

#indexintro .indexsection-title small,
#indexconference .indexsection-title small{
	background: #f0f8fc;
}

.indexkv-define .indexkv-define-fukidashi{
	border: solid 2px #019edb;
}
.indexkv-define .indexkv-define-fukidashi::before{
	border-top: 18px solid #019edb;
}
.indexkv-define .indexkv-define-lead::before, .indexkv-define .indexkv-define-lead::after{
	background: #019edb;
}

.indexconference{
	padding: 100px 20px 130px;
	position:relative;
	background: rgb(3 158 219 / 7%);
}

.indexintro{
	padding: 120px 20px 110px;
	position:relative;
	background: rgb(3 158 219 / 7%);
}

.lowerinfo-title{
	background: #019edb;
}

@media screen and (max-width: 768px){

	/* 線 */
	header{border-color:#019edb;}

	/* 背景 */
	.gnav-list,
	#openmenu{background: #019edb;}
	.title-paragraph {
		background: url(/shared/site_tomoni/images/common/bg_title_paragraph_normal.png) no-repeat top left;
		background-size: 80px;
		width: 100%;
	}
	.lowerinfo-title{
		background: #019edb;
	}

	.indexwrapper{
		background: url(/shared/site_tomoni/images/index/bg_top_normal_sp.png) repeat-x center top 30px;
		background-size: 220px;
		padding-top: 100px;
	}

	.hintproject-wrapper::before,
	.hintproject-wrapper::after{display: none;}

	/*.indexopinion{
		background: url(/shared/site_tomoni/images/index/bg_opinion-spring-sp.png) no-repeat center top;
		background-size: 100%;
	}*/
	.indexkv-define .indexkv-define-fukidashi::before {
		border-top: 8px solid #019edb;
	}
	.indexkv-define {
		padding: 60px 20px 0px;
		margin-bottom: 0px;
		background: #fff;
		background-size: cover;
	}

		.gnav-list-item > a::after{
		display:block;
		content:'';
		background: url("/shared/site_tomoni/images/common/normal/normal_navi.png") no-repeat left top;
		background-size: 100%;
		width:18px;
		height:18px;
		position:absolute;
		left: 15px;
		top:50%;
		transform:translate(0,-50%) rotate(-45deg);
	}

	.indexopinion{
		background: url(/shared/site_tomoni/images/index/bg_opinion_sp.png) no-repeat center 20px #ccebf7;
		background-size: 355px;
		padding: 100px 20px 30px;
	}

}


@media screen and (max-width: 1440px){
	.hintproject-wrapper::before {
		display: block;
		content: '';
		background: none;
		background-size: 100%;
		width: 5vw;
		height: 1278px;
		position: absolute;
		left: 0;
		opacity: 0.8;
	}
	.hintproject-wrapper::after {
		display: block;
		content: '';
		background: none;
		background-size: 100%;
		width: 5vw;
		height: 1278px;
		position: absolute;
		right: 0;
		top: 51%;
		z-index: -1;
		opacity: 0.8;
	}

}


@media screen and (min-width: 1441px){
	.hintproject-wrapper::before {
		display: block;
		content: '';
		background: none;
		background-size: 100%;
		width: 100px;
		height: 1278px;
		position: absolute;
		left: 1%;
		opacity: 1;
	}
	.hintproject-wrapper::after {
		display: block;
		content: '';
		background: none;
		background-size: 100%;
		width: 100px;
		height: 1278px;
		position: absolute;
		right: 1%;
		top: 51%;
		z-index: -1;
	}

}

@media screen and (max-width: 1400px){
	.hintproject-wrapper::before {
		content: none;
		display: none;
	}
	.hintproject-wrapper::after {
		content: none;
		display: none;
	}

}