@charset "UTF-8";
/* CSS Document */

@media (max-width: 1200px){
	.pc{
		display: none !important;
	}
	section.contents{
		padding: 50px 10px;
	}
	.w1366{
		width: 100%;
		margin: auto;
	}
	.subtitle{
		height: 350px;
	}
	.subtitle h2{
		left: 80px;
		font-size: 2.5em;
	}
	.sub_img01{
		height: 280px;
	}
	.breadcrumb-box{
		left: 80px;
	}
}
@media (max-width: 959px){
	
	.w960{
		padding: 0 10px;
	}
	.bg_inner_w,.bg_inner_w2{
		padding: 50px 15px;
	}
	/* flex-box==================== */
	.card002{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.card003{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.reverse{
		flex-direction: column-reverse;
	}
	.txt_lv02 span{
		font-size: 200%;
	}
	.bg_grad .txt_lv02{
		color: #666;
	}
	.bg_grad .txt_lv02 span{
		font-size: 200%;
	}
	.bg_grad .txt_lv02::first-letter{
		color: #2679cd;
	}
	
	header h2{
		font-size: 2em;
		line-height: 100%;
		margin-top: auto;
		margin-bottom: auto;
		padding-right: 80px;
	}
	.footer_in h2 img{
		width: 90%;
		max-width: 300px;
	}
	.top_copy h2{
		font-size: 2rem;
	}
	.top_slider .slider li.top01{

		background-position: right center;
	}

	.contents_in{
		padding: 0 10px;
	}
	.flex_contact{
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}

	.btn_wrap{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.btn_wrap .btn02{
		max-width: 400px;
	}
	/* サブページタイトル==================== */
	.subtitle{
		height: 450px;
		margin: 0 auto 10px;
	}
	.sub_img01{
		bottom: auto;
		top: 60px;
		right: 0;
		height: 200px;
		width: calc(100% - 30px);
	}
	.subtitle h2{
		top: auto;
		bottom: 50px;
		left: 30px;
		font-size:2.5em;
	}
	.breadcrumb-box{
		left: auto;
		right: 15px;
		bottom: 10px;
		text-align: right;
	}
	.card001 .rec_icon{
		width: calc(100% / 2  - 30px);
		margin: 15px;
		text-align: center;
	}
	.card001 .rec_icon img{
		max-width: 300px;
	}
	#mailform{
		padding: 0;
	}
	#mailform table th,#mailform table td{
		display: block;
		width: 100%;
		padding: 1em;
	}

}

@media (max-width: 750px){
	.pctb{
		display: none !important;
	}
	.slide_wrap{
		height: 600px;
	}
	.top_slider .slider li{
		height: 600px;
	}
	.top_copy h2{
		font-size: 1.5rem;
	}
	
	.txt_catch01{
		font-size: 1.2em;
		line-height: 150%;
	}


	.flex_contact{
		flex-direction: column;
	}
	.button_wrap_contact{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer_in{
		display: block;
		width: 100%;
		margin: auto;
	}
	
	.line02 table th,.line02 table td{
		display: block;
		width: 100%;
	}
	.line02 table th{
		border-bottom: none;
		padding-bottom: 0.5em;
		text-align: left;
		font-weight: 700;
	}
	.line02 table td{
		padding-top: 0.5em;
		position: relative;
	}
	.line02 table td::after{
		position: absolute;
		content: "";
		left: 0;
		bottom: -1px;
		width: 100px;
		height: 1px;
		background-color: #2679cd;
	}

}
@media (max-width: 450px){
	#header h1 img{
		width: 250px;
	}
	.top_copy{
		left: 5%;
	}
	.top_copy h2{
		font-size: 1.3rem;
	}
	.txt_lv02{
		font-size: 1.3rem;
	}
	/* サブページタイトル==================== */
	.subtitle{
		height: 450px;
	}
	.subtitle h2{
		font-size: 2.5em;
	}
	.breadcrumb-box{
		font-size: 0.9em;
		bottom: 160px;
	}
	.line02 table th,.line02 table td{
		padding-left: 0;
		padding-right: 0;
	}

	
	#mailform table th{
		padding: 1em 0 0.5em;
	}
	#mailform table td{
		padding: 0.5em 0 1em;;
	}
	


}