@charset "UTF-8";

/**==============================================**/
/*
/*			共通設定
/*
/**==============================================**/

/* table */
.bg table {
	background: #fff;
}
table {
	border-top: 1px solid #b4b4b5;
	border-right: 1px solid #b4b4b5;
	border-left: 1px solid #b4b4b5;
	text-align: center;
	width: 100%;
}
table tr {
	border-bottom: 1px solid #b4b4b5;
}
table tr td {
	border-left: 1px solid #b4b4b5;
}


/* 共通 */
.att-list,
.fl-list,
.sec-07 dl,
.sec-08 .txt-wrap {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.att-list,
.fl-list {
	margin-right: auto;
	margin-left: auto;
}
.ind-list > * {
	text-indent: -1em;
	padding-left: 1em;
}



/* sec-08 */
.sec-08 .img-wrap img {
	display: block;
	width: 100%;
	height: auto;
}



/**==============================================**/
/*
/*			SP
/*
/**==============================================**/

@media screen and (max-width:639px) {

	.sub-page .main-headd {
		padding: 5% 0;
	}
	.fl-list li,
	.fl-list li > *,
	.att-list li {
		/*		line-height: 1.74;*/
		line-height: 1.64;
		margin-bottom: 3%;
	}
	.att-list {
		width: 96%;
	}
	.att-list li {
		text-indent: -1em;
		padding-left: 1em;
	}



	.table-wrap {
		overflow-x: scroll;
	}
	.table-wrap:before {
		content: "スクロールできます →";
		display: block;
		margin: 3% 0;
	}
	.table-wrap table {
		width: 190vw;
		max-width: 560px;
	}




	/* sec-01 */
	.sec-01 {
		padding-bottom: 15%;
	}
	.sec-01 p {
		margin-bottom: 8%;
		line-height: 1.7;
	}
	.sec-01 img {
		width: 90%;
	}



	/* sec-02 */
	.sec-02 {
		padding: 10% 0 15%;
	}
	.sec-02 table {
		font-size: 1.7rem;
		margin-bottom: 8%;
	}
	.sec-02 table td {
		width: 367px;
		height: 3em;
		letter-spacing: .1em;
		text-indent: .1em;
	}



	/* sec-03 */
	.sec-03 {
		padding: 10% 0 15%;
	}
	.sec-03 table {
		font-size: 1.7rem;
		margin-bottom: 8%;
	}
	.sec-03 table td {
		width: 367px;
		height: 2.8em;
		letter-spacing: .1em;
		text-indent: .1em;
	}



	/* sec-04 */
	.sec-04 {
		padding: 10% 0 15%;
	}
	.sec-04 .headd-wrap h2 {}
	.sec-04 .sec-inner {
	}
	.sec-04 p {
		margin-bottom: 8%;
		line-height: 1.7;
	}
	.sec-04 img {
		margin: 44px auto;
	}
	.fl-list.three ul {
		margin-bottom: 1em;
	}



	/* sec-05 */
	.sec-05 {
		padding: 10% 0 15%;
	}
	.sec-05 .headd-wrap h2 {
		margin-bottom: 50px !important;
	}
	.fl-list.two ul {
		margin-bottom: 1em;
	}
	.fl-list.two li p,
	.fl-list.two li span {
		display: table-cell;
	} 
	.fl-list.two li p {
		width: calc(670px - 8em);
		box-sizing: border-box;
		padding-right: 2em;
	}
	.fl-list.two li span {
		width: 12em;
		text-align: right;
	}



	/* sec-06 */
	.sec-06 {
		padding: 10% 0 15%;
	}
	.sec-06 .headd-wrap h2 {}
	.sec-06 .sec-inner {
	}
	.sec-06 p {
		margin-bottom: 8%;
		line-height: 1.7;
	}
	.fl-list.three ul {
		margin-bottom: 1em;
	}



	/* sec-07 */
	.sec-07 {
		padding: 10% 0 15%;
	}
	.sec-07 .headd-wrap h2 {
		/*		margin-bottom: 44px !important;*/
	}
	.sec-07 dl {
		margin-bottom: 8%;
	}
	.sec-07 dl * {
		line-height: 1.74;
	}



	/* sec-08 */
	.sec-08 {
		padding: 10% 0 15%;
	}
	.sec-08 .sec-inner {
		box-sizing: border-box;
		padding-left: 2.6%;
	}
	.sec-08 .img-wrap {
		width: 96%;
		margin-bottom: 5%;
	}
	.sec-08 .txt-wrap p {
		line-height: 1.74;
	}



	/* sec-09 */
	.sec-09 {
		padding: 10% 0 15%;
	}
	.sec-09 .headd-wrap h2 {
		margin-bottom: 46px !important;
	}



	/* guide-banner */
	.guide-banner {
		padding: 15% 0;
	}



}



/*
@media screen and (min-width:480px) and (max-width:639px) {}
*/

/**==============================================**/
/*
/*			sp-l ～ tab
/*
/**==============================================**/

@media screen and (min-width:640px) and (max-width:1069px) {

	.fl-list,
	.att-list {
		max-width: 1064px;
	}
	.fl-list li,
	.fl-list li > *,
	.att-list li {
		line-height: 1.74;
	}



	/* sec-01 */
	.sec-01 {
		padding-bottom: 102px;
		margin-top: -5px;
	}
	.sec-01 p {
		margin-bottom: 32px;
		line-height: 2;
	}
	.sec-01 img {
		width: 90%;
		max-width: 1100px;
	}



	/* sec-02 */
	.sec-02 {
		padding: 72px 0 50px;
	}
	.sec-02 table {
		font-size: 17px;
		margin-bottom: 26px;
	}
	.sec-02 table td {
		width: 367px;
		height: 82px;
		letter-spacing: .2em;
		text-indent: .2em;
	}



	/* sec-03 */
	.sec-03 {
		padding: 82px 0 68px;
	}
	.sec-03 table {
		font-size: 17px;
		margin-bottom: 30px;
	}
	.sec-03 table td {
		width: 367px;
		height: 54px;
		letter-spacing: .2em;
		text-indent: .2em;
	}



	/* sec-04 */
	.sec-04 {
		padding: 78px 0 60px;
	}
	.sec-04 .headd-wrap h2 {}
	.sec-04 .sec-inner {
	}
	.sec-04 p {
		margin-bottom: 32px;
		line-height: 2;
	}
	.sec-04 img {
		margin: 44px auto;
	}
	.fl-list.three ul {
		width: 40.2%;
		float: left;
		margin-bottom: 40px;
	}
	.fl-list.three ul:nth-child(even) {
		width: 40.2%;
		float: right;
	}



	/* sec-05 */
	.sec-05 {
		padding: 76px 0 68px;
	}
	.sec-05 .headd-wrap h2 {
		margin-bottom: 50px !important;
	}
	.fl-list.two ul {
		margin-bottom: 40px;
	}
	.fl-list.two li p,
	.fl-list.two li span {
		display: table-cell;
	} 
	.fl-list.two li p {
		width: calc(670px - 4em);
	}
	.fl-list.two li span {
		width: 10em;
		text-align: right;
	}



	/* sec-06 */
	.sec-06 {
		padding: 78px 0 60px;
	}
	.sec-06 .headd-wrap h2 {}
	.sec-06 .sec-inner {
	}
	.sec-06 p {
		margin-bottom: 32px;
		line-height: 2;
	}
	.sec-06 img {
		margin: 44px auto;
	}
	.fl-list.three ul {
		width: 40.2%;
		float: left;
		margin-bottom: 40px;
	}
	.fl-list.three ul:nth-child(even) {
		width: 40.2%;
		float: right;
	}



	/* sec-07 */
	.sec-07 {
		padding: 78px 0 48px;
	}
	.sec-07 .headd-wrap h2 {
		margin-bottom: 44px !important;
	}
	.sec-07 dl {
		margin-bottom: 28px;
	}
	.sec-07 dl * {
		line-height: 1.74;
	}



	/* sec-08 */
	.sec-08 {
		padding: 78px 0 78px;
	}
	.sec-08 .headd-wrap h2 {
		margin-bottom: 82px !important;
	}
	.sec-08 .sec-inner {
		box-sizing: border-box;
		padding-left: 2.6%;
	}
	.sec-08 .img-wrap {
		float: left;
		width: 46.78%;
		max-width: 494px;
	}
	.sec-08 .txt-wrap {
		float: right;
		width: 50%;
		max-width: 532px;
	}
	.sec-08 .txt-wrap p {
		line-height: 1.74;
	}



	/* sec-09 */
	.sec-09 {
		padding: 82px 0 78px;
	}
	.sec-09 .headd-wrap h2 {
		margin-bottom: 46px !important;
	}



	/* guide-banner */
	.guide-banner {
		padding: 138px 0 150px;
	}



}



/**==============================================**/
/*
/*			sp tab 共通
/*
/**==============================================**/

@media screen and (max-width:1069px) {



}



/**==============================================**/
/*
/*			PC
/*
/**==============================================**/
@media print, screen and (min-width:1070px){

	.sec-inner {
		max-width: 1100px;
	}
	.fl-list,
	.att-list {
		max-width: 1064px;
	}
	.fl-list li,
	.fl-list li > *,
	.att-list li {
		line-height: 1.74;
	}



	/* sec-01 */
	.sec-01 {
		padding-bottom: 102px;
		margin-top: -5px;
	}
	.sec-01 p {
		margin-bottom: 32px;
		line-height: 2;
	}



	/* sec-02 */
	.sec-02 {
		padding: 72px 0 50px;
	}
	.sec-02 table {
		font-size: 17px;
		margin-bottom: 26px;
	}
	.sec-02 table td {
		width: 367px;
		height: 82px;
		letter-spacing: .2em;
		text-indent: .2em;
	}



	/* sec-03 */
	.sec-03 {
		padding: 82px 0 68px;
	}
	.sec-03 table {
		font-size: 17px;
		margin-bottom: 30px;
	}
	.sec-03 table td {
		width: 367px;
		height: 54px;
		letter-spacing: .2em;
		text-indent: .2em;
	}



	/* sec-04 */
	.sec-04 {
		padding: 78px 0 60px;
	}
	.sec-04 p {
		margin-bottom: 32px;
		line-height: 2;
	}
	.sec-04 img {
		margin: 44px auto;
	}
	.fl-list.three ul {
		float: left;
		width: 33.3%;
	}



	/* sec-05 */
	.sec-05 {
		padding: 76px 0 68px;
	}
	.sec-05 .headd-wrap h2 {
		margin-bottom: 50px !important;
	}
	.fl-list.two ul {
		width: 40.2%;
		float: left;
	}
	.fl-list.two ul:last-child {
		width: 50.2%;
		float: right;
	}
	.fl-list.two li p,
	.fl-list.two li span {
		display: table-cell;
	} 
	.fl-list.two li p {
		width: calc(427px - 4em);
	}
	.fl-list.two li span {
		width: 10em;
		text-align: right;
	}
	.fl-list.two ul:last-child p {
		width: calc(470px - 4em);
	}


	/* sec-06 */
	.sec-06 {
		padding: 78px 0 60px;
	}
	.sec-06 p {
		margin-bottom: 32px;
		line-height: 2;
	}
	.sec-06 img {
		margin: 44px auto;
	}
	.fl-list.three ul {
		float: left;
		width: 33.3%;
	}



	/* sec-07 */
	.sec-07 {
		padding: 78px 0 48px;
	}
	.sec-07 .headd-wrap h2 {
		margin-bottom: 44px !important;
	}
	.sec-07 dl {
		margin-bottom: 28px;
	}
	.sec-07 dl * {
		line-height: 1.74;
	}



	/* sec-08 */
	.sec-08 {
		padding: 78px 0 78px;
	}
	.sec-08 .headd-wrap h2 {
		margin-bottom: 82px !important;
	}
	.sec-08 .sec-inner {
		box-sizing: border-box;
		padding-left: 2.6%;
	}
	.sec-08 .img-wrap {
		float: left;
		width: 46.78%;
		max-width: 494px;
	}
	.sec-08 .txt-wrap {
		float: right;
		width: 50%;
		max-width: 532px;
	}
	.sec-08 .txt-wrap p {
		line-height: 1.74;
	}



	/* sec-09 */
	.sec-09 {
		padding: 82px 0 78px;
	}
	.sec-09 .headd-wrap h2 {
		margin-bottom: 46px !important;
	}



	/* guide-banner */
	.guide-banner {
		padding: 138px 0 150px;
	}



}



/**==============================================**/
/*
/*			print
/*
/**==============================================**/

@media print {



}