/* *****  トップページ ***** */
 .mv{
	position:relative;
	min-width: 1020px;
	background-size:cover;
	height:700px;
	overflow:hidden;
}

 .mv #js-particles{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: radial-gradient(#c8e1f0, #6cc2dd) fixed;
}

 .mv #js-particles .particles-js-canvas-el{
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:100;
}

 .mv .bg_circle_1,
 .mv .bg_circle_2{
	position:absolute;
	top:30%;
	/* left:43%; */left: 160px;
	width:1000px;
	height:1000px;
	/* background:rgba(255,255,255,0.2); */
	background: rgb(255 255 255 / 40%);
	border-radius:50%;
}

 .mv .bg_circle_2{
	/* top:15%;
	left:50%; */
	top: 13%;
    left: -40px;
}

 .mv_inner{
	width:1000px;
	padding:0 10px;
	position:relative;
	margin:0 auto;
}

 .mv_box_l{
	width:50%;
	position:absolute;
	top:196px;
	right:0;
}

 .mv_box_r{
	width:50%;
	position:absolute;
	top:120px;
	left:0;
}

 .mv h1{
	font-size:80px;
	font-weight:bold;
	line-height:1;
	color:#0068b7;
}

 .mv ul{
	position:relative;
}

 .mv ul li{
	width:155px;
	height:155px;
	position:absolute;
}

 .mv ul li:nth-child(1){
	top:-35px;
	right:300px;
}

 .mv ul li:nth-child(2){
	top:-35px;
	right:120px;
}

 .mv ul li:nth-child(3){
	top:120px;
	right:400px;
}

 .mv ul li:nth-child(4){
	top:120px;
	right:20px;
}

 .mv ul li:nth-child(5){
	top:275px;
	right:300px;
}

 .mv ul li:nth-child(6){
	top:275px;
	right:120px;
}

.mv ul li a {
    display: block;
    width: 150px;
    height: 150px;
        background: radial-gradient( #accdda, #5da6c3, #175684);
    border-radius: 50%;
    position: relative;
}

 .mv ul li a > span{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	width:100%;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color: white;
}

 .mv ul li a:hover{
	opacity:1;
}

 .mv ul li .mark {
	background:url("../images/common/logo_mark.png") no-repeat center center;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

 .mv ul li a:hover .mark {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

 .mv ul li .bg {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top:0;
	left:0;
	box-shadow: 
		inset 0 0 0 0 rgba(255,255,255, 0.4),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

 .mv ul li a:hover .bg {
	box-shadow: 
		inset 0 0 0 110px rgba(255,255,255, 0.4),
		0 1px 2px rgba(0,0,0,0.1);
}

/* TOPICS */
 .topics{
}

 .topics .topics_list{
	overflow:hidden;
	margin:0 0 40px;
}
 .topics .topics_list .topics_item{
	width:23%;
	float:left;
	margin:0 2% 0 0;
}
 .topics .topics_list .topics_item:last-child{
	margin-right:0;
}

 .topics .topics_list .topics_item a{
	display:block;
	overflow:hidden;
}

 .topics .topics_list .topics_item .topics_img{
	padding:0 0 15px;
}

 .topics .topics_list .topics_item .topics_title{
	font-weight:bold;
	padding:0 0 10px;
	margin:0;
}

 .topics .topics_list .topics_item .topics_extract{
}

 .topics .topics_sub_list{
	overflow:hidden;
}
 .topics .topics_sub_list .topics_sub_item{
	width:32%;
	float:left;
	margin:0 2% 0 0;
}
 .topics .topics_sub_list .topics_sub_item:last-child{
	margin-right:0;
}

 .topics .topics_sub_list .topics_sub_item .topics_img{
	width:30%;
	float:left;
}

 .topics .topics_sub_list .topics_sub_item .topics_title{
	padding:0 0 0 34%;
	font-weight:bold;
	margin:0;
}

 .topics .topics_sub_list .topics_sub_item .topics_date{
	padding:0 0 0 34%;
	font-size: 0.8em!important;
	font-weight:100!important;
	color: #5F5F5F;
}

 .topics .topics_sub_list .topics_sub_item .topics_extract{
	padding:0 0 0 34%;
}

/* photo */
.photo{
	
}

 .photo .photo_list{
	overflow:hidden;
	margin:0 auto 40px;
	text-align: center;
}
 .photo .photo_list .photo_item{
	width:31%;
	display: inline-block;
	margin:0 1% 0;
	text-align: center;
}
 .photo .photo_list .photo_item:last-child{
	margin-right:0;
}

 .photo .photo_list .photo_item a{
	display:block;
	overflow:hidden;
}

 .photo .photo_list .photo_item .photo_img{
	padding:0 0 15px;
}

 .photo .photo_list .photo_item .photo_title{
	font-weight:bold;
	padding:0 0 10px;
	margin:0;
}

 .photo .photo_list .photo_item .photo_extract{
}

 .photo .photo_sub_list{
	overflow:hidden;
}
 .photo .photo_sub_list .photo_sub_item{
	width:32%;
	float:left;
	margin:0 2% 0 0;
}
 .photo .photo_sub_list .photo_sub_item:last-child{
	margin-right:0;
}

 .photo .photo_sub_list .photo_sub_item .photo_img{
	width:30%;
	float:left;
}

 .photo .photo_sub_list .photo_sub_item .photo_title{
	padding:0 0 0 34%;
	font-weight:bold;
	margin:0;
}

 .photo .photo_sub_list .photo_sub_item .photo_extract{
	padding:0 0 0 34%;
}

/* ABOUT */
 .about{
	background:#0068b7;
}

 .about .section_inner{
	overflow:hidden;
}

 .about p{
	color:#fff;
	font-size:18px;
}

 .about li{
	margin:0 0 15px;
	text-align:right;
}

/* SERIVE */
 .service{
	border-bottom:1px solid #dfdfdf;
}

 .service p{
	font-size:18px;
	margin:0 0 40px;
}

 .service li{
	margin:0 0 15px;
}

/* PROFESSIONAL */
 .professional{
	border-bottom:1px solid #dfdfdf;
}

 .professional_body{
	background:#eee;
	overflow:hidden;
	margin:0 0 70px;
}

 .professional_l{
	width:50%;
	float:left;
}

 .professional_r{
	width:50%;
	float:right;
}

 .professional_r .position{
	padding:30px 30px 0;
}

 .professional_r .name{
	padding:30px 30px;
	font-size:28px;
	font-weight:bold;
}

 .professional_r .option{
	padding:0 30px;
}

 .professional .professional_list{
	overflow:hidden;
	margin:0 0 40px;
}
 .professional .professional_list .professional_item{
	width:24%;
	float:left;
	margin:0 1.33333% 0 0;
}
 .professional .professional_list .professional_item:last-child{
	margin-right:0;
}
 .professional .professional_list .professional_item .name{
	font-size:20px;
	font-weight:bold;
}


/* MOVIE */
 .movie{
}

 .movie .movie_list{
	overflow:hidden;
}
 .movie .movie_list .movie_item{
	width:49%;
	float:left;
	margin:0 0 15px 0;
}
 .movie .movie_list .movie_item:nth-child(even){
	float:right;
}

 .movie .movie_list .movie_item .movie_youtube{
	width:60%;
	float:left;
}

 .movie .movie_list .movie_item .movie_youtube .movie_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

 .movie .movie_list .movie_item .movie_youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

 .movie .movie_list .movie_item .movie_title{
	padding:0 0 0 64%;
	font-weight:bold;
	margin:0;
}

 .movie .movie_list .movie_item .movie_author,
 .movie .movie_list .movie_item .movie_counter{
	padding:0 0 0 64%;
}

/* ACCESS */
 .access{
	position:relative;
	background:#0068b7;
	color:#fff;
	padding-bottom:0;
}

 .access .access_map{
	width:100%;
	height:370px;
	position:relative;
}

 .access .access_map iframe{
	width:100%;
	height:370px;
	position:absolute;
	top:0;
	left:0;
}

 .access .access_name{
	font-size:16px;
	font-weight:bold;
}
 .access .access_address{
	padding:0 0 30px;
}
 .access .access_tel{
	font-size:28px;
	font-weight:bold;
}
 .access .access_time{
	padding:0 0 80px;
}


@media screen and (max-width: 767px){
/* *****  トップページ ***** */
	 .mv{
		min-width: initial;
		height:400px;
	}

	 .mv .bg_circle_1,
	 .mv .bg_circle_2{
		position:absolute;
		/* top:20%;
		left:30%; */
		top: -20px;
		left: -617px;
	}
	
	 .mv .bg_circle_2{
		/* left:40%; */
		left: -620px;
		top: 21px;
	}

	 .mv_inner{
		width:auto;
		padding:0;
	}

	 .mv_box_l{
		top:10px;
	}

	 .mv_box_r{
		top:20px;
	}

	 .mv h1{
		font-size:30px;
		padding:0 10px;
	}

	 .mv ul li{
		width:85px;
		height:85px;
	}
	
	 .mv ul li:nth-child(1){
		top:100px;
		right:155px;
	}

	 .mv ul li:nth-child(2){
		top:100px;
		right:50px;
	}
	
	 .mv ul li:nth-child(3){
		top:190px;
		right:200px;
	}
	
	 .mv ul li:nth-child(4){
		top:190px;
		right:10px;
	}
	
	.mv ul li:nth-child(5){
		top:280px;
		right:155px;
	}
	
	.mv ul li:nth-child(6){
		top:280px;
		right:50px;
	}

	 .mv ul li a{
		width:85px;
		height:85px;
	}

	 .mv ul li a > span{
		font-size:9px;
	}

	/* TOPICS */
	 .topics .topics_list{
		margin:0 0 20px;
	}
	 .topics .topics_list .topics_item{
		width:auto;
		float:none;
		margin: 0 0 10px;
	}

	 .topics .topics_list .topics_item a{
		overflow:hidden;
	}

	 .topics .topics_list .topics_item .topics_img{
		padding:0;
		width:20%;
		float:left;
	}

	 .topics .topics_list .topics_item .topics_title{
		padding:0 0 5px 22%;
	}

	 .topics .topics_list .topics_item .topics_extract{
		padding:0 0 0 22%;
	}
	
	 .topics .topics_sub_list .topics_sub_item .topics_img{
		width:auto;
		float:none;
		padding:0 0 5px;
	}
	
	 .topics .topics_sub_list .topics_sub_item .topics_title{
		padding:0;
	}

	 .topics .topics_sub_list .topics_sub_item .topics_extract{
		padding:0;
	}

	/* ABOUT */
	 .about p{
		font-size:13px;
	}
	
	 .about li {
		margin: 0 0 10px;
	}
	
	/* SERIVE */
	 .service p{
		font-size:13px;
		margin:0 0 20px;
	}
	
	 .service li{
		margin:0 0 10px;
	}
	
	/* PROFESSIONAL */
	 .professional_body{
		margin:0 0 30px;
	}

	 .professional_l{
		width:auto;
		float:none;
	}
	
	 .professional_r{
		width:auto;
		float:none;
	}

	 .professional_r .position{
		padding:10px 10px 0;
	}

	 .professional_r .name{
		padding:10px;
		font-size:18px;
	}

	 .professional_r .option{
		padding:0 10px 10px;
	}

	 .professional .professional_list{
		margin:0;
	}
	 .professional .professional_list .professional_item{
		width:49%;
		float:left;
		margin:0 0 15px 0;
	}
	 .professional .professional_list .professional_item:nth-child(even){
		float:right;
	}
	 .professional .professional_list .professional_item .name{
		font-size:14px;
	}


	/* MOVIE */
	 .movie .movie_list .movie_item .movie_youtube{
		width:auto;
		float:none;
		padding:0 0 10px;
	}

	 .movie .movie_list .movie_item .movie_title{
		padding:0;
	}

	 .movie .movie_list .movie_item .movie_author,
	 .movie .movie_list .movie_item .movie_counter{
		padding:0;
	}

	/* ACCESS */
	 .access .access_name{
		font-size:14px;
	}
	 .access .access_address{
		padding:0 0 10px;
	}
	 .access .access_tel{
		font-size:16px;
	}
	 .access .access_time{
		padding:0 0 40px;
	}



}



@font-face {
	font-family: 'ELEPHNT';
	src: url(https://gci.inc/wp-includes/fonts/ELEPHNT.TTF);
}

.mv ul li a > span {
	font-family: ELEPHNT;
}


.pc-none{display: none !important;}
.sp-none{display: block;}
@media (max-width: 991px) {
.sp-none{
display: none !important;
}
.pc-none{display: block !important;}
}
@media screen and (max-width: 767px){

	.mv {
    min-width: initial;
    height: 210px;
}
.mv_box_r{width: 100%;}
.mv_box_inner span
	{font-size: 12px !important;}
.mv_inner span.catch {
      font-size: 18px !important;
  }
}