@charset "UTF-8";
/*******************************************************************/
/* PC */
/*******************************************************************/
@media all and (min-width: 769px) {
	/*<start>==========================================================*/
	article {
		padding: 121px 0 0 0;
	}
	/*=================================================================*/
	/*	secTtl */
	/*=================================================================*/
	.secTtl {
		width: 100%;
		height: 190px;
		padding: 26px 0 18px;
		box-sizing: border-box;
		background: url(../images/sec/bg_ttl.jpg) no-repeat center center;
		background-size: cover;
		text-align: center;
	}
	.secTtl span.icon {
		display: inline-block;
		margin: 0 0 6px 0;
	}
	.secTtl h2 {
		margin: 0 0 10px 0;
	}

	.mfp-bg, .mfp-wrap {
		min-width: 1262px;
		width: 100%;
	}

	article.contact section.secTtl {
		padding: 71px 0 63px;
	}
	article.contact section.secTtl h2 img {
		width: 250px;
		height: auto;
	}

	/*=================================================================*/
	/*	contact */
	/*=================================================================*/
	article.contact section.callArea {
		padding: 30px 0;
		background: url(../images/sec/bg_black.gif) repeat center top;
		color: #fff;
		text-align: center;
	}
	article.contact section.callArea dt {
		margin: 0 0 20px;
		font-size: 2.4rem;
		font-weight: bold;
	}
	article.contact section.callArea a[href^="tel"] {
		color: inherit;
		text-decoration: none;
	}
	article.contact section.callArea span.phone {
		display: inline-block;
		margin: 0 0 15px 0;
		font-size: 3.0rem;
		font-weight: bold;
		color: #f5c501;
	}
	article.contact section.callArea span.time {
		display: inline-block;
		padding: 0 7px;
		margin: 0 20px 0 0;
		border: 1px solid #777777;
	}
	_:-ms-fullscreen, :root article.contact section.callArea span.time {
		/* IE11以上 */
		padding: 3px 7px 0;
	}
	article.contact section.contactCont {
		padding: 43px 0 118px;
		text-align: center;
		background: #eee;
	}
	article.contact section.contactCont .flowBox {
		margin: 0 0 38px;
	}
	article.contact section.contactCont p img {
		margin: 0 3px;
	}
	article.contact section.contactCont p {
		margin: 0 0 20px;
		font-size: 1.4rem;
		line-height: 190%;
	}
	article.contact section.contactCont span.required {
		display: inline-block;
		padding: 10px 12px;
		background: #f45b4d;
		border-radius: 10px;
		font-size: 1.4rem;
		line-height: 0;
		color: #fff;
	}
	article.contact section.contactCont p span.required {
		margin: 0 5px 0 0;
	}
	article.contact section.contactCont div.errortxt {
		padding: 30px 75px;
		margin: 0 0 20px;
		background: #ffe5e5;
		text-align: left;
	}
	article.contact section.contactCont div.errortxt p.error {
		margin: 0;
	}
	article.contact section.contactCont p.error {
		margin: 0 0 10px;
		color: #f45b4d;
	}
	article.contact section.contactCont div.contactBox {
		padding: 9px 75px 40px;
		background: #fff;
	}
	article.contact section.contactCont table.contTbl {
		width: 100%;
		margin: 0 0 18px 0;
		text-align: left;
	}
	article.contact section.contactCont table.contTbl th, article.contact section.contactCont table.contTbl td {
		padding: 24px 20px 24px 10px;
		border-bottom: 1px solid #ccc;
	}
	article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), article.contact section.contactCont table.contTbl tr:nth-child(9) td, article.contact section.contactCont table.contTbl tr:nth-child(10) th, article.contact section.contactCont table.contTbl tr:nth-child(10) td, article.contact section.contactCont table.contTbl tr:nth-child(11) th, article.contact section.contactCont table.contTbl tr:nth-child(11) td {
		padding: 24px 20px 0 10px;
		border-bottom: 0;
	}
	article.contact section.contactCont table.contTbl th {
		width: 190px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	article.contact section.contactCont table.contTbl th span {
		margin: 0 0 0 5px;
		font-weight: normal;
	}
	article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), article.contact section.contactCont table.contTbl tr:nth-child(10) th, article.contact section.contactCont table.contTbl tr:nth-child(11) th, article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		width: 125px;
	}
	_::-webkit-full-page-media, _:future, :root article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), :root article.contact section.contactCont table.contTbl tr:nth-child(10) th, :root article.contact section.contactCont table.contTbl tr:nth-child(11) th, :root article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		/* safari */
		width: 130px;
	}
	article.contact section.contactCont table.contTbl td span.caution {
		display: inline-block;
		margin: 5px 0 0 0;
		color: #999;
	}
	article.contact section.contactCont table.contTbl td span.hyphen {
		display: inline-block;
		margin: 0 5px;
	}
	article.contact section.contactCont table.contTbl td.errorbg {
		background: #ffe5e5;
	}
	article.contact section.contactCont input, article.contact section.contactCont select, article.contact section.contactCont textarea {
		width: 100%;
		padding: 6px 14px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-size: 1.6rem;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	_:-ms-fullscreen, :root article.contact section.contactCont input, :root article.contact section.contactCont select, :root article.contact section.contactCont textarea {
		/* IE11以上 */
		padding: 7px 14px 5px;
	}
	article.contact section.contactCont input.middle, article.contact section.contactCont select.middle, article.contact section.contactCont textarea.middle {
		width: 250px;
	}
	article.contact section.contactCont input.small, article.contact section.contactCont select.small, article.contact section.contactCont textarea.small {
		width: 115px;
	}
	article.contact section.contactCont select {
		padding: 6px 0 9px 14px;
		background: #fff;
		-webkit-appearance: none;
		background: url(../images/sec/contact/icon_selectarrow.gif) no-repeat right 8px center;
	}
	_:-ms-fullscreen, :root article.contact section.contactCont select {
		/* IE11以上 */
		padding: 6px 6px 6px 14px;
	}
	@supports (-ms-ime-align: auto) {
		article.contact section.contactCont select {
			/* Edge */
			padding: 6px 6px 9px 14px;
		}
	}
	article.contact section.contactCont div.agreeBox {
		padding: 17px 20px 23px;
		margin: 0 0 30px 0;
		background: #eee;
	}
	article.contact section.contactCont div.agreeBox a {
		text-decoration: underline;
	}
	article.contact section.contactCont div.agreeBox input[type=checkbox] {
		display: none;
	}
	article.contact section.contactCont div.agreeBox .checkbox {
		position: relative;
		display: inline-block;
		padding: 0 0 0 34px;
		cursor: pointer;
		font-size: 1.6rem;
		font-weight: bold;
	}
	article.contact section.contactCont div.agreeBox .checkbox::after {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		margin: -13px 0 0 0;
		width: 22px;
		height: 22px;
		border: 2px solid #ccc;
		background: #fff;
		content: '';
		z-index: 10;
	}
	_:-ms-fullscreen, :root article.contact section.contactCont div.agreeBox .checkbox::after {
		/* IE11以上 */
		margin: -15px 0 0 0;
	}
	article.contact section.contactCont div.agreeBox .checkbox::before {
		position: absolute;
		top: 50%;
		left: 7px;
		display: block;
		margin: -16px 0 0 0;
		width: 11px;
		height: 20px;
		border-right: 3px solid #000;
		border-bottom: 3px solid #000;
		content: '';
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 11;
	}
	_:-ms-fullscreen, :root article.contact section.contactCont div.agreeBox .checkbox::before {
		/* IE11以上 */
		margin: -18px 0 0 0;
	}
	article.contact section.contactCont div.agreeBox input[type=checkbox]:checked + .checkbox:before {
		opacity: 1;
	}
	article.contact section.contactCont input[type=image] {
		width: 283px;
		padding: 0;
		margin: 0 0 40px;
		border: 0;
		border-radius: 0;
	}
	article.contact section.contactCont input[type=image]:hover {
		opacity: 0.7;
	}
	article.contact section.contactCont dl.security {
		display: table;
		width: 500px;
		margin: 0 auto;
	}
	article.contact section.contactCont dl.security dt {
		display: table-cell;
		width: 116px;
	}
	article.contact section.contactCont dl.security dd {
		display: table-cell;
		padding: 0 0 0 10px;
	}
	/*	confirm
------------------------------------------------------------------*/
	article.confirm section.contactCont p {
		margin: 0 0 37px;
	}
	article.confirm section.contactCont table.contTbl {
		margin: 0 0 60px;
	}
	article.confirm section.contactCont table.contTbl td {
		font-size: 1.6rem;
		line-height: 180%;
	}
	article.confirm section.contactCont table.contTbl tr:last-child td {
		padding: 24px 20px 24px 10px !important;
		border-bottom: 1px solid #ccc !important;
	}
	article.confirm section.contactCont a {
		display: inline-block;
		width: 183px;
		height: 53px;
		margin: 0 60px 30px 0;
		vertical-align: middle;
	}
	article.confirm section.contactCont input[type=image] {
		margin: 0 0 30px;
		vertical-align: middle;
	}
	/*	finish
------------------------------------------------------------------*/
	article.finish section.contactCont {
		padding: 43px 0 40px;
	}
	article.finish section.contactCont h3 {
		margin: 0 0 30px;
		font-size: 2.0rem;
	}
	article.finish section.callArea {
		padding: 0 0 120px;
		background: #eee;
	}
	article.finish section.callArea dl {
		padding: 30px 0;
		background: url(../images/sec/bg_black.gif) repeat center top;
	}
	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer .lineCover {
		padding: 0;
	}
	footer ul.btn1Clm {
		text-align: center;
	}
	footer ul.btn1Clm li {
		float: none;
		display: inline-block;
	}
	/*<end>============================================================*/
}

/*=================================================================*/
/*	animation IE */
/*=================================================================*/
article.supportSearch ul.articleList li {
	-webkit-animation: fadein 0.2s linear 0s 1;
	animation: fadein 0.2s linear 0s 1;
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*******************************************************************/
/* PC02(1281px～1920pxリキッド) */
/*******************************************************************/
@media print, screen and (min-width: 1367px) and (max-width: 1920px) {
	/*<start>==========================================================*/
	article {
		padding: 115px 0 0 0!important;
	}
	/*=================================================================*/
	/*	secTtl */
	/*=================================================================*/
	.secTtl {
		height: 240px;
		padding: 35px 0 25px;
	}
	article.contact section.secTtl {
		padding: 95px 0 85px;
	}
	article.contact section.secTtl h2 img { width: auto; }

	/*=================================================================*/
	/*	contact */
	/*=================================================================*/
	article.contact section.contactCont div.errortxt {
		padding: 30px 100px;
	}
	article.contact section.contactCont p {
		font-size: 1.6rem;
	}

	article.contact section.contactCont div.contactBox {
		padding: 9px 100px 40px;
	}
	article.contact section.contactCont table.contTbl th {
		width: 260px;
		font-size: 1.8rem;
	}
	article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), article.contact section.contactCont table.contTbl tr:nth-child(10) th, article.contact section.contactCont table.contTbl tr:nth-child(11) th, article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		width: 150px;
	}
	_::-webkit-full-page-media, _:future, :root article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), :root article.contact section.contactCont table.contTbl tr:nth-child(10) th, :root article.contact section.contactCont table.contTbl tr:nth-child(11) th, :root article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		/* safari */
		width: 160px;
	}
	article.contact section.contactCont input.middle, article.contact section.contactCont select.middle, article.contact section.contactCont textarea.middle {
		width: 250px;
	}
	article.contact section.contactCont input.small, article.contact section.contactCont select.small, article.contact section.contactCont textarea.small {
		width: 150px;
	}
	/*<end>============================================================*/
}

/*******************************************************************/
/* PC03(1920px~固定) */
/*******************************************************************/
@media print, screen and (min-width: 1921px) {
	/*<start>==========================================================*/
	article {
		padding: 129px 0 0 0!important;
	}
	/*=================================================================*/
	/*	secTtl */
	/*=================================================================*/
	.secTtl {
		height: 240px;
		padding: 35px 0 25px;
	}

	article.contact section.secTtl {
		padding: 95px 0 85px;
	}
	article.contact section.secTtl h2 img { width: auto; }
	/*=================================================================*/
	/*	contact */
	/*=================================================================*/
	article.contact section.contactCont div.errortxt {
		padding: 30px 100px;
	}
	article.contact section.contactCont p {
		font-size: 1.6rem;
	}

	article.contact section.contactCont div.contactBox {
		padding: 9px 100px 40px;
	}
	article.contact section.contactCont table.contTbl th {
		width: 260px;
		font-size: 1.8rem;
	}
	article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), article.contact section.contactCont table.contTbl tr:nth-child(10) th, article.contact section.contactCont table.contTbl tr:nth-child(11) th, article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		width: 150px;
	}
	_::-webkit-full-page-media, _:future, :root article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), :root article.contact section.contactCont table.contTbl tr:nth-child(10) th, :root article.contact section.contactCont table.contTbl tr:nth-child(11) th, :root article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		/* safari */
		width: 160px;
	}
	article.contact section.contactCont input.middle, article.contact section.contactCont select.middle, article.contact section.contactCont textarea.middle {
		width: 250px;
	}
	article.contact section.contactCont input.small, article.contact section.contactCont select.small, article.contact section.contactCont textarea.small {
		width: 150px;
	}
	/*<end>============================================================*/
}

/*******************************************************************/
/* SP */
/*******************************************************************/
@media screen and (max-width: 768px) {
	/*<start>==========================================================*/
	/*=================================================================*/
	/*	secTtl */
	/*=================================================================*/
	.secTtl {
		width: 100%;
		padding: 4.8% 0 7.73%;
		box-sizing: border-box;
		background: url(../images/sec/sp/bg_ttl.jpg) no-repeat center center;
		background-size: cover;
		text-align: center;
	}
	.secTtl span.icon {
		display: inline-block;
		width: 11.73%;
		margin: 0 0 0.4% 0;
	}
	.secTtl h2 {
		width: 63.6%;
		margin: 0 auto 1.33% auto;
	}
	.secTtl span.ttlSub {
		display: inline-block;
		width: 88%;
	}
	article.contact section.secTtl {
		padding: 15.33% 0 15.2%;
	}
	article.contact section.secTtl h2 {
		width: 52.4%;
		margin: 0 auto;
	}
	/*=================================================================*/
	/*	contact */
	/*=================================================================*/
	article.contact section.callArea {
		padding: 5.6% 2.67% 3.73%;
		background: url(../images/sec/sp/bg_black.gif) repeat center top;
		background-size: 8%;
		color: #fff;
		text-align: center;
	}
	article.contact section.callArea dt {
		margin: 0 0 1.86%;
		font-size: 1.8rem;
		font-weight: bold;
	}
	article.contact section.callArea a[href^="tel"] {
		color: inherit;
		text-decoration: none;
	}
	article.contact section.callArea dd {
		font-size: 1.4rem;
		letter-spacing: -1px;
	}
	article.contact section.callArea span.phone {
		display: block;
		margin: 0 0 1.4% 0;
		font-size: 2.0rem;
		font-weight: bold;
		color: #f5c501;
		letter-spacing: 0;
	}
	article.contact section.callArea span.time {
		display: inline-block;
		padding: 0 7px;
		margin: 0 3.8% 0 0;
		border: 1px solid #777777;
	}
	article.contact section.contactCont {
		padding: 8% 0 15.7%;
		text-align: center;
		background: #eee;
	}
	article.contact section.contactCont .flowBox {
		width: 76.19%;
		margin: 0 auto 7.6%;
	}
	article.contact section.contactCont p {
		padding: 0 3.8%;
		margin: 0 0 5.46%;
		font-size: 1.6rem;
		line-height: 160%;
	}
	article.contact section.contactCont p img {
		width: 47.32%;
		margin: 0 3px;
	}
	article.contact section.contactCont span.required {
		display: inline-block;
		padding: 10px 12px;
		background: #f45b4d;
		border-radius: 10px;
		font-size: 1.4rem;
		line-height: 0;
		color: #fff;
	}
	article.contact section.contactCont p span.required {
		margin: 0 5px 0 0;
	}
	article.contact section.contactCont div.errortxt {
		padding: 7.06% 2.81%;
		margin: 0 0 20px;
		background: #ffe5e5;
		text-align: left;
	}
	article.contact section.contactCont div.errortxt p.error {
		padding: 0;
		margin: 0;
	}
	article.contact section.contactCont p.error {
		padding: 10px  3.8% 0  3.8%;
		margin: 0 0 10px;
		color: #f45b4d;
	}
	article.contact section.contactCont div.contactBox {
		padding: 0 2.81% 7.06%;
		background: #fff;
	}
	article.contact section.contactCont table.contTbl {
		width: 100%;
		margin: 0 0 18px 0;
		text-align: left;
	}
	article.contact section.contactCont table.contTbl th, article.contact section.contactCont table.contTbl td {
		display: block;
	}
	article.contact section.contactCont table.contTbl tr:nth-child(9) td, article.contact section.contactCont table.contTbl tr:nth-child(10) td, article.contact section.contactCont table.contTbl tr:nth-child(11) td {
		padding: 0 0 2%;
		border-bottom: 0;
	}
	article.contact section.contactCont table.contTbl th {
		padding: 4.93% 0 2.26%;
		font-size: 1.8rem;
		font-weight: bold;
	}
	article.contact section.contactCont table.contTbl th span {
		margin: 0 0 0 5px;
		font-weight: normal;
	}
	article.contact section.contactCont table.contTbl tr:nth-child(9) th:nth-child(2), article.contact section.contactCont table.contTbl tr:nth-child(10) th, article.contact section.contactCont table.contTbl tr:nth-child(11) th, article.contact section.contactCont table.contTbl tr:nth-child(12) th {
		padding: 3% 0 2.26%;
	}
	article.contact section.contactCont table.contTbl td {
		border-bottom: 1px solid #ccc;
		padding: 0 0 5.06%;
	}
	article.contact section.contactCont table.contTbl td span.caution {
		display: inline-block;
		margin: 5px 0 0 0;
		color: #999;
	}
	article.contact section.contactCont table.contTbl td span.hyphen {
		display: inline-block;
		margin: 0 0.94%;
	}
	article.contact section.contactCont table.contTbl td.errorbg {
		background: #ffe5e5;
	}
	article.contact section.contactCont input, article.contact section.contactCont select, article.contact section.contactCont textarea {
		width: 100%;
		padding: 6px 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-size: 1.6rem;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	article.contact section.contactCont input.middle, article.contact section.contactCont select.middle, article.contact section.contactCont textarea.middle {
		width: 74.62%;
	}
	article.contact section.contactCont input.small, article.contact section.contactCont select.small, article.contact section.contactCont textarea.small {
		width: 26%;
	}
	article.contact section.contactCont select {
		padding: 6px 0 9px 14px;
		background: #fff;
		-webkit-appearance: none;
		background: url(../images/sec/sp/contact/icon_selectarrow.gif) no-repeat right 20px center;
		background-size: 3%;
	}
	article.contact section.contactCont div.agreeBox {
		padding: 4% 2.81% 4.93%;
		margin: 0 0 9.33% 0;
		background: #eee;
	}
	article.contact section.contactCont div.agreeBox p {
		padding: 0;
		margin: 0 0 3.6%;
	}
	article.contact section.contactCont div.agreeBox a {
		text-decoration: underline;
	}
	article.contact section.contactCont div.agreeBox input[type=checkbox] {
		display: none;
	}
	article.contact section.contactCont div.agreeBox .checkbox {
		position: relative;
		display: inline-block;
		padding: 0 0 0 34px;
		cursor: pointer;
		font-size: 1.6rem;
		font-weight: bold;
	}
	article.contact section.contactCont div.agreeBox .checkbox::after {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		margin: -13px 0 0 0;
		width: 22px;
		height: 22px;
		border: 2px solid #ccc;
		background: #fff;
		content: '';
		z-index: 10;
	}
	_:-ms-fullscreen, :root article.contact section.contactCont div.agreeBox .checkbox::after {
		/* IE11以上 */
		margin: -15px 0 0 0;
	}
	article.contact section.contactCont div.agreeBox .checkbox::before {
		position: absolute;
		top: 50%;
		left: 7px;
		display: block;
		margin: -16px 0 0 0;
		width: 11px;
		height: 20px;
		border-right: 3px solid #000;
		border-bottom: 3px solid #000;
		content: '';
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 11;
	}
	_:-ms-fullscreen, :root article.contact section.contactCont div.agreeBox .checkbox::before {
		/* IE11以上 */
		margin: -18px 0 0 0;
	}
	article.contact section.contactCont div.agreeBox input[type=checkbox]:checked + .checkbox:before {
		opacity: 1;
	}
	article.contact section.contactCont input[type=image] {
		width: 83.58%;
		padding: 0;
		margin: 0 0 9.73%;
		border: 0;
		border-radius: 0;
	}
	article.contact section.contactCont input[type=image]:hover {
		opacity: 0.7;
	}
	article.contact section.contactCont dl.security dt {
		width: 34.32%;
		margin: 0 auto 2.66%;
	}
	/*	confirm
------------------------------------------------------------------*/
	article.confirm section.contactCont table.contTbl {
		margin: 0 0 30px;
	}
	article.confirm section.contactCont a {
		display: inline-block;
		width: 54.06%;
		margin: 0 auto 5%;
	}
	/*	finish
------------------------------------------------------------------*/
	article.finish section.contactCont {
		padding: 8% 0 5%;
	}
	article.finish section.contactCont h3 {
		margin: 0 0 5%;
		font-size: 2.0rem;
	}
	article.finish section.callArea {
		padding: 0 0 20%;
		background: #eee;
	}
	article.finish section.callArea dl {
		padding: 5.6% 2.67% 3.73%;
		background: url(../images/sec/sp/bg_black.gif) repeat center top;
		background-size: 8%;
	}
	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer {
		position: relative;
	}
	footer a.totop {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 24%;
		margin: auto;
	}
	footer div.cf p.copy {
		text-align: right;
		padding: 6.933% 2.67% 4.4%;
	}
	footer ul.btn1Clm {
		text-align: center;
	}
	footer ul.btn1Clm li {
		float: none;
		display: inline-block;
	}
	/*<end>============================================================*/
}