/*
* ----------------------------------------------------------------------------------------
* 01.START GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

body {
	color:#232434;
	font-family: 'Shin Maru Go Regular';
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	overflow-x:hidden;
	}
	
	
	html,
	body { height: 100%;position:relative;  }
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  letter-spacing: 0px;
	  margin-top: 0px;
	  font-family: 'Shin Maru Go Regular';
	  color: #232434;
	  font-weight: 400;
	}
	a {
		font-family: 'Shin Maru Go Regular';
		text-decoration: none;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	a:hover {
		color: #fff;
		text-decoration: none;
	}
	a:focus {
		outline: none;
		text-decoration: none;
	}
	
	p {
	  margin-bottom: 0;
	}
	ul,
	li {
		margin: 0;
		padding: 0;
		list-style:none;
	}
	fieldset {
		border: 0 none;
		margin: 0 auto;
		padding: 0;
	}
	b, strong {
		font-weight: 600;
	}
	.no-padding { padding: 0 }
	
	/*START SECTION TITLE DESIGN*/
	.section-title { margin-bottom:60px }
	.section-title h4 {
		
		font-size: 14px;
		font-weight: 500;
	}
	.section-title h1 {
		
		font-size: 60px;
		font-weight: 500;
	}
	.section-title p{
		width: 100%;
		margin: revert;
		text-align: left;
	}
	h1.section-title-white{color:#fff;}
	h4.section-title-white{color:#fff;}
	/*END SECTION TITLE DESIGN*/
	/*START SCROLL TO TOP*/
	.topcontrol {
	background: #6138bd none repeat scroll 0 0;
	border-radius: 30px;
	bottom: 5px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
	}
	@media only screen and (max-width:768px) { 
	.topcontrol {display:none;}
	}
	.topcontrol:hover {
		background: #fff;
		color: #1b2032;
	}
	/*END SCROLL TO TOP*/
	
	.pankuzu{
		font-size: small;
		color:#444;
		margin: 1% 0% 4% 0%;
	}
	.pankuzu a{
		color:#444;
	}
	.pankuzu a:after {
		content: '>';
		margin-left: 10px;
		margin-right: 10px;
	}
	.pankuzu a:after:hover {
		content: '>';
		margin-left: 10px;
		margin-right: 10px;
		color:#444;
	}
	.note{
		color: #777;
		font-size: smaller;
	}
	
	/*
	* ----------------------------------------------------------------------------------------
	* 01.END GENERAL STYLE
	* ----------------------------------------------------------------------------------------
	*/
	
	
	/*
	* ----------------------------------------------------------------------------------------
	* 02.START BOOTSTRAP NAVIGATION OVERRIDES
	* ----------------------------------------------------------------------------------------
	*/
	.site-logo{

	}
	.site-logo img {
		width: 95%;
		height: auto;
		margin-top: 5px;
	}

@media (max-width: 1093px){
		.site-logo img {
			width: 100%;
			height: auto;
			margin-top: 18px;
		}
}@media (max-width: 1024px){
	.site-logo img {
		width: 95%;
		height: auto;
		margin-top: 5px;
	}
}@media (max-width: 577px){
	.site-logo img {
		width: 247px;
		height: auto;
		margin-left: -2px;
		margin-top: 5%;
	}
}@media (max-width: 400px){
	.site-logo img {
		width: 223px;
		height: auto;
		margin-left: -2px;
		margin-top:5%;
	}
}


	.bg-faded {
		background-color: transparent;
		-webkit-transition:all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.navbar-fixed {
		z-index: 999;
		position: fixed;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
		width: 100%;
		padding:10px 0;
		top: 0;
		-webkit-animation: fadeInDown 800ms;
		animation: fadeInDown 800ms;
		-webkit-backface-visibility: hidden;
		border-radius: 0px;
		background: #fff;
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	}
	#navigation {
		padding: 10px 0;
		/* border-bottom: 1px solid #232434; */
		background-color: transparent;
	}
	@media (max-width:990px) {
		#navigation {
			padding: 10px 0;
			/* border-bottom: 1px solid #232434; */
			background-color: aliceblue;
		}
	}
	#navigation.navbar-fixed {
		background: aliceblue;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	#navigation.navbar-content {
		padding:1% 0 1% 0;
		background:aliceblue;
		border-color: #fff;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}
	.header_right {
		display: block;
		-ms-flex-preferred-size: auto;
			flex-basis: auto;
	}
	#main-menu {
	
	}
	#main-menu ul{
		list-style-type: none;
		text-align: center;
		margin-left:2%;
		position: fixed;
	}
	#main-menu ul li{
		display: inline-block;
		margin-left:14px;
		position: relative;
	}
	#main-menu ul li a {
		color: #232434;
		padding: 23px 0px 26px;
	}
	#main-menu ul li a span {
		font-weight: bold;
		font-size: 12px;
	}
	@media (max-width: 1160px) {
		/* 可変 */
		#main-menu ul {
			color: #232434;
			font-weight: 500;
			transition: .5s;
			font-size: smaller;
			display: inline-flex;
			width: 75%;
		}
		#main-menu ul li a {
			color: #232434;
			font-weight: 500;
			
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 15px;
			padding: 23px 0px 26px;
			display: block;
		}
	
		#navigation.navbar-fixed #main-menu ul li a{
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 15px;
			padding: 23px 0px 26px;
			display: block;

		}
	}
	
	 @media (max-width: 1096px) {
		/* 可変 */
		#main-menu ul {
			color: #232434;
			font-weight: 500;			
			transition: .5s;
			font-size: smaller;
			display: inline-flex;
			width: 75%;
			margin-left: 10px;
		}
		#main-menu ul li{
			display: inline-block;
			margin-left:22px;
			position: relative;
		}
		#main-menu ul li a {
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 0px 26px;
			display: block;
		}
	
		#navigation.navbar-fixed #main-menu ul li a{
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 0px 26px;
			display: block;


		}
	} 
	@media (max-width: 1072px){
		/* 可変 */
		#main-menu ul {
			color: #232434;
			font-weight: 500;
			transition: .5s;
			font-size: smaller;
			display: inline-flex;
			width: 75%;
			margin-left: 10px;
		}
		#main-menu ul li{
			display: inline-block;
			margin-left:-1px;
			margin-right: 8px;
			position: relative;
		}
		#main-menu ul li a {
			color: #232434;
			font-weight: 500;
			
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 5px 26px 6px;
			display: block;
		}
	
		#navigation.navbar-fixed #main-menu ul li a{
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 5px 26px;
			display: block;

		}
	} 
	
	@media (max-width: 1027px) and (min-width:992px){
		/* 可変 */
		#main-menu ul {
			color: #232434;
			font-weight: 500;
			transition: .5s;
			font-size: smaller;
			display: inline-flex;
			width: 75%;

		}
		#main-menu ul li{
			display: inline-block;
			margin-left:-1px;
			margin-right: 8px;
			position: relative;
		}
		#main-menu ul li a {
			color: #232434;
			font-weight: 500;
			
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 0px 26px 8px;
			display: block;
		}
	
		#navigation.navbar-fixed #main-menu ul li a{
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 0px 26px 8px;
			display: block;

		}
	} 
	
	@media (max-width: 991px){
		/* 可変 */
		#main-menu ul {
			color: #232434;
			font-weight: 500;
			
			transition: .5s;
			font-size: smaller;
			display: inline-flex;
			width: 75%;
			margin-left: 5px;
		}
		#main-menu ul li{
			display: inline-block;
			margin-left:8px;
			position: relative;
		}
		#main-menu ul li a {
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 0px 26px 3px;
			display: block;
		}		
		#navigation.navbar-fixed #main-menu ul li a{
			color: #232434;
			font-weight: 500;
			-webkit-transition: .5s;
			transition: .5s;
			font-size: 14px;
			padding: 23px 0px 26px 3px;
			display: block;

		}
	}
	@media only screen and (max-width: 880px){
	#main-menu ul li a span{display: none;}
	}

	#navigation.navbar-fixed #main-menu ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li a:focus,
	#main-menu ul li a:hover,
	#main-menu ul li a:focus{
		color: #232434;
	}
	#main-menu ul li > a:hover,
	#main-menu ul li > a:focus{
	
		color: #232434;
	}
	#navigation #main-menu ul li a:hover,
	#navigation #main-menu ul li a:focus,
	#navigation.navbar-fixed #main-menu ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li a:focus{
	}
	#navigation.navbar-fixed #main-menu ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li a:focus{
		color: #232434;
	}
	
	.slicknav_menu {
		font-size: 16px;
		box-sizing: border-box;
		background: none;
		padding: 0px;
	}
	.slicknav_nav_icon{
		color: #6138bd;
		font-size: 24px;
	}
	#mobile_menu{
		display: none;
	}
	
	@media only screen and (max-width: 990px){
	#main-menu{
	display: none;
	}
	#mobile_menu{
	display: block;
	width: 100%;
	
	.slicknav_nav_top{
		background-color: aliceblue;
		}}
		
	.slicknav_nav{
	background-color: aliceblue;
	}
	#navigation #mobile_menu li a {
		color: #232434;
		font-weight: 500;
	}
	#navigation.navbar-fixed #mobile_menu li a{
	color: #232434;
	}
	.slicknav_nav a{
	padding: 5px 0px;
	-webkit-transition:.3s;
	transition: .3s;
	}
	#navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus{
	color: #232434;
	background: aliceblue;
	text-decoration-line: underline;
	}
	.slicknav_btn {
	top: 24px;
	background:#232434;
	margin-right: 10%;
	}
	}
	/*END 767px*/
	
	@media only screen and (max-width: 576px){
	.slicknav_btn {
	text-decoration: none;
	position: absolute;
	top: 35px;
	right: 17px;
	margin-left: 10%;
	margin-top: 5%;
}
	.ti-angle-down {
		display: none;
	}
	}
	/*END 575px*/
	
	/*-------------------------------
	# Dropdwon menu 
	--------------------------------*/
	
	#navigation #main-menu ul li ul ,
	#navigation #main-menu ul li ul li ul {	
		background: #fff;
		box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
		left: -55px;
		list-style: outside none none;
		margin:  0;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		padding:10px;
		position: absolute;
		text-align: left;
		top: 100%;
		-webkit-transition:all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		visibility: hidden;
		width: 200px;
		z-index: 999;
		border-radius: 4px;
		border-top: 2px solid #232434;
	}
	#navigation #main-menu ul li  ul li{
		position: relative;
	}
	#navigation #main-menu ul li ul li ul{
		top: 0;
		right: auto;
		left: 205px;
	}
	#navigation.navbar-fixed #main-menu ul li li a{
		color: #232434;
	} 
	#navigation #main-menu ul li:hover ul,
	#navigation #main-menu ul li ul li:hover > ul{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		visibility: visible;
	}
	#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}
	
	#navigation.navbar-fixed #main-menu ul li ul li a,
	#navigation #main-menu ul li ul li a {
		color: #232434;
		display: block;
		font-size: 16px;
		font-weight: 500;
		
		padding: 5px 12px;
		position: relative;	
		-webkit-transition:all 0.3s ease 0s !important;	
		transition: all 0.3s ease 0s !important;
		visibility: inherit !important;
		opacity: inherit !important;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
	}
	
	#navigation #main-menu ul li ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li ul li a:focus{
		color: #fff;
		background-color: #232434;
		text-decoration: none;
	}
	
	
@media only screen and (max-width:767px) { 
	  .navbar-brand {
		padding-top: 20px;
	  }
	}	
	.project_details_info {
		margin-bottom: 30px;
		margin-top: 30px;
		}
		.project_details_info h4 {
		font-weight: 550;
		border-bottom: solid 3px rgb(130, 175, 197);
		padding-bottom: 10px;
		margin-bottom: 20px;
		}
		.project_details_info ul {
		list-style: none;
		margin-bottom: 6%;
		}
		.project_details_info ul li {
		line-height: 32px;
		font-size: 15px;
		}
		.project_details_info ul li i {
		color: #000;
		margin-right: 10px;
		}
		@media only screen and (max-width:767px) { 
			.project_details_info ul li {
				line-height: 32px;
				font-size: 12px;
				}
		  }
		.project_details_info ul li a{color:#000;}
		.single_project_details p{}
		/*END SINGLE 
	/*
	* ----------------------------------------------------------------------------------------
	* 02.END BOOTSTRAP NAVIGATION OVERRIDES
	* ----------------------------------------------------------------------------------------
	*/
	
	/*
	* ----------------------------------------------------------------------------------------
	* 03. START HOMEPAGE CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	.home_bg{
	height:550px;
	position:relative;
	}
	 @media only screen and (max-width:960px){
	.home_bg{height:auto;}
	}
	.about_me_content{padding-top:200px;position:relative;}
	@media only screen and (max-width:768px) { 
	.about_me_content{padding-left:30px;padding-right: 20px;}
	}
	@media only screen and (max-width:375px) { 
		.about_me_content{padding-top:150px; padding-bottom: 60px;position:relative;}
		}
	@media only screen and (max-width:414px) { 
		.about_me_content{padding-top:175px; padding-bottom: 60px;position:relative;}
		}
	.about_me_content h1 {
		font-size: 40px;
		/*font-size: 90px; */
		font-weight: 600;
		
		/*line-height: 120px;*/
		line-height: 70px;
		margin-bottom: 10px;
	}
	 @media only screen and (max-width:480px){
	.about_me_content h1 {font-size: 26px;line-height:50px;}
	 }
	 
	.about_me_content h2 {
		font-size: 25px;
		font-weight: 550;
		border-bottom: solid 3px rgb(130, 175, 197);
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.about_me_content p {
		margin-bottom: 40px;
		font-weight: 400;
		font-size: 18px;
	}
	 
	@media only screen and (max-width:480px){
	 .home_btn {margin-left: 30px;}
	}
	@media only screen and (max-width:480px){
	 .home_btn {margin-top: 30px;}
	}
	
	.home_btn a {
		display: inline-block;
		margin-right: 30px;
	}
	.home_one {
		background: #232434;
		border: 1px solid #232434;
		border-radius: 5px;
		color: #fff;
		font-size: 16px;
		padding: 14px 40px;
		
		-webkit-transition:all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		border-radius: 100px;
		display: inline-block;
		font-weight: 500;
	}
	.home_one:hover, .home_one:focus{
	background:#fff;
	border: 1px solid #232434;	
	color: #232434;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
	}
	.news-ttl{
		text-align: right;
		font-weight: bold;
		margin-top: -1%;
		margin-bottom: 10%;
	}
	.news-li{
		color:#000;
	}
	.news-li:hover {
		color : #1669b7;
		text-decoration: underline;
		font-weight: bold;
	}
	.news_one {
		background: #fff;
		border: 1px solid #232434;	
		border-radius: 5px;
		font-size: 15px;
		padding: 4px 30px;
		
		-webkit-transition:all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		border-radius: 100px;
		font-weight: 500;
		margin: 15px 0px 0 auto;
		float: right;
	}

	@media only screen and (max-width:414px){ .news_one {
		background: #fff;
		border: 1px solid #232434;
		border-radius: 5px;
		font-size: 13px;
		padding: 5px 10px;
		
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		border-radius: 110px;
		display: inline-block;
		font-weight: 500;
		margin: 10% 0% 0% 57%;
	}
	}
	.news_one:hover, .news_one:focus{
	background:#fff;
	border: 1px solid #232434;	
	color: #232434;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
	}
	
	
	@media only screen and (max-width:500px){
		.index-ti{
			font-size: large;
		}
	}@media only screen and (max-width:812px){
	.index-ti{
		font-size: larger;
	}
	}
	.index-li{
		color : #1669b7;
		text-decoration: underline;
		font-weight: bold;
	  }
	.index-li:hover {
		color : #7a1f86;
		text-decoration: underline;
		font-weight: bold;
	}
	.pc_btn{
		margin-bottom: 3%;
	}
	
	.best-service{padding-bottom:50px;position:relative;}
	.best-service:before {
		position: absolute;
		content: '';
		height: 1375px;
		width: 600px;
		background-image: url(../img/bg/bg-2.png);
		background-size: 100% 100%;
		right: 0;
		top: 0;
		z-index: -1;
	}
	.service-title{}
	.service-title h4 {
		font-size: 18px;
		font-weight: 500;
	}
	.service-title h1 {
		font-weight: 600;
		line-height: 54px;
		margin-bottom: 60px;
	}
	.service-title2 h1 {
		font-weight: 600;
	}
	@media only screen and (max-width: 768px){
		.service-title h1 {line-height: 44px;margin-bottom:0px;}
		}
	
	@media only screen and (max-width: 768px){
		.service-title h1 {line-height: 44px;margin-bottom:0px;}
		}
	
	
	@media only screen and (max-width: 768px){
	.service-title h1 {line-height: 44px;margin-bottom:0px;}
	}
	.service-content{}
	.service-content p {
		margin-top: 32px;
		padding-left: 30px;
	}
	@media only screen and (max-width: 768px){
	.service-content p {
	padding-left:0px;
	margin-bottom:60px;
	}
	}
	.single_service {
		background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		padding: 10%;
		border-radius: 10px;
		-webkit-transition: 0.3s;
		transition: 0.2s;
		margin-bottom: 30px;
		position: relative;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
		z-index: 2;
		height: 100%;
	  }
	  
	.single_service:hover{
	background:#fff;
	box-shadow:0px 60px 60px rgba(0,0,0,0.1);
	position:relative;
	z-index:100;
	-webkit-transform: translate(0, -10px);
			transform: translate(0, -10px);
	}
	@media only screen and (max-width:480px) {
	.single_service {padding:30px;margin: 0 0 65px 0px;}
	}
	.single_service img {
		margin-bottom: 30px;
		width: 70px;
		height: 70px;
		line-height: 70px;
		border-radius: 100px;
	}

	@media only screen and (max-width:480px) { 
	.single_service span {	
	width: 60px;
	height: 60px;
	line-height: 60px;}
	}

	.single_service h3 {
		font-weight: 600;
		font-size: 18px;
		padding-bottom: 11%;
	} 
	.single_service h4 {
		font-weight: 600;
		font-size: 17px;
		padding-bottom: 3%;
	} 
	.single_service p{
		margin-bottom: 0px;
		color: #000;
	
	}
	@media only screen and (max-width:991px) { 
		.single_service h3 {
			font-weight: 600;
			font-size: 18px;
			padding-bottom: 11%;
		} 
		.single_service h4 {
			font-weight: 600;
			font-size: 17px;
			padding-bottom: 6%;
		} 
		.single_service p{
			margin-bottom: 0px;
			color: #000;
		
		}
	}	@media only screen and (max-width:767px) { 
		.single_service h3 {
			font-weight: 600;
			font-size: 18px;
			padding-bottom: 14%;
		} 
		.single_service h4 {
			font-weight: 600;
			font-size: 17px;
			padding-bottom: 5%;
		} 
		.single_service p{
			margin-bottom: 0px;
			color: #000;
		
		}
	}
		/*
.ss_one{background:#FFE8E8;}
.ss_two{background:#ECFFFC}
.ss_three{background:#E8F5FF}
.ss_four{background:#E3F9F6}
.ss_five{background:#FFF6EB}
.ss_six{background:#E8FFEA}
*/
/*05.START COUNTER AREA*/
.complete-project-area {
	padding-bottom: 50px;
	}
	.single-project-complete{
	border-right:1px solid #ddd;
	text-align: center;
	margin-bottom: 30px;
	}
	.brnone{border-right: 0px ;}
	@media only screen and (max-width:768px) {
	.single-project-complete {margin-bottom:30px;}
	}
	.single-project-complete h2 {
	font-size: 45px;
	font-weight: 600;
	}
	.single-project-complete p {
	
	font-weight: 500;
	margin-top: 0;
	}
	/*05.END COUNTER AREA*/
	
	/*END PRELOADER DESIGN*/
	.section-padding { padding: 13% 0 0 0 }
	.section-padding2 { padding: 9% 0 0 0 }
	
	
	.promo_one {
		background-position: center;
		background-size: cover;
	}
	@media only screen and (max-width: 1024px){
		.promo_one {
		background-position: center;
		background-size: cover;
			padding: 15% 0%;
		}
	}
	@media only screen and (max-width: 880px){
		.promo_one {
		background-position: center;
		background-size: cover;
			padding: 20% 0%;
		}
	}
	@media only screen and (max-width: 750px){
		.promo_one {
		background-position: center;
		background-size: cover;
			padding: 25% 0%;
	}
	}
	@media only screen and (max-width: 600px){
		.promo_one {
		background-position: center;
		background-size: cover;
		padding: 30% 0%;
	}
	}
	@media only screen and (max-width: 530px){
		.promo_one {
		background-position: center;
		background-size: cover;
		padding: 35% 0%;
	}
	}@media only screen and (max-width: 420px){
		.promo_one {
		background-position: center;
		background-size: cover;
		padding: 45% 0%;
	}
	}
	@media only screen and (max-width: 350px) and (min-width:100px){
		.promo_one {
		background-position: center;
		background-size: cover;
		padding: 50% 0%;
	}
	}.promo {
		background-position: center;
		background-size: cover;
		margin-top: 5%
	}
	.promo {
		@media only screen and (max-width: 800px){
		background-position: center;
		background-size: cover;
		margin-top: 25%;
	}
	}
	
	.promo {
		@media only screen and (max-width: 550px){
		background-position: center;
		background-size: cover;
		margin-top: 30%;
	}
	}
	
	.promo {
		@media only screen and (max-width: 300px){
		background-position: center;
		background-size: cover;
		margin-top: 40%;
	}
	}
	
	.promo h1 {
		margin-bottom: 50px;
		font-size: 25px;
		font-weight: 550;
		border-bottom: solid 3px rgb(130, 175, 197);
		color: #1669b7;
		padding-bottom: 10px;
	}
	.promo h4 {
		font-size: 20px;
		font-weight: 550;
		padding: 0 10px;
	}
	.promo_story{}
	@media only screen and (max-width: 880px){
	.promo_story{margin-bottom:60px;}
	}
	.promo_story h1 {
		font-weight: 600;
		margin-bottom: 20px;
		line-height: 50px;
		text-align: center;
	}
	/*.pain h1 a:hover {
		margin-bottom: 50px;
		font-size: 25px;
		font-weight: 550;
		color: #1669b7;
		padding-bottom: 10px;
	}*/
	.promo h1 a{
		position: relative;
		z-index: 1;
		padding: 0 10px;
		color : #1669b7;
	  }
	  .promo h1 a::before {
		background: #1669b7;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		margin: auto;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		z-index: -1;
	  }
	  .promo h1  a:hover {
		color: #fff;
	  }
	  .promo h1 a:hover::before {
		transform-origin: left top;
		transform: scale(1, 1);
	  }
	   
	
	/*
	* ----------------------------------------------------------------------------------------
	* START PREF DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	/* スタイル */
	.pref_content {
	
	}
	.pref_btn{
		border: 1px solid #fff;
		border-radius: 0;
		color: #fff;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		height: 52px;
		outline: 0 none;
	}
	.pref_content {
		margin-bottom: 30px;
		overflow: hidden;
		margin-top: 60px;
		  padding-top: 15%;
		  margin-top: -15%;
	}
	@media only screen and (max-width: 800px){
		.pref_content {
			margin-bottom: 30px;
			overflow: hidden;
			margin-top: 60px;
			  padding-top: 30%;
			  margin-top: -30%;
		}
	}
	@media only screen and (max-width: 400px){
		.pref_content {
			margin-bottom: 30px;
			overflow: hidden;
			margin-top: 60px;
			  padding-top: 35%;
			  margin-top: -35%;
		}
	}
	.pref_title {
		border-bottom: 1px solid #e1dddd;
		font-weight: 600;
		
		font-size: 22px;
		background-color: aliceblue;
		/*margin: 15% 0 0 0;*/
		margin: 5% 0 5% 0;
	
	}
	.pref_btn a {
		border: 2px solid #232434;
		border-radius: 30px;
		color: #232434;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: 500;
		margin: 6px 10px;
		padding: 3px 20px;
		
		font-family: 'Shin Maru Go Regular';
		-webkit-transition:all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: none;
	}
	.pref_btn a:hover {
		background: rgb(130, 175, 197);
		color: #fff;
		font-weight: 600;
	}
	
	.pref_nav{
		display: flex;
		align-items: baseline;
		flex-direction: column;
	}
	
	.pref_nav li a{
		display: block;
		text-decoration: none;
		color: #333;
	}
	.pref_nav li{
		margin-bottom:20px;
	}
	.pref_nav li a{
		/*線の基点とするためrelativeを指定*/
	  position: relative;
	}
	.pref_nav li.current a,
	.pref_nav li a:hover{
	  color:#0e76a8;
	}
	.pref_nav li a::after {
		content: '';
		/*絶対配置で線の位置を決める*/
		position: absolute;
		bottom: 0;
		left: 10%;
		/*線の形状*/
		width: 100%;
		height: 2px;
		background:#0e76a8;
		/*アニメーションの指定*/
		transition: all .3s;
		transform: scale(0, 1);/*X方向0、Y方向1*/
		transform-origin: center top;/*上部中央基点*/
	}
	.pref_nav li.current a::after,
	.pref_nav li a:hover::after {
		transform: scale(1, 1);/*X方向にスケール拡大*/
	}
	.lead{
	  padding: 50px 20px;
	}
	.pref_content  a:hover{
		color:#0e76a8;
	  }
	.pref_content ::after {
		content: '';
		/*絶対配置で線の位置を決める*/
		position: absolute;
		bottom: 0;
		left: 10%;
		/*線の形状*/
		width: 80%;
		height: 2px;
		background:#0e76a8;
		/*アニメーションの指定*/
		transition: all .3s;
		transform: scale(0, 1);/*X方向0、Y方向1*/
		transform-origin: center top;/*上部中央基点*/
	}
	/*
	* ----------------------------------------------------------------------------------------
	* END PREF DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	
	select {
		width: 100%;
		margin: 1rem 0 0 0;
		background: #f7f7f7;
		font-size: 1.25em;
		color: #444;
		padding: 1rem;
		line-height: 1.3;
	  }
	.marketing_content_area{padding-bottom:50px;position: relative;}
	.marketing_content_area:before {
		position: absolute;
		content: '';
		height: 1375px;
		width: 600px;
		background-image: url(../img/bg/bg-1.png);
		background-size: 100% 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.promotion_contact {
		padding: 7% 0;
		background-color: aliceblue;
	}
	.promo_contact_content{}
	.promo_contact_content h1 {
		font-weight: 600;
		margin-bottom: 20px;
	}
	.promo_contact_content p{margin-bottom:30px;}
	
	@media only screen and (max-width:812px){
		.promo_contact_content p{
				font-size: medium;
				margin-bottom: 30px;
			}
			.promo_contact_content h1 {
				font-weight: 600;
				margin-bottom: 20px;
				font-size: 1.7rem;
			}
		}@media only screen and (max-width:500px){
			.promo_contact_content p{
					font-size: small;
					margin-bottom: 30px;
				}
				.promo_contact_content h1 {
					font-weight: 600;
					margin-bottom: 20px;
					font-size: 1.4rem;
				}
			}
	.partner_title{
		margin-top: 2%;
	}
	/*@media only screen and (max-width:800px) { 
		.partner_title{
			margin-top: 12%;
		}
	}
	@media only screen and (max-width:650px) { 
		.partner_title{
			margin-top: 50%;
		}
	}
	@media only screen and (max-width:450px) { 
		.partner_title{
			margin-top: 35%;
		}
	}
	*/
	.partner_title h1{
		font-weight: 500;
		
		font-size:46px;
		margin-bottom:30px;
		line-height: 56px;
		background: linear-gradient(transparent 60%, #aed9fdc2);
		width: 500px;
	}
	
	.partner_title1 h2 {
		margin-bottom: 15px;
		font-size: 23px;
		font-weight: 500;
		text-align: left;
		border-bottom: solid 3px rgb(130, 175, 197);
	}
	.partner_title h2 {
		margin-bottom: 50px;
		font-size: 25px;
		font-weight: 550;
		border-bottom: solid 3px rgb(130, 175, 197);
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.partner_title_2 h2 {
		margin-bottom: 50px;
		font-size: 25px;
		font-weight: 550;
		border-top: solid 3px rgb(130, 175, 197);
		border-bottom: solid 3px rgb(130, 175, 197);
		padding-top: 16px;
		padding-bottom: 16px;
		padding-left: 7px;
		margin-bottom: 20px;
		background-color: aliceblue;

	}  @media only screen and (max-width:750px) { 
		.partner_title h2 {
			margin-bottom: 50px;
			font-size: 23px;
			font-weight: 550;
			border-bottom: solid 3px rgb(130, 175, 197);
		}	
		.partner_title_2 h2 {
			margin-bottom: 50px;
			font-size: 23px;
			font-weight: 550;
			border-top: solid 3px rgb(130, 175, 197);
			border-bottom: solid 3px rgb(130, 175, 197);
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: aliceblue;

		} 
		@media only screen and (max-width:600px) { 
			.partner_title h2 {
				margin-bottom: 50px;
				font-size: 23px;
				font-weight: 550;
				border-bottom: solid 3px rgb(130, 175, 197);

			}	
		}	.partner_title_2 h2 {
			margin-bottom: 50px;
			font-size: 23px;
			font-weight: 550;
			border-top: solid 3px rgb(130, 175, 197);
			border-bottom: solid 3px rgb(130, 175, 197);
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: aliceblue;

		} 
	} @media only screen and (max-width:414px) { 
		.partner_title h2 {
			margin-bottom: 50px;
			font-size: 18px;
			font-weight: 550;
			border-bottom: solid 3px rgb(130, 175, 197);
		}	.partner_title_2 h2 {
			margin-bottom: 50px;
			font-size: 18px;
			font-weight: 550;
			border-top: solid 3px rgb(130, 175, 197);
			border-bottom: solid 3px rgb(130, 175, 197);
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: aliceblue;

		} 	
		}

/*		.partner_title_2 h2 {
			position: relative;
			padding: 5px 26px 5px 42px;
			background: aliceblue;
			font-size: 20px;
			color: #2d2d2d;
			margin-left: -33px;
			line-height: 1.3;
			border-bottom: solid 3px rgb(130, 175, 197);;
			z-index:-2;
			margin-bottom: 50px;
	
		  }
		  .partner_title_2 h2:before {
			position: absolute;
			content: '';
			left: -2px;
			top: -2px;
			width: 0;
			height: 0;
			border: none;
			border-left: solid 40px white;
			border-bottom: solid 79px transparent;
			z-index: -1;
		  }
		  
		  .partner_title_2 h2:after {
			position: absolute;
			content: '';
			right: -3px;
			top: -7px;
			width: 0;
			height: 0;
			border: none;
			border-left: solid 40px transparent;
			border-bottom: solid 79px white;
			z-index: -1;
		  }*/
	.partner_title h3 {
		margin-bottom: 50px;
		margin-top: 21px;
		font-size: 22px;
		font-weight: 500;
	}
	@media only screen and (min-width:375px) { 
		.partner_title h3 {
			margin-bottom: 30px;
			margin-top: 21px;
			font-size: 22px;
			font-weight: 500;
		}	
	}@media only screen and (min-width:414px) { 
		.partner_title h3 {
			margin-bottom: 16px;
			margin-top: 21px;
			font-size: 22px;
			font-weight: 500;
		}	
	}.dr_img {
		height: auto;
		vertical-align: top;
		max-width: 90%;
		padding: 0px 0px 50px 26px;
	}
	
	.blog_btn {
		font-weight: 600;
		text-decoration: underline;
		color: #232434;
		display: inline-block;
		margin-top: 15px;
		-webkit-transition:0.3s;
		transition: 0.3s;
	}
	.blog_btn:hover{color:#3c79f5;}
	/*START SINGLE PAGE BLOG STYLE*/
	.contact_form_blog{padding-top:0px!important;}
	.blog_sidebar_title {
		border-bottom: 1px solid #d4d7e5;
		color: #232434;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: x;
		margin-bottom: 15px;
		margin-top: 0;
		padding-bottom: 10px;
		
	}
	.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
		margin-bottom: 30px;
		background: #F5F7FC;
		padding: 30px 30px;
		border-radius:10px;
	} 
	
	@media only screen and (max-width:417px) { 
		.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
			margin-bottom: 30px;
			background: #F5F7FC;
			padding: 30px 20px;
			border-radius:10px;
		} 
	}
	
	@media only screen and (max-width:397px) { 
		.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
			margin-bottom: 30px;
			background: #F5F7FC;
			padding: 30px 0px;
			border-radius:10px;
		} 
	}
	
	
	.tag{overflow: hidden;}
	
	.single_latest_blog {
		overflow: hidden;
		border-bottom: 1px solid #eee;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.single_latest_blog h4 {
		color: #232434;
		font-size: 18px;
		font-weight: 400;
		line-height: 28px;
		margin: 0;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.single_latest_blog h4:hover{color:#3c79f5;}
	.single_latest_blog span { color: #161616 }
	
	.video_post iframe {
		width: 100%;
		height: 100%;
		border: medium none;
	}
	.tag a {
		border: 2px solid #232434;
		border-radius: 30px;
		color: #232434;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: 500;
		margin: 6px 10px;
		padding: 3px 20px;
		
		font-family: 'Shin Maru Go Regular';
		-webkit-transition:all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: none;
	}
	.tag a:hover {
		background: rgb(130, 175, 197);
		color: #fff;
		font-weight: 600;
	}
	
	
	
	@media only screen and (max-width:360px) and (min-width:200px) { 
	.tag a{
		border: 2px solid #232434;
		border-radius: 30px;
		color: #232434;
		display: block;
		float: left;
		font-size: 11px;
		font-weight: 500;
		margin: 6px 5px;
		padding: 3px 20px;
		
		font-family: 'Shin Maru Go Regular';
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: none;
	} 
		}
	.bc_bottom{margin-bottom:30px;}
	.blog-img img {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.author_part {
		margin-bottom: 30px;
		overflow: hidden;
		margin-top: 60px;
	}
	.author_part_t{
		margin-bottom: 30px;
		overflow: hidden;
	}
	.single_author {
		background: #F5F7FC;
		padding: 40px;
		border-radius: 10px;
		box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
		overflow: hidden;
	}
	.author_part img {
		border-radius: 100px;
		float: left;
		height: 120px;
		margin-right: 20px;
		width: 120px;
	}
	.author_part h4 {
	font-size: 17px;
	font-weight:700;
	letter-spacing: 1px;
	padding-bottom: 1rem;
 }
	.author_part p { 
		margin-bottom: 0;
		line-height: 2.2rem;
		text-align: justify;
	 }

	.head_title {
		border-bottom: 1px solid #e1dddd;
		margin: 0 0 30px;
		padding-bottom: 10px;
		font-weight: 600;	
		font-size: 18px;
		font-family: "UD新ゴ M";
	}
	.head_title_s {
		border-bottom: solid 2px rgb(130, 175, 197);
		margin: 0 0 30px;
		font-weight: 600;
		font-family: "UD新ゴ M";
	}
	.head_title_xs{
		border-bottom: 1px solid #e1dddd;
		margin: 0 0 30px;
		font-weight: 600;
		font-family: "UD新ゴ M";
	}
	.head_title_ns{
		margin: 0 0 30px;
		font-weight: 600;
		font-family: "UD新ゴ M";
	}
	.head_title_s li{
		margin-bottom: 0.7rem;
	}
	@media only screen and (max-width:767px) { 

		.author_part {
			margin-bottom: 30px;
			overflow: hidden;
			margin-top: 60px;
		}
		.author_part_t{
		margin-bottom: 30px;
		overflow: hidden;
		}

		.single_author {
			background: #F5F7FC;
			padding: 15px;
			border-radius: 10px;
			box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
			overflow: hidden;
		}
		.author_part img {
			border-radius: 100px;
			float: left;
			height: 70px;
			margin-right: 20px;
			width: 70px;
		}
		.author_part h4 {
		font-size: 17px;
		font-weight:700;
		letter-spacing: 1px;
		padding-bottom: 1rem;
	 }
		.author_part p { 
			margin-bottom: 0;
			font-size: small;

		 }	.head_title {
			border-bottom: 1px solid #e1dddd;
			margin: 0 0 10px;
			padding-bottom: 10px;
			font-weight: 600;	
			font-size: 18px;
			font-family: "UD新ゴ M";
		}
	}
	.comments_part {
		margin-bottom: 60px;
	}
	.comments_pain {
		padding:5%;
		margin-bottom: 60px;
	}
	.single_comment {
		margin-bottom: 30px;
		background: #F5F7FC;
		padding: 40px;
		border-radius: 10px;
		box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
		overflow: hidden;
	}
	.single_comment_mbnone { margin-bottom: 0px }
	.single_comment img {
		border-radius: 100px;
		float: left;
		height: 120px;
		margin-right: 20px;
		width: 120px;
	}
	.single_comment h4 {
		font-size: 16px;
		font-weight:600;
		/* letter-spacing: 1px; */
		
	}
	.single_comment p { margin-bottom: 0 }
	
	.contact_area{}
	ul.c_list {
		padding: 3px 0px 50px 0px;
		position: relative;
		width: fit-content;
	  }
	  
	ul li.c_list {
		text-align: left;
		line-height: 1.5;
		padding: 0.5em 0;
		position:relative;
		border-bottom:dashed 1px #428aff;
	  }
	
	  h2.c_list {
		margin-bottom: 5%;
		font-size: 30px;
		font-weight: 500;
	
	}
	
	.contact input {
	/*	background:-webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		background:linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
	*/
	
		border: 1px solid #8d8989;
		border-radius: 0px;
		box-shadow: none;
		color: #232434;
		font-size: 18px;
		font-weight:400;
		height: 70px;
		padding: 20px;
		width: 100%;
		margin-bottom: 15px;
	}
	.contact textarea {
	/*	background: -webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
	*/
		border: 1px solid #8d8989;
		border-radius: 0px;
		box-shadow: none;
		color: #232434;
		font-size:18px;
		margin-bottom: 15px;
		font-weight:400;
		padding: 20px;
		width: 100%;
	}
	.contact input:focus {
	/*background: -webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
	background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
	*/	background-color: #d4ebff;
		border: 1px solid #8d8989;
		box-shadow: none;
		color: #232434;
		outline: 0 none;
	}
	.contact textarea:focus {
	/*background: -webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
	background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
	*/	background-color: #d4ebff;
		border: 1px solid #8d8989;
		box-shadow: none;
		color: #232434;
		outline: 0 none;
	}
	@media only screen and (max-width:767px) { 
	
		.contact input {			
				border: 1px solid #8d8989;
				border-radius: 0px;
				box-shadow: none;
				color: #232434;
				font-size: 14px;
				font-weight:400;
				height: 50px;
				padding: 20px;
				width: 100%;
				margin-bottom: 15px;
				
			}	.contact textarea {

				border: 1px solid #8d8989;
				border-radius: 0px;
				box-shadow: none;
				color: #232434;
				font-size:14px;
				margin-bottom: 15px;
				font-weight:400;
				padding: 20px;
				width: 100%;
			}	  
		}
	/*
	* ----------------------------------------------------------------------------------------
	* 13.END ADDRESS DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	
	/*
	* ----------------------------------------------------------------------------------------
	* START FOOTER DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	.footer {
		background-size: cover;
		background-position: top center;
		background: aliceblue;
		border-top: solid 1px #ccc;
		position: inherit;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.footer_thankyou {
		background-size: cover;
		background-position: top center;
		background: aliceblue;
		border-top: solid 1px #ccc;
		position: inherit;
		left: 0;
		bottom: 0;
		width: 100%;
		top: 50%;
	}
	.footer_copyright {
		border-top: 1px solid rgba(255,255,255,0.08);
		padding-top: 20px;
	}.footer_copyright_top {
		border-top: 1px solid rgba(255,255,255,0.08);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer_copyright p{
	background: aliceblue;
	color: #232434;
	text-align: center;
	
	}
	.footer_copyright_top p{
		background: aliceblue;
		color: #232434;
		text-align: center;
		}
	@media only screen and (max-width:812px){
	.footer_copyright_top p{
		font-size: x-small;
	}
	}		


	  /* タブレットデバイス用のスタイル */
	  @media only screen and (min-width: 361px) and (max-width: 768px) {
		.footer_copyright p {
		  background: none;
		  color: inherit;
		  text-align: center;
		  text-transform: none;
		  font-size: x-small;
		}
		.footer_copyright {
			border-top: 1px solid rgba(255,255,255,0.08);
		}.footer_copyright_top {
			border-top: 1px solid rgba(255,255,255,0.08);
			padding-top: 10px;
			padding-bottom: 10px;
		}
	  }
	  
	  /* デスクトップデバイス用のスタイル */
	  @media only screen and (min-width: 769px) {
		.footer_copyright p {
		  background: none;
		  color: inherit;
		  text-align: center;
		  text-transform: none;
		  font-size: 14px;
		}
	  }
	  .footer_logo p {
		color: #fff;
		margin-top: 10px;
		margin-bottom: 25px;
		}
		.single_footer{}
		@media only screen and (max-width:880px) {
		.single_footer{margin-bottom:40px;}
		}
		.single_footer h4 {
		color: #fff;
		margin-top: 0;
		margin-bottom: 25px;
		font-weight: 600;
		
		font-size: 17px;
		}
		.single_footer p{color:#fff;}
		.single_footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		.single_footer ul li{}
		.single_footer ul li a {
		color: #fff;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		line-height: 36px;
		font-size: 15px;
		
		}
		.single_footer ul li a:before {
		content: "-";
		font-family: 'Shin Maru Go Regular';
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		font-size: 20px;
		margin-right: 6px;
		}
		.single_footer ul li a:hover { color: #fff; }
		
	/*
	* ----------------------------------------------------------------------------------------
	* END FOOTER DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	
	/*
	* ----------------------------------------------------------------------------------------
	* START SECTION TOP DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	.section-top {
		padding-bottom: 100px;
		/* ; */
		position: relative;
		/*border-bottom: 1px solid #ddd;*/
		background: -webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		height: 550px;
	}.section-top2 {
		padding-bottom: 100px;
		/* ; */
		position: relative;
		/*border-bottom: 1px solid #ddd;*/
		background: -webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(253, 250, 239) 35%, rgb(251, 251, 251) 100%);
		height: 450px;
	}
	.section-top_ntt {
		padding-bottom: 100px;
		/* ; */
		position: relative;
		border-bottom: 1px solid #ddd;
		background: -webkit-linear-gradient(left, rgb(236, 255, 252) 0%, rgb(90, 149, 233) 35%, rgb(92, 146, 255) 100%);
		background: linear-gradient(90deg, rgb(236, 255, 252) 0%, rgb(233 242 255) 35%, rgb(67 110 198) 100%);
		height: 550px;
	}
	.section-top-title{padding-top:180px;}
	.section-top-title h4 {
		font-weight: 500;
		
		font-size: 20px;
		margin-bottom: 20px;
		text-decoration: underline;
		display: inline-block;
		background: #3c79f5;
		color:#fff;
	}
	.section-top-title h1 {
		color: #232434;
		font-weight: 600;
		
		font-size:46px;
		margin-bottom:30px;
		line-height: 56px;
	}
	@media only screen and (max-width:480px) { 
	.section-top-title h1{font-size: 30px;}
	}
	.section-top-title p{
	
	}
	/* 共通スタイル */
	.ta1 {
		width: 100%;
		margin: 0 auto 10%;
		border-collapse: collapse;
	  }
	  .ta1 th {
		width: 217px;
		text-align: center;
		background: rgb(243, 243, 243);
	}
	  .ta1,
	  .ta1 td,
	  .ta1 th {
		border: 1px solid #ccc;
		padding: 10px 15px;
		word-break: break-all;
		box-sizing:border-box;
	  }
	  
	
	  @media screen and (max-width: 640px) {
		.ta1.td {
		  width: 100%;
		}
		.ta1.td th {
		  display: block;
		  width: 100%;
		  border-bottom:none;
		  font-size: small;
		}
		.ta1.td tr:last-child{
		  border-bottom: solid 1px #ccc;
		}
		.ta1 th {
		width: 130px;
		text-align: center;
		background: rgb(243, 243, 243);
	}
	  }
	
	.infomation {
		font-weight: 600;
		text-decoration: underline;
		color: #232434;
		display: inline-block;
		margin-top: px;
		-webkit-transition:0.3s;
		transition: 0.3s;
	}
	.infomation:hover{color:#3c79f5;}
	/*START SINGLE PAGE BLOG STYLE*/
	.contact_form_blog{padding-top:0px!important;}
	.blog_sidebar_title {
		border-bottom: 1px solid #d4d7e5;
		color: #232434;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: x;
		margin-bottom: 15px;
		margin-top: 0;
		padding-bottom: 10px;
		
	}
	.info_content {
		padding: 5% 7% 3% 7%;
	}
	.info_content_l {
		padding-top: 7%;
	}
	
	.info_content h1 {
		font-weight: 600;
		margin-bottom: 20px;
		text-align: center;
	}
	.info_content2 {
		padding: center;
		margin-bottom: 20px;
		text-align: center;
	}
	.info_content p{
		margin-bottom: 9px;
		font-size: 19px;
		line-height: 2.6rem;
	}

		@media only screen and (max-width:812px){
		.info_content p{
			margin-bottom: 9px;
			font-size: medium;
		}
		}@media only screen and (max-width:500px){
			.info_content p{
				margin-bottom: 9px;
				font-size:small;
				margin: 0% -13% 0% -13%;
			}
		}@media only screen and (max-width:400px){
			.info_content p{
				margin-bottom: 9px;
				font-size:12px;
				margin: 0% -13% 0% -13%;
			}
		}
	.info_partner_title h3 {
		margin-bottom: 60px;
		font-size: 22px;
		font-weight: 500;
	}
	.news-list{
		list-style: none outside;
		margin: 0;
		padding: 0;
	  }
	  .news-list .item a{
		display: flex;
		flex-wrap: wrap;
		flex-wrap: nowrap;
		text-decoration: none;
		color: #333;
		border-bottom: 1px solid #CCC;
		padding: 20px 20px;
	  }
	  .news-list .item:first-child a{
		border-top: 1px solid #CCC;
	  }
	  .news-list .item .date{
		margin: 0;
		min-width: 140px;
		font-size: 16px;
		color: #999;
		padding: 0 20px 0 0;
	  }
	  .news-list .item .category{
		display: table-cell;
		vertical-align: middle;
		padding: 0 20px 0 10px;
		width: 210px;
	  }
	  @media only screen and (max-width:375px) { 
		.news-list .item a{
			display: flex;
			flex-wrap: wrap;
			flex-wrap: nowrap;
			text-decoration: none;
			color: #333;
			border-bottom: 1px solid #CCC;
			padding: 20px 20px;
		  }
		  .news-list .item:first-child a{
			border-top: 1px solid #CCC;
		  }
		  .news-list .item .date{
			margin: 0;
			min-width: 140px;
			font-size: 14px;
			color: #999;
			padding: 0 20px 0 0;
		  }
		  .news-list .item .category{
			display: table-cell;
			vertical-align: middle;
			padding: 0 20px 0 10px;
			width: 210px;
		  }
	}
	  @media only screen and (max-width:414px) { 
		.news-list .item .category{
		display: contents;
		vertical-align: middle;
		padding: 0 20px 0 10px;
		width: 210px;
		}
	}
	  .news-list .item .category span{
		background: #28a7fb;
		display: inline-block;
		padding: px 0;
		min-width: 110px;
		border-radius: 5px;
		color: #fff;
		text-align: center;
	  }
	
	  @media only screen and (max-width:375px) { 
		.news-list .item .category span {
		background: #28a7fb;
		display: table;
		min-width: 90px;
		border-radius: 5px;
		color: #fff;
		text-align: center;
	}
	}
	  @media only screen and (max-width:414px) { 
		.news-list .item .category span {
		background: #28a7fb;
		display: table;
		min-width: 90px;
		border-radius: 5px;
		color: #fff;
		text-align: center;
	}
	}
	  .news-list .item .category .n01{
		background-color: #505050;
	  }
	  .news-list .item .category .n02{
		background-color: #bb3a3a;
	  }
	  .news-list .item .category .n03{
		background-color: #259b3d;
	  }
	  .news-list .item .title{
		margin: 0;
		width: 100%;
		text-align: left;
	  }
	  .news-list .item a:hover .title{
		color: #00F;
	  }
	  
	  @media screen and (max-width: 767px){
	  .news-list .item a{
		flex-wrap: wrap;
	  }
	  .news-list .item .date{
		min-width: 100px;
	  }
	  .news-list .item .title{
		margin-top: 10px;
	  }
	  }
	 @media screen and (max-width: 816px){
		.banner_logo{
			width:416px;
		}
	 }
	 @media screen and (max-width: 500px){
		.banner_logo{
			width:250px;
		}
	 }

	 .mem_note{
		margin-top: 5%; margin-bottom: 5%;
		line-height: 2rem;
	 }
	.member_in{
		margin-bottom: 10%;
	 }
	 @media screen and (max-width: 767px){
		.mem_note{
			margin-top: 5%;
			margin-bottom: 15%;
			font-size: small;
		}	.member_in{
			margin-bottom: 15%;

		 }
	}@media screen and (max-width: 400px){
		.mem_note{
			margin-top: 5%;
			margin-bottom: 15%;
			font-size: small;
		}	.member_in{
			margin-bottom: 15%;
		 }
	}	 
	.mes_p{
		text-align: justify;
		line-height: 2.5rem;
	}
	@media screen and (max-width: 767px){
	.mes_p{
	font-size: small;
	}
	}
	.check{
		margin-top: 10%; 
		margin-bottom: 15%;
	}@media screen and (max-width: 767px){
	.check{
			margin-top: 5%; 
			margin-bottom: 15%;
			font-size: small;
	}
}
.mes_l{
	color: brown;
	font-size: 19.5px;
	font-weight: 600;
	padding-bottom: 5%;
}	@media screen and (max-width: 767px){
	.mes_l{
	font-size: medium;
	}
	}

	/*
	* ----------------------------------------------------------------------------------------
	* 03. END HOMEPAGE CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/