a{transition : .5s;}
a:hover{transition : .5s;}

.material-symbols-outlined {
    font-size:24px;
    vertical-align: text-top;
}
br.sp{display:none;}


#header {
	width: 100%;
	min-width:1080px;
	position: relative;
}
#header a:hover{
	opacity: .7;
}
#header .inr{
	height:75px;
	font-size:1.4rem;
}
#header .inr:after{
	content:"";
	display: block;
	clear:both;
}
#header h2 {
	float:left;
}
#header h2.logo {
	margin:24px 0 0 30px;
	font-weight: bold;
}
#header h2.logo img {
	width:245px;
	margin-right:10px;
}
#header .inr ul {
	float:right;
	display: flex;
	align-items: center;
}
#header .inr ul li{
	margin:10px 20px 0 0;
	font-weight: bold;
}
#header .inr ul li.inquiry{
	margin:10px 20px 0 0;
}
#header .inr ul li.inquiry a{
	border:1px solid #00913C;
	display: block;
	padding:13px 20px;
}
#header .inr ul li.inquiry a:hover{
	background-color:#00913C;
	color:#fff;
	opacity: 1;
}
#header .inr .spm{
	display:none;
}

nav{
	background-color:#00913C;
	color:#fff;
	position: relative;
	z-index: 10;
}
header.fixed nav{
	position: fixed;
	top:0;
	left:0;
	right:0;
}
header.fixed .inr {
	margin-bottom:66px;
}
nav a:hover{
	opacity: .7;
}
nav a.cs:hover{
	opacity: 1!important;
}
nav .menubar{
	font-size:0;
	text-align:center;
	min-height:66px;
}
nav .menubar li{
	font-size:1.5rem;
	font-weight:bold;
	display:inline-block;
	width: 152px;
	text-align: center;
}
nav .menubar li .aopen{
	display: block;
	color:#fff;
	position:relative;
	padding:10px 0 10px 5px;
	border-right:1px solid #90c6a0;
	margin:8px 0;
	cursor: pointer;
}
nav .menubar li:last-child .aopen{
	border-right:none;
}
nav .menubar li .aopen .material-symbols-outlined{
	font-size:24px;
	font-weight: normal;
	padding-left:2px;
}
nav .menubar li .detail{
	position: absolute;
	top:66px;
	left:0;
	right:0;
	display:none;
	background-color:#265b2c;
	color:#fff;
}
nav .sp {
	display: none;
}
nav .detail .d-inr{
	width:940px;
	margin:0 auto;
	text-align: left;
	padding:25px 0;
	font-weight:normal;
	display: flex;
	justify-content:space-between;
}
nav .detail .txt{
	width:270px;
}
nav .detail .txt a{
	font-size:2.0rem;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	border:none;
	color:#fff;
}
nav .detail .txt a .material-symbols-outlined{
	font-size:30px;
	padding-left:2px;
}
nav .detail .txt p{
	font-size:1.4rem;
}
nav .detail .lnks{
	width:600px;
	border-left:1px solid #90c6a0;
	padding:0 0 0 35px;
}
nav .detail .lnks li{
	font-size:1.4rem;
	font-weight:normal;
	display:block;
	width: auto;
	text-align: left;
}
nav .detail .lnks li a{
	display: block;
	padding: 0 0 20px 0;
	margin: 0;
	border-right:none;
	display: flex;
	align-items: center;
	color:#fff;
}
nav .detail .lnks li:last-child a{
	padding: 0;
}
nav .detail .lnks li a:after{
	content:"";
	display: block;
	clear:both;
}
nav .detail .lnks li a img{
	width:160px;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
}
nav .detail .lnks li a .ltxt{
	margin-left:15px;
}
nav .detail .lnks li a .ltxt div{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom:3px;
}
nav .detail .lnks li a .ltxt p{
	font-size: 1.4rem;
	line-height: 1.6;
}
nav .detail .lnks li a .ltxt div .material-symbols-outlined{
	font-size:2.8rem;
	padding-left:2px;
}
nav .detail .lnks.sq{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
nav .detail .lnks.sq li{
	width:48%;
}
nav .detail .lnks.sq li:nth-child(odd) a{
	padding:0;
}
nav .detail .lnks.sq li:last-child a{
	padding:0;
}
nav .detail .lnks.sq li a img{
	width:90px;
}
nav .detail .lnks li a .ltxt div .material-symbols-outlined.nw{
	font-size:2.4rem;
	padding-left:3px;
	margin-top:2px;
	font-weight: bold;
}


#footer{
	background-color:#00913C;
	display: block;
	padding:50px 0 25px 0;
	margin-top:0;
}
#footer a:hover{
	opacity: .7;
}
#footer a:hover{
	opacity: .7;
}
#footer .inr{
	width:1080px;
	margin:0 auto;
}
#footer .inr .logo{
	margin-bottom:30px;
}
#footer .inr ul{
	display:flex;
	justify-content:space-between;
}
#footer .inr ul li a{
	display:block;
	font-size:1.4rem;
	line-height:1.5;
	padding-bottom:10px;
}
#footer .inr ul li a.c-top{
	font-weight: bold;
	margin-bottom:10px;
}
#footer .inr ul li a.c-top:hover{
	opacity: 1;
}
#footer .inr .copy{
	margin-top:50px;
	font-size:1.4rem;
}



#top-contents01{
	background:url(../img/mainbg.jpg) no-repeat #ddd;
	background-size: cover;
}
#top-contents01 .inr{
	width:1080px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:315px;
	color:#fff;
}
#top-contents01 .inr:after{
	content:"";
	display: block;
	clear:both;
}
#top-contents01 h1{
	font-size: 48px;
	line-height: 1.4;
	font-weight:bold;
	float:left;
}
#top-contents01 .rtxt{
	float:right;
	font-size: 18px;
	line-height: 1.8;
	width:500px;
}
#top-contents01 .rtxt .lnks{
	text-align: right;
}
#top-contents01 .rtxt .lnks a{
	text-decoration: underline;
	color:#fff;
}
#top-contents01 .rtxt .lnks a:hover{
	text-decoration: none;
}
#top-contents01 .rtxt .lnks .material-symbols-outlined {
    font-size:30px;
}


#slider{
	margin-top:-280px;
	position: relative;
}
#slider .inr:after{
	content: "";
	display:block;
	clear:both;
}
#slider .inr{
	white-space: nowrap;
	font-size:0;
	width:100%;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-bottom: 20px;
}
#slider .inr li:first-child{
	margin-left:calc(50% - 540px);
}
#slider .inr li{
	display: inline-block;
	font-size:1.4rem;
	margin-right:25px;
	white-space: normal;
	vertical-align: top;
}
#slider .inr li a{
	display: block;
	width:280px;
	background:#fff;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
	box-sizing: border-box;
	line-height: 1.5;
	overflow: hidden;
	position: relative;
}
#slider .inr li a .cat{
	padding:25px 25px 0 25px;
	font-size:1.5rem;
	font-weight: bold;
}
#slider .inr li a p.ttl{
	color:#222;
	font-size: 2.0rem;
	line-height: 1.3;
	padding:0 25px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 90px;
	font-weight: 500;
	min-height:78px;
}
#slider .inr li a p.date{
	display: inline-block;
	font-size: 1.2rem;
	line-height: 18px;
	margin-bottom:20px;
	padding:0 25px;
	height: 20px;
	color:#222;
}
#slider .inr li a .rock:after{
	content:"";
	display: inline-block;
	margin:0 0 0 8px;
	width:14px;
	height:18px;
	background:url(../img/rock.svg) no-repeat;
	background-size: 14px 18px;
	vertical-align: text-bottom;
}
#slider .inr li a p.date .material-symbols-outlined{
	font-size: 2.0rem;
	margin-left:3px;
	color:#dcc552;
}
#slider .inr li a .img{
	height:182px;
}
#slider .inr li a .img img{
	width:100%;
}
#slider .inr li a .h-c{
	display: none;
	position:absolute;
}
#slider .inr li a:hover{
	box-shadow: inset 1px 1px 1px 0px #222;
}
#slider .inr li a:hover img{
	transform:scale(4,5);
	filter: blur(5px) brightness(50%);
	transition: .5s;
}
#slider .inr li a:hover .cat,
#slider .inr li a:hover .ttl{
	position: relative;
	z-index: 5;
	color:#fff;
	transition: .5s;
}
#slider .inr li a:hover .h-c{
	display: block;
	z-index: 5;
	position:absolute;
	top:160px;
	left:25px;
	right:25px;
	color:#fff;
	transition: .5s;
	font-size:1.6rem;
	line-height:1.6;
}
#slider .inr li a:hover .h-t{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	max-height: 135px;
	line-height:1.7;
}
#slider .inr li a:hover .h-r{
	text-align:right;
	margin-top:30px;
}
.listmousedragscroll {
    width: 100%;
}
.listmousedragscroll-dotscrollbar {
    text-align: left!important;
    margin: 0!important;
    margin-left:calc(50% - 540px)!important;
    -webkit-touch-callout: none;
    line-height: 1.45;
    font-size: 15px;
    font-family: serif;
    width: fit-content;
}
.listmousedragscroll-scrollbar-button {
    display: none!important;
}
.listmousedragscroll-dotscrollbar>span:not(.listmousedragscroll-scrollbar-button) {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 2px 20px!important;
    border-radius: 0!important;
    border: none!important;
    margin: 0 5px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-touch-callout: none;
}
.listmousedragscroll-dotscrollbar>span.listmousedragscroll-dotscrollbar-display {
    background-color: #00913C!important;
}
.listmousedragscroll-dotscrollbar>span:not(.listmousedragscroll-scrollbar-button) {
    background-color: #f0f0f0;
}
.listmousedragscroll-dotscrollbar>span:hover:not(.listmousedragscroll-scrollbar-button) {
    background-color: #00913C!important;
}

#top-contents02{
	margin-top:0;
	width: 100%;
	overflow: hidden;
}
	
#top-contents02 .inr{
	width:1080px;
	margin:0 auto;
	padding:50px 0 150px 0;
	position: relative;
}
#top-contents02 .inr .bg{
	position: absolute;
	top:15px;
	right:-345px;
	width:866px;
	height:676px;
	background:url(../img/c02bg.png) no-repeat;
	background-size: cover;
}
#top-contents02 .inr01{
	position: relative;
	z-index: 1;
}
#top-contents02 h2{
	font-size: 48px;
	line-height: 1.4;
	font-weight:bold;
	margin-bottom:10px;
	color:#00913C;
}
#top-contents02 .rtxt{
	font-size: 18px;
	line-height: 1.8;
	margin-bottom:40px;
}
#top-contents02 .menu{
	display: flex;
	flex-wrap: wrap;
}
#top-contents02 .menu li{
	width:280px;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
	margin-right:25px;
	background:#f3f2f0;
	color:#7A7A7A;
	margin-bottom:25px;
}
#top-contents02 .menu li .img{
	width:280px;
	height:195px;
	overflow: hidden;
	position: relative;
}
#top-contents02 .menu li a .img img{
	transition: .5s;
}
#top-contents02 .menu li a:hover .img img{
	transform:scale(1.1,1.1);
	transition: .5s;
}
#top-contents02 .menu li p{
	display: flex;
	justify-content: center;
    align-items: center;
	text-align:center;
	font-size:18px;
	font-weight: bold;
	line-height: 1.3;	
	margin-top:0;
	height:100px;
}
#top-contents02 .menu li a p{
	padding-left:5px;
}
#top-contents02 .menu li .img p{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: flex;
	color:#fff;
	background-color:rgba(0,0,0,0.4);
	height:100%;
}
#top-contents02 .menu .material-symbols-outlined {
    font-size:32px;
    margin-top:2px;
}

#top-contents03{
	margin-top:0;
	width: 100%;
	overflow: hidden;
}
	
#top-contents03 .inr{
	width:1080px;
	margin:0 auto;
	padding-top:50px;
	text-align:right;
	position: relative;
}
#top-contents03 .inr .bg{
	position: absolute;
	top:-60px;
	left:-360px;
	width:888px;
	height:950px;
	background:url(../img/c03bg.png) no-repeat;
	background-size: cover;
}
#top-contents03 .inr01{
	position: relative;
	z-index: 1;
}
#top-contents03 h2{
	font-size: 48px;
	line-height: 1.4;
	font-weight:bold;
	margin-bottom:10px;
	color:#00913C;
}
#top-contents03 .rtxt{
	font-size: 18px;
	line-height: 1.8;
	margin-bottom:40px;
}
#top-contents03 .menu{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
}
#top-contents03 .menu li{
	width:280px;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
	margin-left:25px;
	background:#f3f2f0;
	color:#7A7A7A;
	margin-bottom:25px;
	padding:15px 20px;
	box-sizing: border-box;
	text-align: center;
}
#top-contents03 .menu li .img img{
	width:240px;
	height: 240px;
	border-radius:120px;
}
#top-contents03 .menu li p{
	color:#00913C;
	font-weight: bold;
	font-size:18px;
	margin:1em 0;
}
#top-contents03 .menu li.cs p{
	color:#7A7A7A;
}
#top-contents03 .menu li a{
	display: block;
	background-color:#00913C;
	color:#fff;
	font-weight: bold;
	font-size:13px;
	padding:10px 10px 10px 20px;
	border-radius:25px;
	transition: .5s;
}
#top-contents03 .menu li a:hover{
	opacity: .7;
	transition: .5s;
}
#top-contents03 .menu .material-symbols-outlined {
    font-size:21px;
    margin-left: 3px;
}

#top-contents04{
	margin-top:100px;
	background:url(../img/c04bg_btm.jpg) no-repeat #fff;
	background-size: 100% auto;
	background-position: bottom;
	width: 100%;
	overflow: hidden;
}

#top-contents04 .inr{
	width:1080px;
	margin:0 auto;
	padding:50px 0 200px 0;
	position: relative;
}
#top-contents04 .inr .bg{
	position: absolute;
	top:-50px;
	right:-250px;
	width:905px;
	height:730px;
	background:url(../img/c04bg.png) no-repeat;
	background-size: cover;
}
#top-contents04 .inr01{
	position: relative;
	z-index: 1;
}
#top-contents04 h2{
	font-size: 48px;
	line-height: 1.4;
	font-weight:bold;
	margin-bottom:10px;
	color:#00913C;
}
#top-contents04 .rtxt{
	font-size: 18px;
	line-height: 1.8;
	margin-bottom:40px;
}
#top-contents04 .menu{
	display: flex;
	flex-wrap: wrap;
}
#top-contents04 .menu li{
	width:280px;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
	margin-right:25px;
	background:#f3f2f0;
	color:#7A7A7A;
	margin-bottom:25px;
}
#top-contents04 .menu li .img{
	width:280px;
	height:195px;
	overflow: hidden;
	position: relative;
}
#top-contents04 .menu li a .img img{
	transition: .5s;
}
#top-contents04 .menu li a:hover .img img{
	transform:scale(1.1,1.1);
	transition: .5s;
}
#top-contents04 .menu li p{
	display: flex;
	justify-content: center;
    align-items: center;
	text-align:center;
	font-size:18px;
	font-weight: bold;
	line-height: 1.3;	
	margin-top:0;
	height:100px;
}
#top-contents04 .menu li a p{
	padding-left:5px;
}
#top-contents04 .menu li .img p{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: flex;
	color:#fff;
	background-color:rgba(0,0,0,0.4);
	height:100%;
}
#top-contents04 .menu .material-symbols-outlined {
    font-size:32px;
    margin-top:2px;
}

#top-contents05{
	background:url(../img/c05bg.jpg) no-repeat #ddd;
	background-size: cover;
	margin-top:0;
}
	
#top-contents05 .inr{
	width:1080px;
	margin:0 auto;
	padding:100px 0;
	display: flex;
	justify-content:space-between;
}
#top-contents05 .inr01{
	width:760px;
}
#top-contents05 h2{
	font-size: 3.6rem;
	line-height: 1.4;
	font-weight:bold;
	padding-bottom:25px;
	color:#fff;
}
#top-contents05 h2:after{
	content:"";
	display: block;
	width:100%;
	border-bottom:1px solid #fff;
	padding-top:25px;
	opacity: 0.5;
}
#top-contents05 .rtxt{
	font-size: 1.8rem;
	line-height: 1.8;
	color:#fff;
}
#top-contents05 .inr02{
	width:280px;
}
#top-contents05 .inr02 li{
	width:280px;
	background:#00913C;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
}
#top-contents05 .menu li .img{
	width:280px;
	height: 190px;
	overflow: hidden;
}
#top-contents05 .menu li a .img img{
	transition: .5s;
}
#top-contents05 .menu li a:hover .img img{
	transform:scale(1.1,1.1);
	transition: .5s;
}
#top-contents05 .menu li p{
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 0;
    height: 100px;
    color:#fff;
}
#top-contents05 .menu .material-symbols-outlined {
    font-size:2.4rem;
    margin-left: 5px;
    font-weight:bold;
    line-height: 1.2;
    margin-top:2px;
}

#top-contents06{
	margin-top:0;
	background:url(../img/c06bg.jpg) no-repeat #fff;
	background-size: cover;
}
	
#top-contents06 .inr{
	width:1080px;
	margin:0 auto;
	padding:100px 0 250px 0;
}
#top-contents06 h2{
	font-size: 3.6rem;
	line-height: 1.4;
	font-weight:bold;
	padding-bottom:25px;
	color:#00913C;
}
#top-contents06 h2:after{
	content:"";
	display: block;
	border-bottom:1px solid #ddd;
	padding-top:25px;
}
#top-contents06 .inr01{
	display: flex;
	justify-content:space-between;
}
#top-contents06 .rtxt{
	font-size: 1.8rem;
	line-height: 1.8;
}
#top-contents06 .inr01 li {
    width:240px;
    text-align: center;
}
#top-contents06 .inr01 li a {
    display: block;
    background-color: #00913C;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    padding:10px 10px 10px 20px;
    border-radius: 25px;
}
#top-contents06 .inr01 li a:hover {
    opacity: .7;
}
#top-contents06 .inr01 li a .material-symbols-outlined {
    font-size: 21px;
    margin-left: 3px;
}

#top-contents07{
	margin-top:0;
	background:url(../img/c07bg.jpg) no-repeat #ddd;
	background-size: cover;
}
#top-contents07 h2{
	font-size: 3.6rem;
	line-height: 1.4;
	font-weight:bold;
	padding-bottom:40px;
	color:#fff;
	text-align: center;
}
#top-contents07 .inr{
	width:1080px;
	margin:0 auto;
	padding:150px 0 100px 0;
}
#top-contents07 .menu {
    display: flex;
    justify-content: center;
}
#top-contents07 .menu li {
    width: 280px;
    background: #00913C;
    box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.05);
    margin:0 12.5px;
}
#top-contents07 .menu li p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 0;
    height: 100px;
    color: #fff;
}
#top-contents07 .menu li p .material-symbols-outlined {
    font-size:2.4rem;
    margin-left: 6px;
    font-weight:bold;
    line-height: 1.2;
    margin-top:2px;
}
#top-contents07 .menu li .img{
	width:280px;
	height: 190px;
	overflow: hidden;
}
#top-contents07 .menu li a .img img{
	transition: .5s;
}
#top-contents07 .menu li a:hover .img img{
	transform:scale(1.1,1.1);
	transition: .5s;
}


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

	br.sp{display:inline;}

	#header{
		min-width:initial;
	}
	#header .inr{
		height:56px;
	}
	#header h2.logo {
		margin:15px 0 0 20px;
	}
	#header h2.logo img {
		width:180px;
		margin:5px 8px 0 0;
		float:left;
	}
	#header h2.logo span {
		display: block;
		float:left;
		margin:1px 0 0 0;
		line-height: 1.3;
		font-size:1.2rem;
	}
	#header .inr .spm{
		display:block;
		position:absolute;
		top:0;
		right:10px;
		color:#00913C;
	}
	#header .inr .spm .material-symbols-outlined{
		display: block;
		font-size:40px;
		font-weight: normal;
		line-height: 56px;
	}
	#header .inr ul {
		display:none;
	}
	nav{
		position: absolute;
		top:56px;
		left:0;
		right:0;
		box-shadow:0px 5px 3px 0px rgba(0,0,0,0.05);
		display: none;
	}
	header.fixed nav{
		position: absolute;
	}
	header.fixed .inr {
		margin-bottom:0;
	}
	nav .menubar li {
		display: block;
		width: 100%;
		text-align: left;
	}
	nav .menubar li .aopen{
		border-right:none;
		border-bottom:1px solid #90c6a0;
		padding:15px 10px;
		margin:0 20px;
	}
	nav .menubar li:last-child .aopen{
		border-bottom:none;
	}
	nav .menubar li .aopen.bdr-none{
		border-right:none;
		border-bottom:none;
	}
	nav .menubar li .aopen .material-symbols-outlined {
		float:right;
		font-size: 32px;
		margin: 0;
	}
	nav .menubar li .detail{
		position: inherit;
		top:0;
		left:0;
		right:0;
		display:none;
		background-color:#265b2c;
	}
	nav .sp {
		display: flex;
		justify-content:space-between;
		align-items: center;
		background-color:#fff;
		padding:18px 25px;
		font-weight:bold;
		color:#222;
	}
	nav .sp.login {
		padding:12px 25px;
	}
	nav .sp.login .name{
		line-height: 1.5;
	}
	nav .sp.login .logoff{
		margin-right:20px;
	}
	nav .sp .inquiry a{
		border:1px solid #00913C;
		display: block;
		padding:5px 15px;
	}

	nav .detail .d-inr{
		width:auto;
		margin:0 20px;
		padding:20px 0;
		display: block;
	}
	nav .detail .txt{
		width:auto;
		border-bottom:1px solid #87aa92;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	nav .detail .txt a{
		font-size:1.6rem;
		padding: 0 0 15px 0;
	}
	nav .detail .txt a .material-symbols-outlined{
		font-size:2.4rem;
		padding-left:2px;
	}
	nav .detail .txt p{
		font-size:1.1rem;
	}
	nav .detail .lnks{
		width:auto;
		border-left:none;
		padding:0;
	}

	nav .detail .lnks.sps li a{
		align-items:start;
	}
	nav .detail .lnks li a img{
		width:120px;
	}
	nav .detail .lnks li a .ltxt div{
		font-size: 1.6rem;
		margin-bottom:2px;
	}
	nav .detail .lnks li a .ltxt p{
		font-size: 1.1rem;
	}
	nav .detail .lnks li a.cs .ltxt{
		margin-left:15px;
		margin-right:15px;
	}
	nav .detail .lnks li a .ltxt div .material-symbols-outlined{
		font-size:2.4rem;
	}
	nav .detail .lnks.sq li a{
		display: block;
		text-align: center;
	}
	nav .detail .lnks.sq li a img{
		width:70px;
		margin-bottom:10px;
	}
	nav .detail .lnks li a .ltxt div{
		font-size:1.4rem;
	}
	nav .detail .lnks li a .ltxt div .material-symbols-outlined{
		font-size:2.2rem;
	}
	nav .detail .lnks li a .ltxt div .material-symbols-outlined.nw{
		font-size:1.8rem;
		padding-left:3px;
		margin-top:2px;
		font-weight: bold;
	}

	#footer .inr{
		width:auto;
		margin:0;
		padding:0 20px;
	}
	#footer .inr ul {
		flex-wrap: wrap;
	}
	#footer .inr ul li{
		width:50%;
		margin-bottom:1em;
	}
	#footer .inr .copy{
		text-align: left;
		font-size: 1.2rem;
	}
	#footer .inr ul li a{
		font-size: 1.2rem;
	}
	#footer .inr ul li a.c-top{
		font-size: 1.3rem;
		margin-bottom:5px;
	}
	#footer .inr .copy{
		margin-top:25px;
	}


	#top-contents01{
		background:url(../img/mainbg-sp.jpg) no-repeat;
		background-size: cover;
	}
	#top-contents01 .inr{
		width:auto;
		margin:0 20px;
		padding-top:50px;
		padding-bottom:315px;
		color:#fff;
	}
	#top-contents01 h1{
		font-size: 3.2rem;
		float:none;
		margin-bottom:15px;
	}
	#top-contents01 .rtxt{
		float:none;
		font-size: 1.4rem;
		line-height: 1.8;
		width:auto;
	}
	#top-contents01 .rtxt .lnks a{
		font-size: 1.4rem;
	}
	#top-contents01 .rtxt .lnks .material-symbols-outlined {
	    font-size:2.4rem;
	}

	#slider .inr{
		padding-bottom: 15px;
	}
	#slider .inr li:first-child{
		margin-left:20px;
	}
	#slider .inr li{
		margin-right:20px;
	}
	#slider .inr li a{
		width:240px;
	}
	#slider .inr li a .cat{
		padding:20px 20px 0 20px;
		font-size:1.4rem;
	}
	#slider .inr li a p.ttl{
		font-size: 1.9rem;
		padding:0 20px;
		margin-top: 10px;
		min-height:74.09px;
	}
	#slider .inr li a p.date{
		padding:0 20px;
	}
	#slider .inr li a .img {
	    height: 156px;
	}
	#slider .inr li a:hover .h-c {
	    display: block;
	    z-index: 5;
	    position: absolute;
	    top: 140px;
	    left: 20px;
	    right: 20px;
	    color: #fff;
	}
	#slider .inr li a:hover .h-t{
		-webkit-line-clamp: 4;
		max-height: 128px;
	}
	.listmousedragscroll-dotscrollbar {
	    margin-left:16px!important;
	}
	.listmousedragscroll-dotscrollbar>span:not(.listmousedragscroll-scrollbar-button) {
	    padding: 2px 14px!important;
	}


	#top-contents01{

	}
	#top-contents02 .inr{
		width:auto;
		margin:0;
		padding: 210px 20px 0 20px;
	}
	#top-contents02 .inr .bg{
		position: absolute;
		top:0;
		right:0px;
		width:250px;
		height:350px;
		background:url(../img/c02bgsp.png) no-repeat;
		background-size: 250px auto;
	}
	#top-contents02 h2{
		font-size: 3.6rem;
		margin-bottom:10px;
	}
	#top-contents02 .rtxt{
		font-size: 1.6rem;
		margin-bottom:25px;
	}
	#top-contents02 .menu li {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	#top-contents02 .menu li .img{
		width:100%;
		height:auto;
	}
	#top-contents02 .menu .material-symbols-outlined {
	    font-size:30px;
	    margin-top:2px;
	}

	#top-contents03 {
	    overflow: initial;
	}
	#top-contents03 .inr{
		width:auto;
		margin:0;
		padding:160px 20px 0 20px;
		text-align:right;
		position: relative;
	}
	#top-contents03 .inr .bg{
		position: absolute;
		top:-200px;
		left:0px;
		width:280px;
		height:475px;
		background:url(../img/c03bgsp.png) no-repeat;
		background-size: 280px auto;
	}

	#top-contents03 h2{
		font-size: 3.6rem;
	}
	#top-contents03 .rtxt{
		font-size: 1.6rem;
		text-align: left;
		margin-bottom:40px;
	}
	#top-contents03 .menu{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#top-contents03 .menu li{
		width:46.5%;
		margin-left:0;
		margin-bottom:20px;
		padding:8px;
	}
	#top-contents03 .menu li .img img{
		width:100%;
		height: auto;
		border-radius:50%;
	}
	#top-contents03 .menu li p{
		font-size:1.6rem;
		margin:1em 0;
	}
	#top-contents03 .menu li a{
		font-size:1.2rem;
		padding:7px 2px 7px 12px;
		border-radius:25px;
	}
	#top-contents03 .menu .material-symbols-outlined {
	    font-size:20px;
	    margin-left: 2px;
	}

	#top-contents04{
		margin-top:0;
		overflow: initial;
		background:none;
	}

	#top-contents04 .inr{
		width:auto;
		margin:0;
		padding:170px 20px 20px 20px;
		position: relative;
	}
	#top-contents04 .inr .bg{
		position: absolute;
		top:-90px;
		right:0px;
		width:280px;
		height:320px;
		background:url(../img/c04bgsp.png) no-repeat;
		background-size: 280px auto;
	}
	#top-contents04 h2{
		font-size: 3.6rem;
	}
	#top-contents04 .rtxt{
		font-size: 1.6rem;
		margin-bottom:30px;
	}
	#top-contents04 .menu li{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	#top-contents04 .menu li .img{
		width:100%;
		height:auto;
	}

	#top-contents05{
		background:url(../img/c05bgsp.jpg) no-repeat #ddd;
		background-size: cover;
	}
	#top-contents05 .inr{
		width:auto;
		margin:0 20px;
		padding:70px 0 90px 0;
		display: block;
	}
	#top-contents05 .inr01{
		width:auto;
	}
	#top-contents05 h2{
		font-size: 2.8rem;
		padding-bottom:16px;
	}
	#top-contents05 h2:after{
		padding-top:20px;
	}
	#top-contents05 .rtxt{
		font-size: 1.6rem;
		padding-bottom:20px;
	}
	#top-contents05 .inr02{
		width:100%;
	}
	#top-contents05 .inr02 li{
		width:100%;
	}
	#top-contents05 .menu li .img {
	    width:100%;
		height: auto;
	}
	#top-contents05 .menu li .img img{
		width:100%;
		height: auto;
	}

	#top-contents06{
		background:url(../img/c06bgsp.jpg) no-repeat #ddd;
		background-size: cover;
	}
	#top-contents06 .inr{
		width:auto;
		margin:0 20px;
		padding:60px 0 80px 0;
	}
	#top-contents06 h2{
		font-size: 2.8rem;
		padding-bottom:18px;
	}
	#top-contents06 h2:after{
		padding-top:20px;
	}
	#top-contents06 .inr01{
		display: block;
	}
	#top-contents06 .rtxt{
		font-size: 1.6rem;
		padding-bottom:20px;
	}
	#top-contents06 .inr01 li {
	    width:240px;
	    margin:0 auto;
	}

	#top-contents07{
		background:url(../img/c07bgsp.jpg) no-repeat #ddd;
		background-size: cover;
	}
	#top-contents07 h2{
		font-size: 3.2rem;
		line-height: 1.4;
		font-weight:bold;
		padding-bottom:20px;
		color:#fff;
		text-align: center;
	}
	#top-contents07 .inr{
		width:auto;
		margin:0 20px;
		padding:120px 0 30px 0;
	}
	#top-contents07 .menu {
	    display: block;
	    justify-content: center;
	}
	#top-contents07 .menu li {
	    width: auto;
	    margin:0 0 20px 0;
	}
	#top-contents07 .menu li p {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 1.8rem;
	    font-weight: bold;
	    line-height: 1.3;
	    margin-top: 0;
	    height: 100px;
	    color: #fff;
	}
	#top-contents07 .menu li p .material-symbols-outlined {
	    margin-left: 5px;
	    font-weight:bold;
	}
	#top-contents07 .menu li .img {
	    width:100%;
		height: auto;
	}

}

.page{
	background-color: #F1F7F3;
}
.page .page-header{
	background:#ddd;
	position: relative;
	height:264px;
}
.page .page-header.c01{
	background:url(../img/c01main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.c02{
	background:url(../img/c02main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.c03{
	background:url(../img/c03main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.c04{
	background:url(../img/c04main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.c05{
	background:url(../img/c05main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.c06{
	background:url(../img/c06main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.r01{
	background:url(../img/r01main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.r02{
	background:url(../img/r02main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header.r03{
	background:url(../img/r03main.jpg) no-repeat #ddd;
	background-size:cover;
}
.page .page-header .breadcrumb{
	position: absolute;
	top:15px;
	left:calc(50% - 540px);
	Width:1080px;
	display: flex;
	flex-wrap: wrap;
}
.page .page-header .breadcrumb li{
	font-size: 1.4rem;
	color:#fff;
}
.page .page-header .breadcrumb li a{
	color:#fff;
	font-weight:bold;
}
.page .page-header > p{
	width:1080px;
	margin:0 auto;
	padding-top:5em;
	font-weight:bold;
	color:#80BA2D;
	font-size:2.0rem;
	line-height: 1;
}
.page .page-header > h1{
	font-size:4.8rem;
	width:1080px;
	margin:0 auto;
	padding-top:15px;
	line-height: 1;
	font-weight:bold;
	color:#fff;
}
.page .inr{
	width:1080px;
	margin:0 auto;
	padding:4em 0 6em 0;
	position: relative;
}
.page .catbox{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:5em;
}
.page .catbox li{
	width:32%;
	background-color: #fff;
	margin-right:2%;
	margin-bottom:22px;
	position: relative;
}
.page .catbox li:nth-child(3n){
	margin-right:0;
}
.page .catbox li a{
	display: block;
	padding:30px 30px 90px 30px;
	box-sizing: border-box;
}
.page .catbox li a:hover{
	opacity: .7;
}
.page .catbox li h2{
	font-size: 2.4rem;
	line-height: 1.4;
	color:#00913C;
	font-weight: bold;
}
.page .catbox li h2:after{
	content:"";
	display: block;
	clear: both;
}
.page .catbox li h2 .material-symbols-outlined {
    font-size: 3.0rem;
    margin-left: 3px;
    margin-top:4px;
    color:#dcc552;
}
.page .catbox li h2 .material-symbols-outlined.right {
    font-size: 3.6rem;
    margin-top:1px;
    float:right;
    font-weight:bold;
    color:#00913C;
}
.page .catbox li p{
	color:#222;
	font-size: 1.6rem;
}
.page .catbox li p.date{
	position: absolute;
	left:30px;
	bottom:30px;
	display: inline-block;
	font-size: 1.6rem;
	line-height: 16px;
	padding:0;
	height: 18px;
	color:#222;
}
.page .catbox li p.rock:after{
	content:"";
	display: inline-block;
	margin:0 0 0 8px;
	width:14px;
	height:18px;
	background:url(../img/rock.svg) no-repeat;
	background-size: 14px 18px;
	vertical-align: top;
}
.page .etc .ettl{
	color:#005C26;
	font-size:3.2rem;
	font-weight: bold;
	margin-bottom:20px;
}
.page .etc .list{
	display: flex;
	flex-wrap: wrap;
}
.page .etc .list li{
	width:32%;
	background-color: #fff;
	margin-right:2%;
	margin-bottom:22px;
}
.page .etc .list li:nth-child(3n){
	margin-right:0;
}
.page .etc .list li a{
	display: flex;
	padding:10px;
	box-sizing: border-box;
	align-items: center;
	justify-content:space-between;
}
.page .etc .list li a.cs{
	position: relative;
}
.page .etc .list li a.cs:after{
	position: absolute;
	content:"近日公開予定";
	display: flex;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.3);
	color:#fff;
	align-items: center;
	justify-content:flex-end;
	padding-right:25px;
	font-weight:bold;
	font-size:2rem;
}
.page .etc .list li a img{
	width:96px;
	height:96px;
	border-radius:48px;
}
.page .etc .list li a div{
	width:180px;
	font-weight: bold;
	font-size:2.0rem;
}
.page .etc .list li a.cs div{
	color:#7A7A7A;
}
.page .etc .list li a span{
	font-size:2.8rem;
	font-weight: bold;
	width: 28px;
}
.page .etc .list li a:hover{
	opacity: .7;
}
.page .etc .list li a.cs:hover{
	opacity: 1;
}
.page .breadcrumb.btm{
	width:1080px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom:15px;
}
.page .breadcrumb.btm li{
	font-size: 1.4rem;
}
.page .breadcrumb.btm li a{
	font-weight: bold;
}
#page-related{
	background:url(../img/related.jpg) no-repeat #ddd;
	background-size:cover;
}
#page-related .r-ttl{
	font-size: 3.6rem;
	font-weight: bold;
	color:#fff;
	margin-bottom:30px;
}
#page-related .catbox {
    margin-bottom: 0;
}


.page.lower{
	background-color: initial;
}
.page.lower .page-header{
	background:#F1F7F3;
	position: relative;
	height:240px;
}
.page.lower .page-header.summary{
	height:auto;
}
.page.lower .page-header .breadcrumb li{
	font-size: 1.4rem;
	color:#222;
}
.page.lower .page-header .breadcrumb li a{
	color:#00913C;
}
.page.lower .page-header > h1{
	font-size:4.8rem;
	width:100%;
	margin:0 auto;
	padding-top:95px;
	text-align: center;
	color:#222;
}
.page.lower .pnavi{
	padding:30px 0;
	border-bottom:1px solid #eee;
	margin-bottom:50px;
}
.page.lower .pnavi:after{
	content:"";
	display: block;
	clear:both;
}
.page.lower .pnavi div{
	float:left;
	width:330px;
	font-size: 2.4rem;
	font-weight: bold;
	color:#005C26;
	line-height: 1;
}
.page.lower .pnavi ul{
	float: right;
	display: flex;
	width:720px;
	flex-wrap: wrap;
	justify-content:space-between;
}
.page.lower .pnavi li{
	width:345px;
	border-top:1px solid #eee;
}
.page.lower .pnavi li a{
	display: flex;
	padding:15px 0 25px 0;
}
.page.lower .pnavi li a .ttl {
	color:#222;
	font-weight:500;
	line-height: 1.5;
	margin-left:5px;
}
.page.lower .contents {
	min-height: 660px;
}
.page.lower .contents:after {
	content:"";
	display: block;
	clear:both;
}
.page.lower .leftnav {
	position:fixed;
	top:86px;
	left:0;
	right:0;
	width:1080px;
	margin-left:calc(50% - 540px);
	width:320px;
}
.page.lower .leftnav a{
	display: flex;
	padding:10px 0 20px 0;
}
.page.lower .leftnav li a .ttl {
	color:#222;
	font-weight:500;
	line-height: 1.5;
	margin-left:5px;
}
.page.lower .leftnav.fixed {
	position:fixed;
	top:86px;
	left:0;
	right:0;
	width:1080px;
	margin-left:calc(50% - 540px);
	width:320px;
	transition : .5s;
}
.page.lower .leftnav.none {
	opacity: 0;
	transition : .5s;
	visibility: hidden;
}
.page.lower .leftnav.start {
	opacity: 0;
	transition : .5s;
	visibility: hidden;
}
.page.lower .c-main {
	float:right;
	width:720px;
}
.page.lower .l-inr{
	width:720px;
	margin:0 auto;
	padding:100px 0 60px 0;
}
.page.lower .l-inr h1{
	font-size: 5.2rem;
	line-height: 1.3;
	font-weight: bold;
	color:#005C26;
	padding-bottom:30px;
}
.page.lower .l-inr p{
	font-size: 2rem;
	line-height: 1.6;
	color:#005C26;
	margin:0;
}
.page.lower .l-main{
	width:720px;
	margin:0 auto;
	padding: 25px 0 6em 0;
	position: relative;
}
.page.lower .l-main .l-box{
	min-height:680px;
}
.page.lower .l-main .ainfo{
	display: flex;
	justify-content:space-between;
	margin-bottom:60px;
}
.page.lower .l-main .article-date{
	font-size: 1.6rem;
	font-weight:bold;
}
.page.lower .l-main .article-date span{
	padding-left:15px;
	font-weight: normal;
}
.page.lower .l-main h2{
	font-size: 3.6rem;
	margin-bottom:30px;
	font-weight: bold;
	color:#005C26;
}
.page.lower .l-main p{
	font-size: 1.8rem;
	margin-bottom:30px;
}
.page.lower .l-main ul.list li{
	font-size: 1.8rem;
	margin-bottom:30px;
	padding-left:30px;
	position: relative;
}
.page.lower .l-main ul.list li:before{
	content:"";
	position: absolute;
	top:13px;
	left:5px;
	display: block;
	width:12px;
	height:12px;
	border-radius:6px;
	background:#005C26;
}
.page.lower .l-main ul.list li:last-child{
	margin-bottom:40px;
}
.page.lower .l-main hr{
	border:none;
	border-bottom:1px solid #eee;
	margin:0 0 40px 0;
	padding-top:20px;
}
.page.lower .l-main p.caption{
	font-size: 1.1rem;
	line-height: 1.4;
	padding-top:40px;
}
.page.lower .l-main .icon-img{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
.page.lower .l-main .icon-img .i-box{
	width:320px;
	text-align: center;
	margin:0 10px 40px 10px;
}

.page.lower .guidance{
	position: absolute;
	bottom:6em;
	left:0;
	right:0;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 35%);
	padding-top:240px;
}
.page.lower .guidance .box{
	width:720px;
	border:1px solid #00913C;
	margin:0 auto;
	box-sizing: border-box;
	padding:20px 30px 30px 30px;
	background:#fff;
	text-align: center;
}
.page.lower .guidance .box .ttl{
	font-size: 3.2rem;
	font-weight: bold;
	color: #00913C;
}
.page.lower .guidance .box p{
	font-size: 1.6rem;
	line-height: 1.5;
	margin:1em 0 1.2em 0;
}
.page.lower .guidance .box .listtxt{
	font-weight: bold;
	font-size:1.8rem;
	display: flex;
	justify-content: center;
	margin-bottom:10px;
}
.page.lower .guidance .box .listtxt span{
	width:450px;
	text-align: left;
}
.page.lower .guidance .box .listtxt .material-symbols-outlined{
	font-size:3.6rem;
	color:#00913C;
	font-weight: bold;
	vertical-align: top;
	width:45px;
}
.page.lower .guidance .box .btn{
	margin-top:35px;
}
.page.lower .guidance .box .btn a{
	display: block;
	font-size:1.6rem;
	color:#fff;
	font-weight: bold;
	width:280px;
	background:#00913C;
	line-height:54px;
	margin:0 auto;
	border-radius:27px;
	box-shadow:0px 0px 3px 5px rgba(0,0,0,0.05);
	padding-left:10px;
}
.page.lower .guidance .box .btn a:hover{
	opacity: 0.8;
}
.page.lower .guidance .box .btn a .material-symbols-outlined{
	margin-left:5px;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}


.temp h2{
	font-size: 3.2rem;
	color:#005C26;
	line-height: 1.4;
	margin:0 0 40px 0;
	font-weight: bold;
}
.temp h3{
	font-size: 1.6rem;
	line-height: 1.7;
	margin:0 0 20px 0;
	font-weight: bold;
}
.temp p{
	font-size: 1.6rem;
	line-height: 2;
	margin:0 0 40px 0;
}
.temp p.caption{
	font-size: 1.1rem;
	line-height: 1.4;
	margin:0 0 40px 0;
}
.temp .img{
	margin:0 0 40px 0;
}
.temp .img.w70p{
	width:70%;
	margin:0 auto 40px auto;
}
.temp hr{
	border:none;
	border-bottom:1px solid #eee;
	margin:0 0 60px 0;
	padding-top:20px;
}
.temp .dashed{
	border:none;
	border-bottom:2px dashed #eee;
	margin:0 0 20px 0;
	padding-top:0px;
}
.temp .solid{
	border:none;
	border-bottom:1px solid #eee;
	margin:0 0 20px 0;
	padding-top:0px;
}

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

	.page .page-header{
		height:240px;
	}
	.page .page-header.c01{
		background:url(../img/c01mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.c02{
		background:url(../img/c02mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.c03{
		background:url(../img/c03mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.c04{
		background:url(../img/c04mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.c05{
		background:url(../img/c05mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.c06{
		background:url(../img/c06mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.r01{
		background:url(../img/r01mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header.r02{
		background:url(../img/r02mainsp.jpg) no-repeat #ddd;
		background-size:cover;
	}
	.page .page-header .breadcrumb{
		position: absolute;
		top:15px;
		left:0;
		width:100%;
		padding:0 20px 5px 20px;
		flex-wrap: nowrap;
		overflow-x: auto;
		box-sizing: border-box;
		text-overflow: ellipsis;
	}
	.page .page-header .breadcrumb li{
		font-size: 1.2rem;
		white-space: nowrap;
	}
	.page .page-header .breadcrumb li .material-symbols-outlined{
		font-size: 2rem;
	}
	.page .page-header > p{
		width:auto;
		margin:0 20px;
		padding-top:5em;
		font-size:1.6rem;
	}
	.page .page-header > h1{
		font-size:3.6rem;
		width:auto;
		margin:0 20px;
		padding-top:12px;
	}
	.page .inr{
		width:auto;
		margin:0 20px;
		padding:2em 0 5em 0;
		position: relative;
	}
	.page .catbox{
		display: flex;
		flex-wrap: wrap;
		margin-bottom:5em;
	}
	.page .catbox li{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.page .catbox li a{
		padding:25px 25px 80px 25px;
	}
	.page .catbox li p.date{
		position: absolute;
		left:25px;
		bottom:25px;
	}
	.page .etc .ettl{
		font-size:2.8rem;
		margin-bottom:15px;
	}
	.page .etc .list li{
		width:100%;
		background-color: #fff;
		margin-right:0;
		margin-bottom:16px;
	}
	.page .etc .list li a div{
		width:calc(100% - 154px);
	}
	.page .breadcrumb.btm{
		width:auto;
		padding:0 20px 15px 20px;
		overflow-x: auto;
		flex-wrap: nowrap;
	}
	.page .breadcrumb.btm li{
		font-size: 1.2rem;
		white-space: nowrap;
	}
	.page .breadcrumb.btm li .material-symbols-outlined{
		font-size: 2rem;
	}

	.page.lower .page-header{
		height:210px;
	}
	.page.lower .page-header > h1{
		font-size:3.6rem;
		width:auto;
		margin:0 20px;
		padding-top:95px;
		text-align: center;
		color:#222;
	}
	.page.lower .page-header .breadcrumb li{
		font-size: 1.2rem;
	}
	.page.lower .pnavi {
	    padding:5px 0 0 0;
	    margin-bottom: 30px;
	}
	.page.lower .pnavi div{
		float:none;
		width:auto;
		font-size: 2.4rem;
		text-align: center;
		margin-bottom:30px;
	}
	.page.lower .pnavi ul{
		float:none;
		width:auto;
		display: block;
	}
	.page.lower .pnavi li{
		width:auto;
		padding:0 5px 0 10px;
	}
	.page.lower .leftnav {
		display: none;
	}
	.page.lower .c-main {
		float:none;
		width:auto;
	}
	.page.lower .l-inr{
		width:auto;
		margin:0 20px;
		padding:70px 0 40px 0;
	}
	.page.lower .l-inr h1{
		font-size: 3.6rem;
		padding-bottom:25px;
	}
	.page.lower .l-inr p{
		font-size: 1.6rem;
	}
	.page.lower .l-main{
		width:auto;
		margin:0 20px;
		padding: 25px 0 6em 0;
	}
	.page.lower .l-main h2{
		font-size: 3.2rem;
		margin-bottom:30px;
	}
	.page.lower .l-main p{
		font-size: 1.6rem;
		margin-bottom:30px;
	}
	.page.lower .l-main ul.list li{
		font-size: 1.6rem;
	}
	.page.lower .l-main ul.list li:before{
		content:"";
		position: absolute;
		top:11px;
		left:5px;
	}
	.page.lower .l-main hr{
		border:none;
		border-bottom:1px solid #eee;
		margin:0 0 30px 0;
		padding-top:10px;
	}
	.page.lower .l-main .icon-img .i-box{
		width:auto;
		margin:0 0 40px 0;
	}
	.page.lower .guidance {
	    position: absolute;
	    bottom: 2em;
	    left: 0;
	    right: 0;
	}
	.page.lower .guidance .box{
		width:auto;
	}
	.page.lower .guidance .box .ttl{
		font-size: 2.4rem;
	}
	.page.lower .guidance .box p{
		font-size: 1.6rem;
		margin: .7em 0 1em 0;
	}
	.page.lower .guidance .box .listtxt{
		font-size:1.6rem;
		line-height: 1.5;
	}
	.page.lower .guidance .box .listtxt span{
		width:auto;
	}
	.page.lower .guidance .box .listtxt .material-symbols-outlined{
		font-size:3.2rem;
	}
	.page.lower .guidance .box .btn{
		margin-top:30px;
	}
	.page.lower .guidance .box .btn a{
		font-size:1.5rem;
		width:240px;
		line-height:46px;
		border-radius:23px;
		padding-left:8px;
	}

	.temp h2{
		font-size: 2.4rem;
		margin:0 0 20px 0;
	}
	.temp h3{
		font-size: 1.6rem;
		line-height: 1.5;
		margin:0 0 20px 0;
		font-weight: bold;
	}
	.temp p{
		font-size: 1.6rem;
		line-height: 2;
		margin:0 0 20px 0;
	}
	.temp p.caption{
		font-size: 1.1rem;
		line-height: 1.4;
		margin:0 0 20px 0;
	}
	.temp .img{
		margin:0 0 20px 0;
	}
	.temp .img.w70p{
		width:auto;
		margin:0 0 20px 0;
	}
	.temp hr{
		border:none;
		border-bottom:1px solid #eee;
		margin:0 0 40px 0;
		padding-top:20px;
	}

}