/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 850px ) {

	/* --------------- common --------------- */
	
	#wrap {
		padding: 50px 0 0;
	}
	
	/* --------------- header -------------- */
	
	header {
		height: 50px;
	}
	
	.col_header {
		padding: 0 0 0 8px;
	}
	
	.col_header .logo_header {
		width: calc( 100% - 120px );
		max-width: 320px;
	}
	
	.col_header .logo_header div {
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	
	.col_header #navi {
		width: 240px;
		background-color: rgba(255,255,255,0.8);
		display: block;
		position: absolute;
		top: 50px;
		right: -240px;
		transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
	
	.col_header #navi.open {
		right: 0;
	}
	
	.col_header #navi a {
		width: 100%;
		max-width: 100%;
		padding: 12px 12px 12px 25px;
		text-align: left;
		border-left: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	
	.col_header #navi a:after {
		content: "";
		width: 6px;
		height: 6px;
		margin: -4px 0 0;
		padding: 0;
		border-top: solid 2px #731a32;
		border-right: solid 2px #731a32;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 9px;
	}
	
	.btnarea_header {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	
	.btn_contact_header {
		width: 36px;
		height: 36px;
		margin: 0 10px 0 0;
		padding: 0;
		border: solid 1px #000;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.btn_contact_header img {
		width: 72%;
	}
	
	#menubtn {
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 0;
		cursor: pointer;
	}
	
	#menubtn span {
		width: 32px;
		height: 3px;
		margin: 0;
		padding: 0;
		background-color: #000;
		display: block;
		position: absolute;
		left: 9px;
	}
	
	#menubtn span:first-child {
		top: 15px;
		-webkit-animation: btn07-bar01 .75s forwards;
		animation: btn07-bar01 .75s forwards;
	}
	
	@-webkit-keyframes btn07-bar01 {
		0% {
			-webkit-transform: translateY(9px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(9px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes btn07-bar01 {
		0% {
			transform: translateY(9px) rotate(45deg);
		}
		50% {
			transform: translateY(9px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	
	#menubtn span:nth-child(2) {
		top: 24px;
		transition: all .25s .25s;
		opacity: 1;
	}
	
	#menubtn span:nth-child(3) {
		top: 33px;
		-webkit-animation: btn07-bar03 .75s forwards;
		animation: btn07-bar03 .75s forwards;
	}
	
	@-webkit-keyframes btn07-bar03 {
		0% {
			-webkit-transform: translateY(-9px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-9px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes btn07-bar03 {
		0% {
			transform: translateY(-9px) rotate(-45deg);
		}
		50% {
			transform: translateY(-9px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	
	#menubtn.open span:nth-of-type(1) {
		-webkit-animation: active-btn07-bar01 .75s forwards;
		animation: active-btn07-bar01 .75s forwards;
	}
	@-webkit-keyframes active-btn07-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(9px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(9px) rotate(45deg);
		}
	}
	@keyframes active-btn07-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(9px) rotate(0);
		}
		100% {
			transform: translateY(9px) rotate(45deg);
		}
	}
	#menubtn.open span:nth-of-type(2) {
		opacity: 0;
	}
	#menubtn.open span:nth-of-type(3) {
		-webkit-animation: active-btn07-bar03 .75s forwards;
		animation: active-btn07-bar03 .75s forwards;
	}
	@-webkit-keyframes active-btn07-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-9px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-9px) rotate(-45deg);
		}
	}
	@keyframes active-btn07-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-9px) rotate(0);
		}
		100% {
			transform: translateY(-9px) rotate(-45deg);
		}
	}
	
	
	/* --------------- footer -------------- */
	
	.col_footer {
		padding: 40px 0 15px;
		display: block;
	}
	
	.col_left_footer {
		width: 42%;
		margin: 0 auto;
		text-align: center;
	}
	
	.col_left_footer .address {
		display: none;
	}
	
	.col_link_footer {
		display: none;
	}
	
	

	/* --------------- top -------------- */
	
	.col_topmain {
		height: 71vw;
	}
	
	.cont_topmain1 .copy1 {
		width: 72.35%;
	}
	
	.cont_topmain1 .copy2 {
		width: 58.82%;
	}
	
	.col_topmain .main {
		width: 72.23%;
		height: 20vw;
	}
	
	.col_topmain .main:after {
		width: 127.38%;
		height: 30.36vw;
		background-size: 100% auto;
		bottom: -25.7vw;
		left: -12.4vw;
	}
	
	.cont_topprofile {
		padding: 20px 0 30px;
		display: block;
	}
	
	.cont_topprofile:after {
		content: "";
		width: 0;
		height: 0;
		clear: both;
	}
	
	.cont_topprofile .img {
		min-width: 140px;
		margin: 0 25px 10px 0;
		padding: 0;
		float: left;
	}
	
	.cont_topprofile .txt {
		width: unset;
		padding: 80px 0 20px 30px;
	}
	
	.cont_topprofile .txt:before {
		width: 100vw;
		left: 15px;
	}
	
	.cont_topprofile .btn_link {
		justify-content: center;
	}
	
	.cont_topprofile .btn_link a {
		width: 100%;
		max-width: 272px;
	}
	
	.col_topconsulting {
		padding: 100px 4% 60px;
	}
	
	.cont_topconsulting dd .btn_link {
		margin: 0 auto 80px;
	}
	
	.col_topinfo {
		padding: 60px 6%;
		display: block;
	}
	
	.cont_topinfo {
		width: 100%;
	}
	
	.cont_topinfo:first-child {
		margin: 0 0 50px;
	}
	
	
/* --------------- mailmag-thanks --------------- */

	#mainimg.contact {
		height: 240px;
		padding-top: 75px;
	}
	
	

	
	
	
}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */