@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;
	}
	.sec-inner {
		width: 90%;
		max-width: 980px;
		min-width: 300px;
		margin: 0 auto;
		clear: both;
	}
	#Content {
		display: block;
	}
	#PageTtl {
		height: auto;
	}
	#PageTtl h1 {
		position: static;
		padding: 20px 0;
	}
	#PageTtl .h1-sub {
		display: block;
	}
	#PageTtl h1 .h1-main,
	#PageTtl h1 .h1-sub + .h1-main {
		font-size: 2.7rem;
		line-height: 1.2;
	}
	.of-h {
		display: block;
	}
	.guide-contents p {
		word-break: normal;
	}
	.guide-steps {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.guide-steps.step3 p {
		width: 31%;
		margin: 1% 1% 5px;;
	}
	.guide-steps.step3 p:nth-of-type(4) {
		width: 100%;
	}
	.guide-steps.step3 i {
		display: none;
	}
	.guide-steps p a,
	.guide-steps p a.active, .guide-steps p a:hover {
		background: none;
	}
	.list-btn-half02 li {
		width: 49%;
		margin-right: 1%;
	}
	dl.purpose {
		width: 49%;
		margin-right: 1%;
	}
	.link-tile {
		display: flex;
	}
	.link-tile li {
		width: 33%;
	}
	.link-tile li a {
		font-size: 1.2rem;
	}
	/* 共通ページ下部お問合せエリア */
	#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%;
		padding-left: 0;
	}
	.left-cont {
		width: 100%;
		height: auto!important;
		margin-bottom: 20px;
		padding: 20px;
		box-sizing: border-box;
	}
	.conversion-side > div {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.conversion-side p.btn {
		margin: 0 10px 10px;
	}
	.scroll_box {
		padding-bottom: 15px;
		clear: both;
	}
	.scroll_box .scroll_child {
		width: 1040px;
	}
	.scroll_box.w-750px .scroll_child {
		width: 750px;
	}
	.right-cont .news-contents {
		width: 100%;
	}
	.list-rss .txt {
		font-size: 2rem;
	}
}

/*----------------------------------------------------------------------------------------------------
	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;
	}
	.ttl-type01 {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.ttl-type01 span {
		padding: 0 15px 10px;
	}
	.link-area li {
		width: 100%;
		float: none;
	}
	.link-area li:nth-of-type(2n) {
		margin-left: 0;
	}
	h2.guide-heading, .detail-content-sup h2 {
		font-size: 2.2rem;
	}
	.step-heading {
		font-size: 2.0rem;
		line-height: 2;
	}
	.img-guide {
		width: 99%;
	}
	h3, .detail-content-sup h3 {
		font-size: 1.8rem;
	}
	.list-cate-arw li {
		width: 100%;
	}
	.list-btn-half02 li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.spec {
		margin-bottom: 5px!important;
	}
	.spec ul>span {
		float: none;
		text-align: center;
		border: none;
		margin: 0;
	}
	.transition {
		display: block;
		padding: 20px;
	}
	.transition div {
		width: 100%;
		border: none;
	}
	.transition .transition-title {
		padding-top: 10px;
	}
	.transition div + div {
		width: 100%;
		padding: 0;
		margin-top: 15px;
	}
	dl.purpose {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.guide-steps a span.step-text {
		font-size: 1.2rem;
	}
	.cate-news .block-left {
		float: none;
		margin: 0px auto 5px;
	}
	.cate-news label.btn-block02.active,
	label.btn-block02:hover,
	.cate-news .btn-block02,
	.cate-news .block-left + .block-left + .block-left .btn-block02 {
		width: 100%!important;
		box-sizing: border-box;
	}
	.list-rss .date {
		display: block;
	}
	.zc-widget-container.zc-normal {
		max-height: 300px!important;
	}
}