@charset "UTF-8";
/* 全端末共通
-------------------------------------------------- */
img{
	max-width: 100%;
	height: auto;
}
/* スマフォ
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.mb20{
		margin-bottom: 3vw!important;
	}
	.mb40{
		margin-bottom: 6vw!important;
	}
	.mb60{
		margin-bottom: 10vw!important;
	}
	.hdg_low{
		background: url(../img/common/sp/main_low.jpg) no-repeat center top;
		height: calc(470/750*100vw);
		background-size: cover;
		text-align: center;
		color: #fff;
		padding-top: 24vw;
		font-weight: 500;
		letter-spacing: 0.06em;
	}
	.hdg_low span{
		display: block;
		font-size: calc(70/750*100vw);
		line-height: 1;
	}
	.hdg_low small{
		font-size: calc(24/750/100vw);
		display: block;
		margin-top: 2vw;
	}
	.content_low{
		padding: 0 0 15vw;
	}
	.content_low section{
		padding: 10vw 0;
	}
	.content_low section h3{
		color: #132b8c;
		font-size: calc(52/750*100vw);
		margin-bottom: 7vw;
		position: relative;
		text-align: center;
	}
	.content_low section h3:before{
		content: "";
		position: absolute;
		border-bottom: 3px solid #f5d33a;
		top: -5px;
		left: calc(50% - 100px);
		width: 200px;
	}
	.content_low section h3:after{
		content: "";
		position: absolute;
		border-bottom: 3px solid #f5d33a;
		bottom: -5px;
		left: calc(50% - 100px);
		width: 200px;
	}
	.col_img{
		text-align: center;
		margin-bottom: 4vw;
	}
	table.tbl01{
		width: 100%;
	}
	table.tbl01,
	table.tbl01 tbody,
	table.tbl01 tr,
	table.tbl01 th,
	table.tbl01 td{
		display: block;
	}
	table.tbl01 tr:not(:last-child) td{
		border-bottom: 1px solid #cfcfcf;
	}
	table.tbl01 th{
		text-align: left;
		color: #132b8c;
		padding: 4% 0 0;
	}
	table.tbl01 td{
		padding: 2% 0 4%;
	}
	table.tbl02{
		width: 100%;
	}
	table.tbl02 thead th{
		background: #ebf5fa;
		font-size: 16px;
		padding: 3px 0;
	}
	table.tbl02 tbody th{
		text-align: left;
		padding: 3px 0 3px 15px;
		font-weight: 400;
	}
	table.tbl02 tbody tr:nth-child(2n) th,
	table.tbl02 tbody tr:nth-child(2n) td{
		background: #f0f0f0;
	}
	.wrap_tbl{
		width: 100%;
		overflow-x: auto;
	}
	.catch_main{
		text-align: center;
		font-size: 140%;
		line-height: 1.4;
		padding-top: 10vw;
	}
	table.tbl03{
		width: 100%;
	}
	.tbl03 thead th{
		border: 1px solid rgba(112,112,112,.7);
		background: #EBF5FA;
		font-size: 16px;
		padding: 6px 10px;
		font-weight: 500;
	}
	.tbl03 tbody th{
		border: 1px solid rgba(112,112,112,.7);
		padding: 6px 10px;
		font-weight: 500;
	}
	.tbl03 tbody td{
		border: 1px solid rgba(112,112,112,.7);
		padding: 6px 10px;
	}
	.content_low section h4.hdg4{
		font-size: 140%;
		font-weight: 500;
		line-height: 1.5;
		background: #F7F7F7;
		margin-bottom: 4vw;
		padding: 2vw 5vw;
		border-left: 5px solid #F7DC61;
	}
	.content_low section.bg_sec h4.hdg4{
		background: #fff;
	}
	.hdg5{
		font-size: 20px;
		margin-bottom: 15px;
		font-weight: 400;
	}
	.hdg5:before{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background: #333;
		border-radius: 50%;
		margin-right: 10px;
	}
	.btn01 a{
		width: 100%;
		padding: 4vw 0;
		border: 2px solid #132B8C;
		display: -webkit-flex; /* Safari用 */
		display: flex;
		-webkit-justify-content: center; /* Safari用 */
		justify-content: center;
		-webkit-align-items: center; /* Safari用 */
		align-items: center;
		background-image: url(../img/common/arr_btn02.png);
		background-position: right 15px center;
		font-size: 20px;
		font-weight: 500;
		color: #132B8C;
	}
	.row01 .col_txt h4 , .row02 .col_txt h4{
		color: #132B8C;
		font-size: 120%;
		margin-bottom: 4vw;
		font-weight: 500;
	}
	.row_case{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
		-ms-flex-wrap:wrap/*--- IE10用 ---*/
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
	}
	.col_case{
		margin-bottom: 7vw;
	}
	.col_case h5{
		text-align: center;
		background: #F7DC61;
		font-size: 140%;
		font-weight: 500;
		margin-bottom: 5px;
		padding: 5px;
	}
	.col_case table{
		width: 100%;
		margin-top: 5px;
		background: #fff;
	}
	.col_case table th{
		width: 110px;
		text-align: left;
		border: 1px solid #707070;
		padding: 5px 10px;
		font-weight: 400;
	}
	.col_case table td{
		text-align: left;
		border: 1px solid #707070;
		padding: 5px 10px;
	}
	.col_case table tr:nth-child(2n) th,.col_case table tr:nth-child(2n) td{
		background: #f0f0f0;
	}
	.box01{
		background: #f7f7f7;
		padding: 5vw;
	}
	.box02{
		background: #EBF5FA;
		padding: 5vw;
	}
	.btn_anchor li{
		margin-bottom: 4vw;
	}
	.btn_anchor li a{
		display: block;
		border: 2px solid #132B8C;
		border-radius: 2vw;
		text-align: center;
		font-size: 140%;
		font-weight: 500;
		color: #132B8C;
		padding: 3vw 0 10vw;
		background: url(../img/page/lot/arr02.png) no-repeat center bottom 3vw;
		background-size: 5vw auto;
	}
}

/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.mb20{
		margin-bottom: 20px!important;
	}
	.mb40{
		margin-bottom: 40px!important;
	}
	.mb60{
		margin-bottom: 60px!important;
	}
	.hdg_low{
		background: url(../img/common/main_low.jpg) no-repeat center top;
		height: 320px;
		text-align: center;
		color: #fff;
		padding-top: 100px;
		font-weight: 500;
		letter-spacing: 0.06em;
	}
	.hdg_low span{
		display: block;
		font-size: 76px;
		line-height: 1;
	}
	.hdg_low small{
		font-size: 24px;
		display: block;
		margin-top: 15px;
	}
	.content_low section{
		padding: 80px 0 100px;
	}
	
	.content_low section.bg_sec{
		background: #f7f7f7;
	}
	.content_low section:last-child{
		padding-bottom: 150px;
	}
	.content_low section h3{
		color: #132b8c;
		font-size: 32px;
		line-height: 1.5;
		margin-bottom: 50px;
		text-align: center;
		position: relative;
	}
	.content_low section h3:before{
		content: "";
		position: absolute;
		border-bottom: 3px solid #f5d33a;
		top: -5px;
		left: calc(50% - 125px);
		width: 250px;
	}
	.content_low section h3:after{
		content: "";
		position: absolute;
		border-bottom: 3px solid #f5d33a;
		bottom: -5px;
		left: calc(50% - 125px);
		width: 250px;
	}
	table.tbl01{
		width: 100%;
	}
	table.tbl01 tr:not(:last-child) th,
	table.tbl01 tr:not(:last-child) td{
		border-bottom: 1px solid #cfcfcf;
		
	}
	table.tbl01 th{
		width: 240px;
		text-align: left;
		color: #132b8c;
		padding: 12px 0;
		line-height: 26px;
	}
	table.tbl01 td{
		padding: 12px 0;
		line-height: 26px;
	}
	table.tbl02{
		width: 100%;
	}
	table.tbl02 thead th{
		background: #ebf5fa;
		font-size: 16px;
		padding: 3px 0;
	}
	table.tbl02 tbody th{
		text-align: left;
		padding: 3px 0 3px 15px;
		font-weight: 400;
	}
	table.tbl02 tbody tr:nth-child(2n) th,
	table.tbl02 tbody tr:nth-child(2n) td{
		background: #f0f0f0;
	}
	.catch_main{
		text-align: center;
		font-size: 24px;
		line-height: 1;
		padding-top: 80px;
	}
	table.tbl03{
		width: 100%;
	}
	.tbl03 thead th{
		border: 1px solid rgba(112,112,112,.7);
		background: #EBF5FA;
		font-size: 16px;
		padding: 6px 10px;
		font-weight: 500;
	}
	.tbl03 tbody th{
		border: 1px solid rgba(112,112,112,.7);
		padding: 6px 10px;
		font-weight: 500;
	}
	.tbl03 tbody td{
		border: 1px solid rgba(112,112,112,.7);
		padding: 6px 10px;
	}
	.content_low section h4.hdg4{
		font-size: 26px;
		font-weight: 500;
		line-height: 1.5;
		background: #F7F7F7;
		margin-bottom: 20px;
		padding: 10px 15px;
		border-left: 5px solid #F7DC61;
	}
	.content_low section.bg_sec h4.hdg4{
		background: #fff;
	}
	.hdg5{
		font-size: 20px;
		margin-bottom: 15px;
		font-weight: 400;
	}
	.hdg5:before{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background: #333;
		border-radius: 50%;
		margin-right: 10px;
	}
	.btn01 a{
		width: 300px;
		height: 60px;
		border: 2px solid #132B8C;
		display: -webkit-flex; /* Safari用 */
		display: flex;
		-webkit-justify-content: center; /* Safari用 */
		justify-content: center;
		-webkit-align-items: center; /* Safari用 */
		align-items: center;
		background-image: url(../img/common/arr_btn02.png);
		background-position: right 15px center;
		font-size: 20px;
		font-weight: 500;
		color: #132B8C;
	}
	.btn01 a:hover{
		background-image: url(../img/common/arr_btn01.png);
		background-color: #132B8C;
		color: #fff;
	}
	.row01 , .row02{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
	}
	.row01 .col_img , .row02 .col_img{
		width: 300px;
	}
	.row01 .col_txt , .row02 .col_txt{
		width: 620px;
	}
	.row01 .col_img{
		order: 1;
	}
	.row01 .col_txt h4 , .row02 .col_txt h4{
		color: #132B8C;
		font-size: 20px;
		margin-bottom: 10px;
		font-weight: 500;
	}
	.row_case{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
		-ms-flex-wrap:wrap/*--- IE10用 ---*/
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
	}
	.row_case:after{
		content: "";
		display: block;
		width: 300px;
	}
	.col_case{
		width: 300px;
		margin-bottom: 30px;
	}
	.col_case h5{
		text-align: center;
		background: #F7DC61;
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 10px;
		padding: 5px;
	}
	.col_case table{
		width: 100%;
		margin-top: 10px;
		background: #fff;
	}
	.col_case table th{
		width: 110px;
		text-align: left;
		border: 1px solid #707070;
		padding: 5px 10px;
		font-weight: 400;
	}
	.col_case table td{
		text-align: left;
		border: 1px solid #707070;
		padding: 5px 10px;
	}
	.col_case table tr:nth-child(2n) th,.col_case table tr:nth-child(2n) td{
		background: #f0f0f0;
	}
	.box01{
		background: #f7f7f7;
		padding: 40px 30px;
	}
	.box02{
		background: #EBF5FA;
		padding: 40px 30px;
	}
	.box01 .col_txt , .box02 .col_txt{
		width: 570px;
	}
	.btn_anchor{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
	}
	.btn_anchor li{
		width: 30%;
	}
	.btn_anchor li a{
		display: block;
		height: 100px;
		border: 2px solid #132B8C;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		color: #132B8C;
		padding-top: 20px;
		background: url(../img/page/lot/arr02.png) no-repeat center bottom 20px;
	}
	.btn_anchor li a:hover{
		color: #fff;
		background: url(../img/page/lot/arr01.png) no-repeat center bottom 20px #132B8C;
	}
}