/*PCサイト*/
@media only screen and (min-width: 751px) {
	.cf:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
		font-size: 0.1em;
	}
	.cf {
	  min-height: 1px;
	}
	 * html .cf {
	  height: 1px;
	  /*\*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	.cb { clear: both;}
	/* =========================================================
	container
	========================================================= */
	.inner01{
	    max-width: 1366px;
	    margin: 0 auto;
	    position: relative;
	}
	.inner02{
		max-width: 1120px;
		margin: 0 auto;
		position: relative;
	}

	.inner03{
		max-width: 964px;
		margin: 0 auto;
		position: relative;
	}

	.maintext .text{
		padding: 40px 0 110px 140px;
		font-size: 18px;
	}
	.maintext .img{
		width: 450px;
		height: 400px;
		position: absolute;
		top: -190px;
		left: -310px;
	}

	.youtobe{
		background: url("../img/impression05/yoitube_bg.png") no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top: 1px;
	}
	.youtobe .inner02{
		padding-top: 140px;
	}
	.youtobe .video{
		width: 840px;
		height: 460px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
	.youtobe .text{
		font-size: 18px;
		color: #fff;
		padding: 65px 0 70px;
		text-align: center;
		font-weight: 500;
	}

	.youtobe .img01{
		position: absolute;
		right: -130px;
		top: -90px;
	}

	.youtobe .img02{
		position: absolute;
		left: 30px;
		top: 65px;
	}

	.profile{
		padding-bottom: 107px;
	}
	.profile .title{
		width: 15%;
		float: left;
		padding-top: 180px;
	}

	.profile ul{
		width: 85%;
		float: right;
		margin-left: -60px;
		padding-top: 80px;
	}

	.profile ul li{
		width: 33%;
		float: left;
		padding-left: 60px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.profile ul li .box{
		padding: 33px;
		background: url("../img/impression05/profile_border02.png") no-repeat bottom left #fff;
		-webkit-background-size: contain;
		background-size: contain;
		position: relative;
	}
	.profile ul li:nth-child(3) .box{
		background: url("../img/impression05/profile_border01.png") no-repeat bottom left #fff;
		-webkit-background-size: contain;
		background-size: contain;
	}

	.profile ul li .box .icon{
		position: absolute;
		top: 0;
		left: 0;
	}
	.profile ul li .box .tit01{
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		padding: 30px 0 0;
		font-family: Oswald;
	}

	.profile ul li .box .tit02{
		font-size: 14px;
		text-align: center;
		padding-bottom: 20px;
		font-weight: bold;
	}

	.profile ul li .box .txt{
		font-size: 16px;
	}

	.impression01 .box01{
		padding: 50px 200px 0 75px;
		position: relative;
	}

	.impression01 .box01 .right{
		float: right;
		width: 45%;
	}
	.impression01 .box01 .left{
		float: left;
		width: 50%;
	}

	.impression01 .box02 .right{
		float: left;
		width: 45%;
	}
	.impression01 .box02 .left{
		float: right;
		width: 50%;
	}

	.impression01 .box02{
		padding: 80px 73px 0 77px;
	}

	.impression01 .box01 .left .img{
		margin-top: -20px;
	}

	.impression01 .box02 .left .img{
		margin-top: -73px;
		text-align: right;
	}

	.impression01 .box01 .right .box{
		margin-top: 30px;
	}
	.impression01 .box02 .right .box{
		position: relative;
	}
	.impression01 .box01 .right .leftbox{
		width: 20%;
		float: left;
	}
	.impression01 .box01 .right .leftbox.rightheader{
		position: absolute;
		right: -140px;
		top: 0;
	}

	.impression01 .box01 .right .leftbox .name{
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
		font-weight: bold;
	}
	.impression01 .box01 .right .rightbox{
		width: 77%;
		float: right;
	}
	.impression01 .box01 .right .rightbox .textbox{
		background-color: #fff;
		padding: 20px 30px;
		font-size: 16px;
		border-radius: 15px;
	}
	.impression01 .box01 .right .rightbox .textbox.leftarrow{
		position: relative;
		font-weight: bold;
	}
	.impression01 .box01 .right .rightbox .textbox.leftarrow:before{
		position: absolute;
		background: url("../img/impression05/leftarrow.png") no-repeat;
		width: 18px;
		height: 24px;
		content: "";
		left: -18px;
		top: 50px;
	}
	.impression01 .box01 .right .rightbox .textbox.rightarrow{
		position: relative;
		font-weight: bold;
	}
	.impression01 .box01 .right .rightbox .textbox.rightarrow:before{
		position: absolute;
		background: url("../img/impression05/rightarrow.png") no-repeat;
		width: 18px;
		height: 24px;
		content: "";
		right: -18px;
		top: 50px;
	}
	.impression01 .point{
		background-color: #fff;
		padding: 30px 35px 30px 480px;
		border-radius: 25px;
		position: relative;
		margin-top: 110px;
		font-size: 18px;
		font-weight: bold;
	}
	.impression02 .point{
		padding: 35px 520px 35px 35px;
	}

	.impression01 .point .img{
		position: absolute;
		left: 50px;
		top: -95px;
	}


	.impression01 .point .icon{
		position: absolute;
		left: -50px;
		top: -110px;
		z-index: 2;
	}
	.impression02 .point .img{
		position: absolute;
		right: 50px;
		left: auto;
		top: -95px;
	}

	.impression02{
		margin-top: 130px;
	}

	.impression03 .title{
		text-align: right;
	}
	.cool .inner01{
		padding-bottom: 240px;
	}
	.cool .title{
		padding-top: 30px;
	}
	.cool .img{
		position: absolute;
		left: 180px;
		bottom: -100px;
	}

	.summary .tit01{
		padding-top: 85px;
		text-align: center;
		font-size: 32px;
		color: #2392f3;
		font-family: Oswald;
		font-weight: bold;
	}
	.summary .tit02{
		text-align: center;
		padding: 10px 0 50px;
	}
	.summary .text01{
		padding: 80px 70px 70px;
		font-size: 18px;
		font-weight: bold;
	}
	
	
	.present{
		background: url("../img/impression05/yoitube_bg.png") no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.present .inner01{
		padding-top: 170px;
	}
	.present .img{
		text-align: center;
		position: relative;
		z-index: 2;
	}
	.present .btn{
		padding: 180px 0 80px;
	}
	.present .btn a{
		width: 360px;
		height: 80px;
		background: url("../img/impression05/present_btn.png") ;
		display: block;
		margin: 0 auto;
	}
	.present .btn a:hover{
		background: url("../img/impression05/present_btn_h.png") ;
		opacity: 1;
	}
	.present .img01{
		position: absolute;
		top: 85px;
		left: 120px;
	}
	.present .img02{
		position: absolute;
		left: 230px;
		top: 555px;
		z-index: 3;
	}
	.present .img03{
		position: absolute;
		right: 0px;
		top: -40px;
	}



	.introduce {
		padding: 100px 0 130px;
	}

	.introduce ul{
		margin-right: -25px;
		margin-bottom: 80px;
		padding: 0 70px 0 150px;
	}
	.introduce ul li{
		width: 33.33%;
		float: left;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.introduce ul li .introducebox{
		border: 5px solid;
		border-radius: 0 16px;
		padding: 48px 0;
		text-align: center;
	}
	.introduce ul li .introducebox .img img{
		
		margin-bottom: 30px;
	}
	.introduce ul li .introducebox .titimg{
		margin-bottom: 25px;
	}
	.interview {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding-bottom: 85px;
	}
	.interview .text{
		padding-left: 20px;
	}
	.interview .text01{
		font-size: 30px;
		font-weight: bold;
	}
	.interview .text02{
		font-size: 15px;
		font-weight: bold;
	}


	.mainbg{
		background: url("../img/impression05/bg.png") no-repeat top 230px center;
	}
	.div1{
		height: 500px;
	}

	.event05-page {
		color: #424242;
		line-height: 1.8;
	}
	.event05-page img {
		max-width: 100%;
		width: auto;
	}



	div#caseStudy {
		background-image: url(../img/index/bg_navy02.png);
		background-repeat: no-repeat;
		background-size: 200%;
		padding-top: 130px;
		overflow: hidden;
		position: relative;
	}
	div#footer{
		position: relative;
		text-align: center;
	}

	.showpc{
		display: block;
	}
	.showsp{
		display: none;
	}
	.detail{
		background: url("../img/impression05/detail_img.png");
		width: 460px;
		height: 100px;
		display: inline-block;
	}
	
	.flex-center{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.detail:hover{
		background: url("../img/impression05/detail_img_h.png");
		opacity: 1;
	}
}