@charset "UTF-8";

.l-contents {
    padding-bottom: 0;
}

/*-------------------------------------------------------------------------
順番
-------------------------------------------------------------------------*/

.flow {
	background-color: #fff;
	padding: 0 0 10px;
	margin: -18px 0 0;
}
	/* flow */
	.flow-list {
		text-align: center;
		font-size: 0;/* 隙間対策 */
		margin: 0 0 30px;
	}
		.flow-list li {
			display: inline-block;
			font-size: 15px;
			color: #fff;
			padding: 0 30px;
			position: relative;
			height: 39px;
			line-height: 39px;
			background-color: #d1d6dd;
		}
		.flow-list .is-active {
			background-color: #0579c3;
			z-index: 10;
		}
        .flow-list li:not(:last-child).is-active:after,
        .flow-list li:not(:first-child).is-active:before {
			position: absolute;
			top     : 0;
        }
        .flow-list li:not(:last-child).is-active:after {
            content: url("/contractDownload/ip/images/bg_flow_arw_after.png");
			right   : 0;
		}
		.flow-list li:not(:first-child).is-active:before {
			content: url("/contractDownload/ip/images/bg_flow_arw_before.png");
			left    : 0;
		}
	/* テキスト */
	.flow__text {
		font-size: 16px;
	}
		.flow__text span {
			color: #f61530;
			font-weight: bold;
		}
	.flow__tel {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 11px;
	}
		.flow__tel span {
			font-size: 20px;
			font-weight: inherit;
		}
	.flow__attention {
		font-size: 16px;
		color: #f61530;
	}
		.flow__attention__strong {
			font-size: 24px;
			font-weight: bold;
		}
		.flow__attention__line {
			text-decoration: underline;
		}

/*-------------------------------------------------------------------------
フォーム
-------------------------------------------------------------------------*/

/* レイアウト */
.form-first {
	margin: 0 0 28px;
	padding: 25px 0 0;
}
.form-wrap {
	background-color: #e7edf6;
	border-radius: 5px;
	padding: 20px;
	margin: 0 0 20px;
}
.form-wrap:last-of-type {
	margin: 0 0 35px;
}
    /* dl */
.formList {
	overflow: hidden;
	height: 37px;
	line-height: 37px;
	margin: 0 0 14px;
	filter:alpha(opacity=50);
	transition: 0.1s ease-in-out;
}
	.form-wrap .formList {
        opacity: .5;
	}
.formList:last-of-type {
	margin: 0;
}
.form-wrap.is-active .formList {
	opacity: 1;
	filter:alpha(opacity=100);
}
	.formList dt {
		float: left;
		font-size  : 15px;
		font-weight: bold;
		width: 149px;
		position: relative;
		padding: 0 0 0 9px;
		border-left: 1px solid #015db2;
	}
	.formList__required:before {
		content: "必須";
		display: block;
		width: 40px;
	    height: 16px;
	    padding: 3px 0 3px;
		text-align: center;
		background-color: #ee2663;
		border-radius: 2px;
		font-size  : 13px;
		font-weight: normal;
		color      : #fff;
		position: absolute;
		top     : 8px;
		left    : 90px;
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	    line-height:15px;
	    font-family:Arial, Helvetica,  "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
	}
	.formList dd {
		margin: 0 0 0 149px;
	}
/* 見出し */
.form-wrap__headline {
	margin: 0 0 16px;
}
/* ボタン */
.downloadBtn {
	text-align: center;
	padding: 0 0 43px;
}
	.downloadBtn button {
		width: 304px;
		height: 64px;
		border: none;
		transition: 0.2s ease-in-out;
		cursor: pointer;
        display: inline;
	}

/*-------------------------------------------------------------------------
確認テーブル
-------------------------------------------------------------------------*/

/* テーブル */
.confirmTable {
	width: 100%;
    margin-bottom: 24px;
    border-collapse: separate;
}
.confirmTable:first-of-type{
    margin-top: 24px;
}
    .confirmTable tr {
        border: none;
    }
    .confirmTable th,
    .confirmTable td{
        border-bottom: 1px solid #adb7c1;
    }
    .confirmTable tr:last-child>th,
    .confirmTable tr:last-child>td{
        border-bottom: none;
}
	.confirmTable th {
		width: 180px;
		position: relative;
	}
		.confirmTable .required:before {
			content: "必須";
			display: block;
			width: 40px;
			height: 19px;
			line-height: 19px;
			text-align: center;
			background-color: #ee2663;
			border-radius: 2px;
			font-size: 13px;
			font-weight: normal;
			color: #fff;
			position: absolute;
			top     : 50%;
			right   : 5px;
			margin  : -9px 0 0;
		}
    .confirmTable td {
        padding: 5px 10px;
        vertical-align: middle;
    }
    .confirmTable td,
    .confirmTable td * {
        font-family:Arial, Helvetica,  "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
    }
    .confirmTable .ui-btn{
        font-size:13px;
        font-weight: bold;
        cursor: pointer;
        min-width: 80px;
        padding:2px 8px;
        border: 1px solid;
        color: #058bc3;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0,0,0,.15);
        margin-left: 3px;
        display: inline-block;
		height: 26px;
    }
    .confirmTable .ui-btn:hover{
        box-shadow: 0 1px 5px rgba(0,0,0,.3);
    }
    .confirmTable .ui-btn.search:before{
         content: url(/contractDownload/ip/images/search.svg);
         display: inline-block;
         width: 17px;
         height: 17px;
         margin: 0 3px 0 0;
         vertical-align: -4px;
    }
    .confirmTable .ui-btn.clear:before{
        content: url(/contractDownload/ip/images/batsu.svg);
        display: inline-block;
        width: 17px;
        height: 17px;
        margin: 0 3px 0 0;
        vertical-align: -4px;
        opacity:.8;
    }
    .confirmTable .ui-btn.use-text:before{
         content: url(/contractDownload/ip/images/hint.svg);
         display: inline-block;
         width: 19px;
         height: 19px;
         margin: 0 3px 0 0;
         vertical-align: -5px;
    }
    .confirmTable .ui-btn.use-text{
        margin:3px 0 0 0;
	}
	.confirmTable .confirmTable__link
	{
		font-weight     : bold;
		color           : #2f9ade;
		text-decoration : underline;
		display         : inline-block;
    }
	.confirmTable .confirmTable__link:before
	{
		content        : url("/contractDownload/ip/images/icn_file_dl_pdf.svg");
		display        : inline-block;
		width          : 19px;
		height         : 19px;
		margin         : 0 5px 0 0;
		vertical-align : -5px;
	}
	.confirmTable .confirmTable__link:hover
	{
		border: none;
		color: #015db2;
		text-decoration: none;
	}

/* 見出し */
.form__headline {
    margin: 0 0 7px;
    border-left: 1px solid #015db2;
    padding: 10px 0 10px 10px;
    font-size  : 15px;
    font-weight: bold;
}
    .form__headline span {
        font-size  : 13px;
        font-weight: bold;
        color: #ee2663;
    }
    .form__headline span:first-child {
        margin: 0 0 0 14px;
    }
    .form__headline__link {
        font-size: 13px;
        font-weight: bold;
        color    : #2f9ade;
        text-decoration: underline;
        margin: 0 4px 0 0;
        display: inline-block;
    }
    .form__headline__link:after{
        content: url("/contractDownload/ip/images/icn_file_dl_pdf.svg");
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: 0 0 0 3px;
        vertical-align: -6px;
    }
    .form__headline__link_iconless {
        font-size: 13px;
        font-weight: bold;
        color    : #2f9ade;
        text-decoration: underline;
        margin: 0 0 0 0;
        display: inline-block;
    }

/* 間隔 */
.mg-b10 { margin-bottom: 10px;}
.mg-b5  { margin-bottom: 5px;}
.mg-r5  { margin-right: 5px;}
.mg-r10 { margin-right: 10px;}
.mg-r15 { margin-right: 15px;}
.mg-r35 { margin-right: 35px;}
.mg-l5  { margin-left: 5px;}

/* 寄せ */
.align-c { text-align: center;}
.align-r {
    text-align: right;
    padding-right: 10px;
}
/* font */
.bold { font-weight: bold;}

/* テキスト */
.form__text {
    vertical-align: -2px;
    margin-left: 5px;
}
.form__attention {
    color: #ee2663;
    font-size: 14px;
}
.form__return {
    padding: 0 0 0 14px;
	display: inline-block;
    background: url("/contractDownload/ip/images/arw_return.svg") no-repeat 0 2px;
    -webkit-background-size: 13px auto;
            background-size: 13px auto;
	text-decoration: underline;
	font-size: 13px;
	color    : #118cda;
}
/* 住所 */
.addText {
    font-size: 16px;
    margin: 0 5px 0 0;
}
.addBox {
    padding: 0 0 0 21px;
}

/*-------------------------------------------------------------------------
ダウンロード
-------------------------------------------------------------------------*/

.download {
    text-align: center;
    background-color: #fff;
    padding: 20px 0 0;
}
    .download__text {
        font-size: 16px;
        margin: 0 0 34px;
    }
    .download-btn {
        width: 320px;
        margin: 0 auto 20px;
    }
        .download-btn__item a {
            width: 320px;
            height: 74px;
        }
    .download-attention {
        text-align: left;
        margin: 0 0 38px 98px;
    }
        .download-attention dt {
            font-size  : 24px;
            font-weight: bold;
            float: left;
            height: 41px;
        }
        .download-attention dt:before {
            content: url("/contractDownload/ip/images/icn_warning.svg");
            display: inline-block;
            width: 47px;
            margin: 0 7px 0 0;
            vertical-align: -9px;
        }
        .download-attention dd {
            margin: 0 0 0 149px;
            font-size  : 16px;
            font-weight: bold;
            color      : #f61530;
        }
    .download-footer {
        border       : 2px solid #01a8b2;
        border-radius: 2px;
        padding: 28px 2% 18px;
    }
        .download-footer__text {
            text-align: center;
            font-size: 16px;
            margin: 0 0 10px;
        }
            .download-footer__text span {
                color: #f61530;
            	font-weight: bold;
			}
        .download-footer__tel {
            text-align : center;
            font-size  : 18px;
        	font-weight: bold;
		}
            .download-footer__tel span {
                font-size  : 20px;
            	font-weight: inherit;
				vertical-align: -2px;
			}
    .download__link {
        font-size       : 20px;
        font-weight     : bold;
        color           : #2f9ade;
        text-decoration : underline;
        margin          : 0 10px 10px 10px;
        display         : inline-block;
    }
	    .download__link:before {
	        content        : url("/contractDownload/ip/images/icn_file_dl_pdf.svg");
		    display        : inline-block;
		    width          : 22px;
		    height         : 22px;
	        margin         : 0 0 0 0;
		    vertical-align : -5px;
	    }
@media screen and (max-width: 767px){
    .download-attention {
        margin-left: 0;
        text-align: center;
    }
    .download-attention dt {
        float: none;
        margin: 0 0 10px;
    }
    .download-attention dd {
        margin: 0 0 5px;
    }
    .download__link {
        margin  : 0 0 10px 0;
        display : block;
    }
}
@media screen and (max-width: 391px){
    .download-btn {
        width: 100%;
    }
    .download-btn__img img {
        width: 80%;
    }
    .download-btn__item a {
        width: 400px;
    }
    .download-btn__item img {
        width: 80%;
    }
}

/*-------------------------------------------------------------------------
フォーム：部品
-------------------------------------------------------------------------*/

/* text */
input[type="text"],
select{
	height: 31px;
	border: 1px solid #adb7c1;
	border-radius: 3px;
	box-shadow: 0 3px 0 #f0f2f5 inset;
	box-sizing: border-box;
	text-indent: .5em;
	font-size: 16px;
}
input[type="text"]:disabled {
    background-color: #e8eaee;
    box-shadow: 0 3px 0 #e1e5e9 inset;
    border: 1px solid #d6dbe0;
}
/* text placeholder */
input[type="text"]::-webkit-input-placeholder { color: #9b9b9b;}
input[type="text"]::-moz-input-placeholder    { color: #9b9b9b;}
input[type="text"]:-ms-input-placeholder      { color: #9b9b9b;}
input[type="text"]:placeholder-shown          { color: #9b9b9b;}

/* text 詳細 */
input[type="text"].long  { width: 413px;}
input[type="text"].middle { width: 341px;}
input[type="text"].short { width: 223px;}
input[type="text"].sshort { width: 93px;}
input[type="text"].bankFirst  { width: 51px;}
input[type="text"].bankSecond { width: 241px;}
input[type="text"].name { width: 291px;}
input[type="text"].tel  { width: 151px;}
input[type="text"].add1 { width: 121px;}
input[type="text"].add2 { width: 471px;}
input[type="text"].yellow { background-color: #ffffd7;}

/* textarea */
textarea
{
	border			: 1px solid #adb7c1;
	border-radius	: 3px;
	box-shadow		: 0 3px 0 #f0f2f5 inset;
	box-sizing		: border-box;
	font-size		: 16px;
}
textarea:disabled
{
    background-color: #e8eaee;
    box-shadow: 0 3px 0 #e1e5e9 inset;
    border: 1px solid #d6dbe0;
}

/* radio */
.form-radio-l input[type="radio"]{
	opacity: 0;
	position: absolute;
}
.form-radio-l label{
	background: url("/contractDownload/ip/images/bg_radio_btn.png") no-repeat 0 0;
	padding: 0 0 0 33px;
	height: 27px;
	line-height: 27px;
	display: inline-block;
	font-size  : 15px;
	font-weight: bold;
	cursor: pointer;
}
.form-radio-l input[type="radio"]:checked + label {
	background-position: 0 bottom;
}
/* リスト風RADIO */
.form-radio-list {
	overflow: hidden;
	border: 1px solid #adb7c1;
	border-radius: 3px;
	float: left;
}
	.form-radio-list li {
		float: left;
		border-right: 1px solid #adb7c1;
	}
	.form-radio-list li:last-child {
		border: none;
	}
		.form-radio-list input {
			position: absolute;
			opacity: 0;
			filter:alpha(opacity=0);
		}
		.form-radio-list label {
			display: block;
			padding: 0 12px;
            height: 29px;
            line-height: 31px;
			font-size  : 16px;
			font-weight: bold;
			color      : #7d8d9c;
			cursor: pointer;
			background-color: #f5faff;
			box-shadow: 0 -3px 0 #e6edf5 inset;
			box-sizing: border-box;
			min-width: 92px;
			text-align: center;
		}
		.form-radio-list input:checked + label {
			background-color: #058bc3;
			box-shadow: 0 3px 0 #047bb1 inset;
			color: #fff;
		}
/* checkbox */
.ui-checkbox {
    position: absolute;
    opacity: 0;
    filter:alpha(opacity=0);
}
.ui-checkboxLabel {
    height: 25px;
    line-height: 26px;
    padding: 0 0 0 1px;
/*
    padding: 0 0 0 28px;
    background: url("/contractDownload/ip/images/bg_checkbox.png") no-repeat 0 0;
*/
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
	font-size: 16px;
}
.ui-checkboxLabel:hover{
   text-decoration: none;
}
.ui-checkbox:checked + .ui-checkboxLabel {
    background-position: 0 bottom;
}
/* selectbox */
select.year  { width: 81px;}
select.month { width: 61px;}
select:disabled  {
    background-color: #e8eaee;
    opacity: .6;
    filter:alpha(opacity=60);
}

/*-------------------------------------------------------------------------
メディアクエリ
-------------------------------------------------------------------------*/

@media screen and (max-width: 767px){
	.formList {
		height: auto;
		line-height: normal;
	}
		.formList dt {
			float: none;
			margin: 0 0 5px;
		}
			.formList__required:before {
				top: 1px;
			}
		.formList dd {
			margin: 0;
		}
			.formList input[type="text"]{
				width: 100%;
			}
}
@media screen and (max-width: 500px){
	.flow-list li {
		font-size: 3.4vw;
		padding: 0 3.5%;
	}
	.flow-list li:not(:last-child).is-active:after {
		right: -5%;
	}
}

/*-------------------------------------------------------------------------
 BANNER
-------------------------------------------------------------------------*/
.banner {
    text-align      : center;
    padding         :10px 0 0 0;
}
@media screen and (max-width: 1024px) {
        .banner img {
            width: 100%;
        }
}
.bannerBlock
{
    display		: block;
    text-align	: center;
    font-size	: 0;
}
.bannerInnerLeft
{
	display		: inline-block;
	margin		: 0 20px 0 0;
}
.bannerInnerRight
{
	display		: inline-block;
}
@media screen and (max-width: 1024px)
{
	.banner img
	{
		width			: 100%;
	}
	.bannerInnerLeft
	{
		width       	: 49%;
		margin      	: 0 2% 0 0;
	}
	.bannerInnerRight
	{
		width       	: 49%;
	}
}
@media screen and (max-width: 767px)
{
	.bannerInnerLeft
	{
		width		: 100%;
		margin		: 0;
	}
	.bannerInnerRight
	{
		width       : 100%;
	}
}