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

span.pc_br,
.side_nav dt a span.pc_br,
.side_nav dt.no-link a span.pc_br {
	display: block;
	/*font-size: 1.6rem;*/
}

/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
	span.pc_br,
	.side_nav dt a span.pc_br,
	.side_nav dt.no-link a span.pc_br {
		display: inline-block;
	}
	body {
		min-width: auto;
	}
	img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
		-ms-interpolation-mode: bicubic;
	}
	.inner-navi02 {
		height: auto;
	}
	.inner-navi02 li {
		background-position: 0 8px;
	}
	ul.cf li span.breadcrumb_last {
		white-space: normal!important;
	}
	.sec-inner {
		width: 90%;
		max-width: 980px;
		min-width: 300px;
		margin: 0 auto;
		clear: both;
	}

	/* 共通ページ下部お問合せエリア */
	#Contact .sec-inner {
		width: 95%;
	}
	#Contact .clear-box h4 {
		float: none;
		padding: 0;
		text-align: center;
	}
	#Contact .clear-box .btn-faq {
		float: none;
	}
	#Contact .left-box {
		width: 100%;
		margin-bottom: 20px;
	}
	#Contact .left-box dl {
		display: flex;
		justify-content: center;
		margin: 0 0 10px!important;
	}
	#Contact .left-box dt {
		padding-left: 0;
	}
	#Contact .right-box {
		width: 100%;
	}
	#Contact .right-box p.notes, #Contact .right-box p.lead {
		width: auto;
		text-align: center;
	}
	#Contact .right-box .btn-border {
		margin: 10px auto;
	}
	#Contact .right-box .btn-border, #Contact .right-box .btn-portal {
		float: none;
	}
	#Contact .right-box .btn-portal {
		margin: 10px auto;
	}
	#Contact .right-box p.lead-login {
		float: none;
		width: 210px;
		margin: 0 auto;
	}
	.right-cont {
		width: 100%;
	}
	.left-cont {
		width: 100%;
		height: auto!important;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.conversion-side > div {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.conversion-side p.btn {
		margin: 0 10px 10px;
	}
	.scroll_box {
		padding-bottom: 15px;
	}
	.scroll_box .scroll_child {
		width: 1040px;
	}
	.scroll_box.w-704px .scroll_child {
		width: 704px;
	}
}

/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	#CV h2,
	#Contact h2 {
		font-size: 2.8rem!important;
		padding-left: 0;
	}
	#CV p.btn-index a {
		padding: 20px 40px;
	}
	#Contact .clear-box {
		padding: 20px;
	}
	#Contact .clear-box h4 {
		font-size: 1.5rem;
	}
	#Contact h3 {
		margin-bottom: 10px!important;
	}
	#Contact h3 b {
		font-size: 2.1rem;
	}
	#Contact .btn-contact a, #Contact .btn-faq a {
		width: 250px;
	}
	#Contact .btn-contact a.blank, #Contact .btn-faq a.blank {
		background-position: right 15px center;
	}
	#Contact .left-box dt, #Contact .left-box dd {
		padding-left: 5px;
	}
	#Contact .left-box dd li {
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.main_copy {
		font-size: 2.0rem;
	}
	#PageTtl h1 .h1-main,
	#PageTtl h1 .h1-sub + .h1-main {
		font-size: 2.7rem;
		line-height: 1.2;
	}
	.ttl-type01 {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.ttl-type01 span {
		padding: 0 5px 10px;
	}
}