@charset "UTF-8";
/*----------------------------------------

	index CSS

	- common
	- breadcrumb_pc
	- mapModal

-----------------------------------------*/

/*----------------------------------------
	common
/-----------------------------------------*/


.font_small{
	font-size: 1.2rem;
}

#contents .contents-bg {
	background: url("../img/cmn_bg01s.jpg") center top no-repeat, url("../img/cmn_bg02s.jpg") center top repeat-y;
	background-size: 100% auto;
}
#headtitle {
	height: auto;
	padding: 0;
	border: none;
}
#headtitle .headtitle_inner {
	padding: 5.334% 0 1.87%;
}
#headtitle .headtitle_inner>h1,
#headtitle .headtitle_inner>p {
	padding: 0 2.667%;
}
#headtitle .headtitle_inner>h1+p,
#headtitle .headtitle_inner>p+h1 {
	margin: 0;
}
#headtitle .headtitle_link ul {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 5000;
}
#headtitle .headtitle_link li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 245px;
	height: 60px;
	background: #a7883e url("/asset/img/cmn/c_link01.png") right 12px center no-repeat;
	background-size: 13px auto;
}
#list_back {
	padding-top: 70px;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#contents .contents-bg {
		background: url("../img/cmn_bg01.jpg") center top no-repeat, url("../img/cmn_bg02.jpg") center top repeat-y;
		background-size: 100% auto;
	}
	#headtitle .headtitle_inner>h1,
	#headtitle .headtitle_inner>p {
		opacity: 0;
		font-size: 0;
	}
	#headtitle .headtitle_inner>h1 img,
	#headtitle .headtitle_inner>p img {
		height: 0;
	}
	#headtitle .headtitle_inner {
		padding: 46% 0 0;
	}
	#headtitle .headtitle_link ul {
		padding-left: 40px;
	}
	#headtitle .headtitle_link li a {
		width: 300px;
	}
	#list_back {
		padding-top: 120px;
	}
}

/*----------------------------------------
	main
-----------------------------------------*/
main {
	display: block;
}

/*----------------------------------------
	mv
-----------------------------------------*/
#mv {
	padding: 30px 0 50px;
}
#mv > div > h2 {
	margin-bottom: 13px;
}
#mv > div > p {
	line-height: 2;
}
#mv > h3 {
	margin: 30px 0 8px;
}
#mv > dl > dt {
	padding: 6px 5.3%;
	background-color: #ebebeb;
}
#mv > dl > dd {
	padding: 16px 5.3%;
}
#mv > div > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}
#mv > div > ul > li {
	position: relative;
	width: 29.533%;
	padding-top: 29.533%;
	margin-bottom: 3.8%;
}
#mv > div > ul > li > a {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	color: #fff;
	text-align: center;
}
#mv > div > ul > li > a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #6899ba center center no-repeat;
	background-size: cover;
}

#mv > div > ul > li:nth-child(1) > a::before { background-image: url(../img/mv_btn01.jpg); }
#mv > div > ul > li:nth-child(2) > a::before { background-image: url(../img/mv_btn02.jpg); }
#mv > div > ul > li:nth-child(3) > a::before { background-image: url(../img/mv_btn03.jpg); }
#mv > div > ul > li:nth-child(4) > a::before { background-image: url(../img/mv_btn04.jpg); }
#mv > div > ul > li:nth-child(5) > a::before { background-image: url(../img/mv_btn05.jpg); }
#mv > div > ul > li:nth-child(6) > a::before { background-image: url(../img/mv_btn06.jpg); }

#mv > div > ul > li > a > span {
	position: relative;
}
#mv > div > ul > li > a > span > span {
	display: inline-block;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#mv {
		padding: 70px 0 80px;
		background: url("../img/mv_bg01.png") center bottom no-repeat;
		background-size: 1440px auto;
	}
	#mv > div > h2 {
		margin-bottom: 15px;
	}
	#mv > h3 {
		margin: 60px 0 18px;
	}
	#mv > dl {
		display: flex;
		width: 960px;
		margin: 0 auto;
		padding: 26px 0;
		border-bottom: 1px solid #ebebeb;
	}
	#mv > h3 + dl {
		border-top: 1px solid #ebebeb;
	}
	#mv > dl > dt {
		width: 240px;
		background: none;
		padding: 0;
		text-align: center;
	}
	#mv > dl > dd {
		flex: 1;
		padding: 0 10px;
	}
	#mv > div > ul {
		justify-content: center;
		width: 860px;
		margin: 60px auto 0;
	}
	#mv > div > ul::after {
		content: none;
	}
	#mv > div > ul > li {
		width: 194px;
		margin: 20px 6px 0;
		padding-top: 194px;
	}
	#mv > div > ul > li a::before {
		transition: 0.2s;
	}
	#mv > div > ul > li a:hover::before {
		transform: scale(1.1);
	}
}

/*----------------------------------------
	sBox
-----------------------------------------*/
.sBox {
	padding: 50px 0;
}
.sBox .inner {
	margin: 0 2.67%;
}
.sBox .bg {
	position: relative;
	padding: 5px;
	background: #fff;
}
.sBox .bg::before,
.sBox .bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
}
.sBox .bg::before {
	z-index: 100;
	top: -50px;
	background: url("../img/cmn_obj03s.png") center top no-repeat;
	background-size: 145px auto;
}
.sBox .bg::after {
	background: url("../img/cmn_obj01.png") left top no-repeat, url("../img/cmn_obj02.png") right top no-repeat;
	background-size: 62px auto, 62px auto;
}
.sBox .box {
	position: relative;
	min-height: 200px;
	padding: 0 0 40px;
	border: 1px solid #000;
	background: url("../img/cmn_obj04.png") left bottom no-repeat, url("../img/cmn_obj05.png") right bottom no-repeat;
	background-size: 38px auto, 38px auto;
}
.sBox .box-icon {
	display: block;
	position: relative;
	z-index: 200;
	margin: -47px auto 5px;
	width: 105px;
}
.sBox .box-title {
	margin: 0 0 18px;
	padding: 0 10px;
	color: #000c30;
	line-height: 1.2;
}
.sBox .box-lead {
	margin: -15px 0 20px;
	color: #000c30;
}
.sBox .box-block01 {
	margin: 0 4.085%;
	color: #000c30;
}
.sBox .box-block01 figure {
	margin: 0 0 20px;
}
.sBox .box-block01 figure figcaption {
	margin-top: 5px;
}
.sBox .slide {
	display: none;
}
.sBox .slide.slick-initialized {
	display: block;
}
.sBox .slide .slick-arrow {
	top: calc(50% - 15px);
}
.sBox .box-block01 .txt > h3 {
	margin-bottom: 5px;
}
.sBox .box-block01 .txt > p {
	margin: 0 0 18px;
	line-height: 1.8;
}
.sBox .box-block01 .txt > dl {
	margin: 0 -4.445%;
	line-height: 1.8;
}
.sBox .box-block01 .txt > dl > dt {
	padding: 5px 4.085%;
	background: #ebebeb;
}
.sBox .box-block01 .txt > dl > dd {
	margin-bottom: 6px;
	padding: 6px 4.085% 0;
}
.sBox .box-block01 .txt > dl > dd .notes {
	display: table;
	margin: 5px 0 0;
	padding: 2px 8px;
	background: #00143a;
	letter-spacing: 0;
}
.sBox .box-block01 .txt > dl > dd:nth-child(3) {
	padding: 0 4.085%;
}
.sBox .box-block01 .txt > dl > dd > div {
	display: flex;
}
.sBox .box-block01 .txt > dl > dd > div > p {
	padding-right: 1em;
}
.sBox .box-block01 .txt > dl > dd > div > ul {
	flex: 1;
}
.sBox .box-block01 .txt .link {
	margin-top: 25px;
}
.sBox .box-block01 .txt .link .c_btn01 {
	width: 87.302%;
}
.sBox .box-block02 {
	margin: 30px 4.085% 0;
	padding: 30px 0 15px;
	border: 1px solid #a7883e;
	background: url("../img/cmn_obj08.png") left top no-repeat,
				url("../img/cmn_obj09.png") right top no-repeat,
				url("../img/cmn_obj10.png") left bottom no-repeat,
				url("../img/cmn_obj11.png") right bottom no-repeat;
	background-color: #fffcf6;
	background-size: 36px 36px;
}
.sBox .box-block02 .wrap {
	width: 87.86%;
	margin: 0 auto 15px;
}
.sBox .box-block02 .wrap + .wrap {
	padding-top: 20px;
	border-top: 1px solid #f2ece2;
}
.sBox .box-block02 .wrap figure {
	margin-bottom: 8px;
}
.sBox .box-block02 .wrap .txt {
	color: #000c30;
}
.sBox .box-block02 .wrap .txt h3 {
	margin-bottom: 8px;
	line-height: 1.8;
}
.sBox .box-block02 .wrap .txt > p,
.sBox .box-block02 .wrap .txt > ul {
	margin-bottom: 15px;
	line-height: 1.8;
}
.sBox .box-block02 .wrap .txt > p a {
	position: relative;
	padding-right: 35px;
	text-decoration: underline;
}
.sBox .box-block02 .wrap .txt > p a::after {
	content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/asset/img/cmn/c_link02.png) center top no-repeat;
    background-size: 13px 13px;
    -webkit-transform: translate(0,-50%) rotate(0);
    -ms-transform: translate(0,-50%) rotate(0);
    transform: translate(0,-50%) rotate(0);
}
.sBox .box-block02 .wrap .txt > dl {
	margin: 0 -6.91%;
	line-height: 1.8;
}
.sBox .box-block02 .wrap .txt > dl > dt {
	padding: 5px 6.075%;
	background: #fff6e4;
}
.sBox .box-block02 .wrap .txt > dl > dd {
	margin-bottom: 6px;
	padding: 6px 6.075% 0;
}
.sBox .box-block02 .wrap .txt .link .c_btn01 {
	margin-top: 20px;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	.sBox {
		padding: 145px 0 20px;
		background: url("../img/cmn_bg03.png") center top repeat-y;
		background-size: 1440px auto;
	}
	.sBox .inner {
		margin: 0 auto;
	}
	.sBox .bg {
		padding: 10px;
	}
	.sBox .bg::before,
	.sBox .bg::after {
		width: 100%;
		height: 130px;
	}
	.sBox .bg::before {
		top: -105px;
		background-image: url("../img/cmn_obj03.png");
		background-size: 330px auto;
	}
	.sBox .bg::after {
		background-size: 164px auto;
	}
	.sBox .box {
		padding: 0 0 80px;
		background-size: 110px auto, 110px auto;
	}
	.sBox .box-icon {
		width: 240px;
		margin: -96px auto 12px;
	}
	.sBox .box-title {
		display: flex;
		justify-content: center;
		margin: 0 0 42px;
		padding: 0 40px;
	}
	.sBox .box-title > span {
		position: relative;
		padding: 0 100px;
	}
	.sBox .box-title > span::before,
	.sBox .box-title > span::after {
		content: '';
		position: absolute;
		top: calc(50% - 39px);
		padding: 78px 88px 0 0;
	}
	.sBox .box-title > span::before {
		left: 0;
		background: url("../img/cmn_obj06.png") left center no-repeat;
	}
	.sBox .box-title > span::after {
		right: 0;
		background: url("../img/cmn_obj07.png") right center no-repeat;
	}
	.sBox .box-lead {
		margin: -40px 0 40px;
	}
	.sBox .box-block01 {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin: 0 60px;
	}
	.sBox .box-block01 figure {
		width: 62.612%;
		margin: 0;
	}
	.sBox .slide.slick-arrow {
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
	}
	.sBox .slide .slick-arrow:before {
		width: 5px;
		height: 5px;
	}
	.sBox .box-block01 .txt {
		width: 34.885%;
		padding: 12px 0 0;
	}
	.sBox .box-block01 .txt > h3 {
		margin-bottom: 20px;
	}
	.sBox .box-block01 .txt > dl {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 8px 0;
		border-top: 1px solid #000c30;
		border-bottom: 1px solid #000c30;
	}
	.sBox .box-block01 .txt > dl + dl {
		border-top: none;
	}
	.sBox .box-block01 .txt > dl > dt {
		width: 33.334%;
		padding: 0 10px 0 20px;
		background: none;
	}
	.sBox .box-block01 .txt > dl > dd {
		flex: 1;
		margin: 0;
		padding: 0;
	}
	.sBox .box-block01 .txt > dl > dd .notes {
		margin: 2px 0 0;
	}
	.sBox .box-block01 .txt > dl > dd:nth-child(3) {
		flex: auto;
		padding: 0 0 0 20px;
	}
	.sBox .box-block01 .txt .link {
		margin-top: 30px;
	}
	.sBox .box-block01 .txt .link .c_btn01 {
		width: 200px;
	}
	.sBox .box-block02 {
		margin: 50px 60px 0;
		padding: 60px 0;
		background-size: 72px 72px;
	}
	.sBox .box-block02 .wrap {
		display: flex;
		justify-content: space-between;
		width: auto;
		margin: 0 50px;
	}
	.sBox .box-block02 .wrap.reverse {
		flex-direction: row-reverse;
	}
	.sBox .box-block02 .wrap + .wrap {
		margin-top: 30px;
		padding-top: 30px;
	}
	.sBox .box-block02 .wrap figure {
		width: 45.277%;
		margin: 0;
	}
	.sBox .box-block02 .wrap .txt {
		width: 52.166%;
		padding-top: 10px;
	}
	.sBox .box-block02 .wrap .txt h3 {
		margin-bottom: 18px;
	}
	.sBox .box-block02 .wrap .txt > p,
	.sBox .box-block02 .wrap .txt > ul {
		margin-bottom: 22px;
	}
	.sBox .box-block02 .wrap .txt > dl {
		display: flex;
		margin: 0;
		padding: 8px 0;
		border-top: 1px solid #000c30;
		border-bottom: 1px solid #000c30;
	}
	.sBox .box-block02 .wrap .txt > dl + dl {
		border-top: none;
	}
	.sBox .box-block02 .wrap .txt > dl > dt {
		width: 24.53%;
		padding: 0 20px;
		background: none;
	}
	.sBox .box-block02 .wrap .txt > dl > dd {
		flex: 1;
		margin: 0;
		padding: 0;
	}
	.sBox .box-block02 .wrap .txt .link .c_btn01 {
		margin-top: 30px;
		width: 200px;
	}
	.sBox .box-block02 .wrap .txt .link .c_btn01 a {
		padding: 16px 20px;
	}
}

/*----------------------------------------
	s01
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
}

/*----------------------------------------
	s02
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s02 .box-block01 {
		flex-direction: row-reverse;
	}
}

/*----------------------------------------
	s03
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
}

/*----------------------------------------
	s04
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s04 .box-block01 {
		flex-direction: row-reverse;
	}
	#s04 .box-block01 .txt .link .c_btn01 {
		width: 265px;
	}
}

/*----------------------------------------
	s02
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s02 .box-block01 {
		flex-direction: row-reverse;
	}
}

/*----------------------------------------
	s02
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s02 .box-block01 {
		flex-direction: row-reverse;
	}
}

/*----------------------------------------
	s05
-----------------------------------------*/
/* pc  768 - # */
@media print, screen and (min-width:768px) {
}

/*----------------------------------------
	s06
-----------------------------------------*/
#s06 .box-block02 h3 {
	margin-bottom: 15px;
	color: #000c30;
}
#s06 .box-block02 .step {
	width: 87.86%;
	margin: 0 auto;
	color: #000c30;
}
#s06 .box-block02 .step dl {
	padding: 20px 6.366%;
	background-color: #fff6e4;
}
#s06 .box-block02 .step dl + dl {
	position: relative;
	margin-top: 45px;
}
#s06 .box-block02 .step dl + dl::before {
	content: '';
	position: absolute;
	left: calc(50% - 16px);
	top: -30px;
	border-width: 15px 16px 0 16px;
	border-style: solid;
	border-color: #a7883f transparent transparent transparent;
}
#s06 .box-block02 .step dl dt {
	width: 120px;
	margin: 0 auto 6px;
}
#s06 .box-block02 .step dl dd {
	line-height: 1.8;
}
#s06 .box-block02 .step dl dd .btn01 {
	display: flex;
	justify-content: center;
	margin:15px 0 0;
}
#s06 .box-block02 .step dl dd .btn01 li {
	width: 34px;
	margin: 0 8px;
}
#s06 .box-block02 .step dl dd .btn02 {
	width: 165px;
	margin: 0 auto;
}
#s06 .box-block02 .step dl dd .btn02 li {
	margin-top: 10px;
}
#s06 .box-block02 .step dl:nth-child(2) dd figure {
	width: 100px;
	margin: 16px auto 0;
}
#s06 .box-block02 .step dl:nth-child(3) dd figure {
	width: calc(158px + 40px);
	margin: 16px auto 0;
	padding-right: 40px;
}
#s06 .box-block02 .txt {
	width: 87.86%;
	margin: 20px auto 10px;
	color: #000c30;
	line-height: 1.8;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s06 .box-block01 {
		flex-direction: row-reverse;
	}
	#s06 .box-block02 {
		padding-top: 30px;
	}
	#s06 .box-block02 .step {
		display: flex;
		justify-content: space-between;
		width: auto;
		margin: 0 50px;
	}
	#s06 .box-block02 .step dl {
		width: calc(33.3333% - 14px);
		padding: 20px 20px;
	}
	#s06 .box-block02 .step dl + dl {
		margin-top: 0;
	}
	#s06 .box-block02 .step dl + dl::before {
		top: calc(50% - 20px);
		left: -20px;
		border-width: 20px 0 20px 20px;
		border-color: transparent transparent transparent #a7883f;
	}
	#s06 .box-block02 .step dl dt {
		width: 100%;
		max-width: 180px;
		margin: 0 auto 8px;
	}
	#s06 .box-block02 .step dl dd .btn01 {
		margin-top: 10px;
	}
	#s06 .box-block02 .step dl dd .btn02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
	}
	#s06 .box-block02 .step dl dd .btn02 li {
		width: 130px;
		margin: 10px 5px 0;
	}
	#s06 .box-block02 .step dl:nth-child(2) dd figure {
		width: 122px;
		margin: 45px auto 0;
	}
	#s06 .box-block02 .step dl:nth-child(3) dd figure {
		width: 100%;
		max-width: 176px;
		margin: 16px auto 0;
		padding-right: 0;
	}
	#s06 .box-block02 .txt {
		margin-bottom: 0;
	}
}

/*----------------------------------------
	s07
-----------------------------------------*/
#s07 {
	padding: 18px 0 75px;
	background: url("../img/07_bg01s.png") center top no-repeat;
	background-size: cover;
}
#s07 h2 {
	margin: 0 0 8px;
	line-height: 1.2;
}
#s07 h2 + p {
	line-height: 1.3;
}
#s07 .box {
	margin: 20px 0 0;
}
#s07 .box > figure {
	margin: 0 0 38px;
}
#s07 .box > ul {
	width: 275px;
	margin: 0 auto;
}
#s07 .box > ul > li {
	margin-top: 10px;
}
#s07 .box > ul > li > a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 8px 10px;
	background: #000c30;
}
#s07 .box > ul > li > a::after {
	content: '';
	position: absolute;
	right: 12px;
	width: 6px;
	height: 6px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
#s07 .box > ul > li > a[target="_blank"]::after {
	right: 10px;
	width: 13px;
	height: 13px;
	border: none;
	transform: none;
	background: url("/asset/img/cmn/c_link01.png") center center no-repeat;
	background-size: contain;
}
#s07 .box > ul > li > a > figure {
	width: 44px;
}
#s07 .box > ul > li > a > p {
	display: flex;
	align-items: center;
	flex: 1;
	margin-left: 10px;
}
#s07 .box > ul > li > a > p > span:nth-child(1) {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	color: #000c30;
	text-align: center;
	line-height: 24px;
	font-weight: 700;
}
#s07 .box > ul > li > a > p > span:nth-child(2) {
	flex: 1;
	margin-left: 6px;
	line-height: 1.3;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s07 {
		padding: 90px 0 190px;
		background-image: url("../img/07_bg01.png");
	}
	#s07 .box {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		max-width: 1020px;
		margin: 45px auto 0;
	}
	#s07 .box > figure {
		width: 50%;
		margin: 0;
		padding-left: 30px;
	}
	#s07 .box > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 50%;
		margin: 0;
	}
	#s07 .box > ul > li {
		width: calc(50% - 10px);
		margin: 0 0 20px;
	}
	#s07 .box > ul > li > a {
		padding: 13px 25px 13px 7px;
	}
}