@media screen and (min-width: 768px) {
	/* 768px以上用の記述 */

	/* HOME
	-----------------------------------------*/	
	#home h1{
		width:50%;
		max-width: 450px;
		margin: 70px auto 15px auto;
	}
	#home .main{
		position: relative;
		width: 100%;
		margin: 50px auto;
	}
	#home .main-box{
		position: relative;
		margin: 100px auto 0 auto;
		width:70%;
	}

	#home .photomessage{
		position: initial;
	}


	#home .photomessage2{
		display: flex;
		justify-content: space-between;
		padding:0;
	}

	#home .photomessage:before{
		top:15px;
		left:-80px;
		width:58%;

	}

	#home .photomessage:after{
		top:-40px;
		left:-40px;
		height:30%;
	}

	#home .photomessage2:before{
		bottom:20px;
		right:-80px;
		width:58%;
	}

	#home .photomessage2:after{
		bottom:-30px;
		right:-40px;
		height:30%;
	}


	#home .ph{
		width:43%;
		
	}
	
	#home .main .mainImg{
		position: relative;
		margin: 50px 0 0 auto;
		width: calc(100% - 160px);
	}
	#home .mainImg ul li:nth-child(2){
		transform: translateX(0) !important;
		opacity: 1;
	}

	#home .photomessage2{
		padding: 50px 0;
	}
	#home .message{
		margin: 0 auto;
		width:100%;
	}

	#home .message p{
		background-size: contain;
		background-position: 50% 50%;
		width:90%;
		max-width: 769px;
		padding-top:50%;
}

	/* INFO
	-----------------------------------------*/
	.info{
		padding: 130px 0 0 0;
		max-width: 500px;
		margin: auto;
	}

	.info a:hover{
		opacity: 0.7;
	}


	/* CONTACT
	-----------------------------------------*/	

	#contact .main-area{
		padding:50px;
		padding-bottom:0;
	}
	#contact dt{
		width:30%;
		float:left;
	}
	#contact dd{
		margin-left:32%;
		width:67%;
	}
	
	
	#contact dl.picture-check dt,
	#contact dl.picture-check dd{
		width:100%;
		margin-left: 0;
		clear: both;
	}
	#formsubmit {
		top: 15%;
		left:15%;
		width:70%;
		text-align: center;
	}




}