.object-fit-img,.avatar {
  		object-fit: cover;
		width:100%;
		height:100%;
  		font-family: 'object-fit: cover;'
}

.firstmove{
	opacity: 0;
}

/*font*/
.fontmin{font-family:A1 Mincho}

/*.fontmin{font-family: 'Noto Serif JP', serif; font-weight: 400;}*/

@media screen and (min-width:751px){
	
.pc_none{
	display: none !important;
}

body{
	background:#fff;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:0.9em;
	color:#333;
	letter-spacing: 0.1em;
	min-width: 1100px;
	font-weight: 500;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
	
	#page_top{
		position: fixed;
		bottom:-70px;
		right:0;
		width:50px;
		line-height: 0;
		cursor: pointer;
		z-index:3;
		transition: bottom 0.5s;
	}
	
	#page_top.active{
		bottom:0;
	}
	
	#page_top img{
		width:100%;
	}
	
/*menu*/
	.menu{
		display: inline-block;
		width:25px;
		position: absolute;
		padding:50px 60px 0 0;
		top:0;
		right:0;
		z-index:10;

	}

	.menu.hide{
		top:-80px;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:30px 65px 0 0;
		z-index:10;
		margin-left:calc(100% - 90px);
		position: fixed;

	}
	
	.menu.hide.min{
		margin-left:calc(1050px - 90px);

	}
	
	.menu.hide.active{
		top:0;

	}

	.menu-trigger,
	.menu-trigger span {
  		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
		cursor: pointer;
	}
	.menu-trigger {
  		position: relative;
  		width: 25px;
  		height: 15px;
		z-index:5;
	}
	.menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #333 !important;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger.active span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
  		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
 		top:7px;
	}
	.menu-trigger span:nth-of-type(3) {
  		bottom: 0;
		width:50% !important;
	}

	.menu-trigger.active span:nth-of-type(1) {
  		-webkit-transform: translateY(7px) rotate(45deg);
  		transform: translateY(7px) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
  		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
  		-webkit-transform: translateY(-7px) rotate(-45deg);
 		 transform: translateY(-7px) rotate(-45deg);
		width:100% !important;
	}
	
/*header*/
	.header.box2{
		z-index:5;
		position: fixed;
		left:0;
		top:-90px;
		width:100%;
		min-width: 1050px;
		transition: top 0.5s;
	}
	.header .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:5;
	}
	
	.header .innerbox2{
		position: relative;
		left:0;
		width:100%;
		height:75px;
		background:#fff;
		z-index:5;
		border-bottom:1px solid #dcdcdc;
	}
	
	.header.box2.active{
		top:0;
	}
	
	.header .logo{
		width:230px;
		float: left;
		padding:45px 0 0 45px;
	}
	
	.header .innerbox2 .logo{
		width:230px;
		float: left;
		padding:25px 0 0 45px;
	}
	
	.header .logo img{
		width:100%;
		height:auto;
	}
	
	.header ul{
		float: right;
		height:auto;
		padding:50px 130px 0 0;
		list-style: none;
	}
	
	.header .innerbox2 ul{
		float: right;
		height:auto;
		padding:30px 130px 0 0;
		list-style: none;
	}
	
	.header ul li{
		margin:0 30px 0 0;
		float: left;
	}
	
	.header ul li:last-child{
		margin:0 0 0 0;
	}
	
	.header ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:0.5;
		transition: opacity 0.3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:1 !important;
	}
	
	.header ul li a:hover {
  		opacity:1;
	}
	.header ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #fff;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#333;
	}
	.header .innerbox2 ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #333;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	.header ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.header .innerbox2 ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.headnav {
  		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 6;
		opacity:0;
		visibility: hidden;
		background-color: rgba(0,0,0,0.8);
		transition: all 0.5s;
		text-align: center;
		min-width: 1050px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		-webkit-transform: scale(1.1,1.1);
    	-moz-transform: scale(1.1,1.1);
    	-o-transform: scale(1.1,1.1);
    	-ms-transform: scale(1.1,1.1);
    	transform: scale(1.1,1.1);
	}
	
	.headnav.active {
  		opacity:1;
		-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	transform: scale(1,1);
		visibility:visible;	
	}
	
	.headnav .inbox{
		display: inline-block;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.headnav .inbox .logo{
		width:230px;
		float: left;
		padding:0 60px 0 0;
	}
	
	.headnav .inbox .logo img{
		width:100%;
		height:auto;
	}
	
	.headnav .inbox .rightbox{
		padding:0 0 0 60px;
		border-left:1px solid #808080;
		float: left;
		text-align: left;
	}
	
	.headnav .inbox .rightbox ul{
		padding:90px 0 10px 0;
		list-style: none;
	}
	
	.headnav .inbox .rightbox ul li a{
		float: left;
		margin:0 40px 20px 0;
		display: inline-block;
		font-size:0.9em;
	}
	
	.headnav .inbox a{
		color:#fff;
		text-decoration: none;
		opacity:0.5;
		transition: opacity 0.3s;
	}
	
	.headnav .inbox a:hover{
		opacity: 1;
	}
	
	.headnav .inbox a.mainbtn{
		font-size:3em;
		margin:0 0 20px 0;
		display: inline-block;
		letter-spacing: 0.1em;
	}
	
	.headnav .inbox .snsbox{
		padding:10px 0 0 0;
	}
	
	.headnav .inbox .snsbox a{
		width:30px;
		display: inline-block;
		transition: opacity 0.3s;
		margin:0 40px 0 0;
	}
	
	.headnav .inbox .snsbox a img{
		width:100%;
	}
	
	#footer{
		padding:60px 60px;
		background:#979797;
	}
	
	#footer .logo{
		width:230px;
		float: left;
	}
	
	#footer .logo img{
		width:100%;
		height:auto;
	}

	#footer .rightbox{
		float: right;
	}
	
	#footer .rightbox ul{
		float: left;
		list-style: none;
	}
	
	#footer .rightbox ul li{
		float: left;
		margin:0 50px 0 0;
	}
	
	#footer .rightbox ul li:last-child{
		float: left;
		margin:0 0 0 0;
	}
	
	#footer .rightbox ul li a{
		display: inline-block;
		margin:0 0 20px 0;
		font-size:0.9em;
		color:#fff;
		text-decoration: none;
		transition: opacity 0.3s;
	}
	
	#footer .rightbox a:hover{
		opacity: 0.8;
	}
	
	#footer .rightbox .snsbox{
		padding:0 0 0 50px;
		float: left;
	}
	
	#footer .rightbox .snsbox a{
		width:30px;
		display: inline-block;
		transition: opacity 0.3s;
		margin:0 0 0 40px;
	}
	
	#footer .rightbox .snsbox a img{
		width:100%;
	}
	
	#footer .copy{
		text-align: right;
		color:#e4e4e4;
		padding:10px 0 0 0;
		font-size:0.7em;
	}
	
	.maincontainer{
		position: relative;
	}
	
}
@media screen and (max-width:750px){
	
.sp_none{
	display: none !important;
}

body{
	background:#fff;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:0.75em;
	color:#333;
	letter-spacing: 0.1em;
	min-width: 100%;
	font-weight: 500;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
	
	#page_top{
		position: fixed;
		bottom:-70px;
		right:0;
		width:50px;
		line-height: 0;
		cursor: pointer;
		z-index:3;
		transition: bottom 0.5s;
	}
	
	#page_top.active{
		bottom:0;
	}
	
	#page_top img{
		width:100%;
	}
	
/*menu*/
	.menu{
		display: inline-block;
		width:25px;
		position: absolute;
		padding:20px 5% 0 0;
		top:0;
		right:0;
		z-index:10;
		display: none

	}

	.menu.hide{
		top:0;
		transition:top 0.5s;
		padding:10px 50 0 0 !important;
		z-index:10;
		right:0;
		position: fixed;
		display: block;

	}
	
	.menu.hide.active{
		top:0;

	}

	.menu-trigger,
	.menu-trigger span {
  		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
		cursor: pointer;
	}
	.menu-trigger {
  		position: relative;
  		width: 25px;
  		height: 15px;
		z-index:5;
	}
	.menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #333 !important;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger.active span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
  		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
 		top:7px;
	}
	.menu-trigger span:nth-of-type(3) {
  		bottom: 0;
		width:50% !important;
	}

	.menu-trigger.active span:nth-of-type(1) {
  		-webkit-transform: translateY(7px) rotate(45deg);
  		transform: translateY(7px) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
  		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
  		-webkit-transform: translateY(-7px) rotate(-45deg);
 		 transform: translateY(-7px) rotate(-45deg);
		width:100% !important;
	}
	
/*header*/
	.header.box2{
		z-index:5;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	.header .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:5;
		display: none;
	}
	
	.header .innerbox2{
		position: relative;
		left:0;
		width:100%;
		height:55px;
		background:#fff;
		z-index:5;
		border-bottom:1px solid #dcdcdc;
	}
	
	.header.box2.active{
		top:0;
	}
	
	.header .logo{
		width:230px;
		float: left;
		padding:45px 0 0 45px;
	}
	
	.header .innerbox2 .logo{
		width:160px;
		float: left;
		padding:17px 0 0 5%;
	}
	
	.header .logo img{
		width:100%;
		height:auto;
	}
	
	.header ul{
		float: right;
		height:auto;
		padding:50px 130px 0 0;
		list-style: none;
		display: none;
	}
	
	.header .innerbox2 ul{
		float: right;
		height:auto;
		padding:30px 130px 0 0;
		list-style: none;
	}
	
	.header ul li{
		margin:0 30px 0 0;
		float: left;
	}
	
	.header ul li:last-child{
		margin:0 0 0 0;
	}
	
	.header ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:0.5;
		transition: opacity 0.3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:1 !important;
	}
	
	.header ul li a:hover {
  		opacity:1;
	}
	.header ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #fff;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#333;
	}
	.header .innerbox2 ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #333;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	.header ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.header .innerbox2 ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.headnav {
  		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 6;
		opacity:0;
		visibility: hidden;
		background-color: rgba(0,0,0,0.8);
		transition: all 0.5s;
		text-align: center;
		min-width: 100%;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		-webkit-transform: scale(1.1,1.1);
    	-moz-transform: scale(1.1,1.1);
    	-o-transform: scale(1.1,1.1);
    	-ms-transform: scale(1.1,1.1);
    	transform: scale(1.1,1.1);
	}
	
	.headnav.active {
  		opacity:1;
		-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	transform: scale(1,1);
		visibility:visible;	
	}
	
	.headnav .inbox{
		display: inline-block;
		text-align: center;
	}
	
	.headnav .inbox .logo{
		width:160px;
		padding:17px 0 0 5%;
	}
	
	.headnav .inbox .logo img{
		width:100%;
		height:auto;
	}
	
	.headnav .inbox .rightbox{
		padding:60px 5% 0 15%;
		float: none;
		text-align: left;
		display:inline-block;
	}
	
	.headnav .inbox .rightbox ul{
		padding:50px 0 10px 0;
		list-style: none;
	}
	
	.headnav .inbox .rightbox ul li a{
		float: left;
		margin:0 40px 20px 0;
		display: inline-block;
		font-size:0.9em;
	}
	
	.headnav .inbox a{
		color:#fff;
		text-decoration: none;
		opacity:0.5;
		transition: opacity 0.3s;
	}
	
	.headnav .inbox a:hover{
		opacity: 1;
	}
	
	.headnav .inbox a.mainbtn{
		font-size:2.5em;
		margin:0 0 20px 0;
		display: inline-block;
		letter-spacing: 0.1em;
	}
	
	.headnav .inbox .snsbox{
		padding:10px 0 0 0;
	}
	
	.headnav .inbox .snsbox a{
		width:30px;
		display: inline-block;
		transition: opacity 0.3s;
		margin:0 40px 0 0;
	}
	
	.headnav .inbox .snsbox a img{
		width:100%;
	}
	
	#footer{
		padding:40px 5%;
		background:#979797;
	}
	
	#footer .logo{
		width:160px;
		float: none;
	}
	
	#footer .logo img{
		width:100%;
		height:auto;
	}

	#footer .rightbox{
		float: none;
		margin:30px 0 0 0;
	}
	
	#footer .rightbox ul{
		float: none;
		list-style: none;
		margin:0 0 50px 0;
	}
	
	#footer .rightbox ul li{
		float: left;
		width:36%;
		padding:0 10px 0 0;
		line-height: 1.5em;
		box-sizing: border-box;
	}
	
	#footer .rightbox ul li:first-child{
		float: left;
		width:24%;
		padding:0 10px 0 0;
		line-height: 1.5em;
		box-sizing: border-box;
	}
	
	#footer .rightbox ul li:nth-child(2){
		float: left;
		width:39%;
		padding:0 10px 0 0;
		line-height: 1.5em;
		box-sizing: border-box;
	}
	
	#footer .rightbox ul li:last-child{
		float: left;
		margin:0 0 0 0;
	}
	
	#footer .rightbox ul li a{
		display: inline-block;
		margin:0 0 15px 0;
		font-size:0.9em;
		color:#fff;
		text-decoration: none;
		transition: opacity 0.3s;
	}
	
	#footer .rightbox a:hover{
		opacity: 0.8;
	}
	
	#footer .rightbox .snsbox{
		padding:0 0 40px 0;
		float: none;
		text-align: center;
	}
	
	#footer .rightbox .snsbox a{
		width:30px;
		display: inline-block;
		transition: opacity 0.3s;
		margin:0 20px 0 20px;
	}
	
	#footer .rightbox .snsbox a img{
		width:100%;
	}
	
	#footer .copy{
		text-align: center;
		color:#e4e4e4;
		padding:10px 0 0 0;
		font-size:0.7em;
	}
	
	.maincontainer{
		position: relative;
	}



}