/* ---------------------------------------------------------------
	start max 1200px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 1300px ) {
	
	.col_header .logo_header { width: 38%; }
	.col_header .logo_header .logo1 { width: 57%; }	
	
	.col_header #navi {
		padding: 0;
		width: 61%;
	}
	
	

	
	.col_header #navi a { 
		padding: 8px 2px; 
		max-width: 66px;
		font-size: 14px;
	}
	
	
	/* --------------- top --------------- */
	
	.cont_toplineup .box .txt {
		height: calc( 100% - 15.75vw - 20px );
	}
	
	
}

/* ---------------------------------------------------------------
	end max 1200px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

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



	/* --------------- common --------------- */
	
	.col_header #navi a {
		margin: 0 3px;
		padding: 8px 0; 
		max-width: 72px;
		font-size: 13px;
	}

	

	/* --------------- header --------------- */
	
	
	/* --------------- footer --------------- */
	
	.col_left_footer {
		width: 35%;
	}
	
	.col_link_footer {
		width: 65%;
	}
	
	.col_link_footer ul.list_link1 {
		width: 28%;
	}
	
	.col_link_footer dl.list_link2 {
		width: 43%;
	}
	
	.cont_list_link {
		width: 29%;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.col_link_footer .cont_list_link dl.list_link2 {
		width: 100%;
	}
	

	/* --------------- top --------------- */
	
	.cont_topprofile .img {
		width: 32.2%;
	}
	
	.cont_topprofile .txt {
		width: 67.8%;
	}
	
	.col_topinfo {
		padding: 100px 3%;
	}
	
	.cont_topinfo {
		width: 47.5%;
	}
	

/* --------------- mailmag-thanks --------------- */

	.col_contact1 {
		margin: 5vw auto 110px auto;
	}
	
	

	
}

/* ---------------------------------------------------------------
	end max max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 940px
--------------------------------------------------------------- */
@media print,screen and ( max-width: 940px ) {

	/* --------------- top --------------- */
	
	.cont_toplineup .box {
		width: calc( ( 100% - 12px )/2 );
	}
	
	.cont_toplineup .box:nth-child(3n) {
		margin-right: 12px;
		transition-delay: 0s;
		-moz-transition-delay: 0s;
		-webkit-transition-delay: 0s;
	}
	
	.cont_toplineup .box:nth-child(even) {
		margin-right: 0;
		transition-delay: .3s;
		-moz-transition-delay: .3s;
		-webkit-transition-delay: .3s;
	}
	
	.cont_toplineup .box .txt {
		height: calc( 100% - 22.76vw - 20px );
	}
	
	
	

/* ---------------------------------------------------------------
	end max max 940px
--------------------------------------------------------------- */