/*------ base
---------------------------------------*/

.container {
	width: 96%;
	max-width: 980px;
	margin: 0 auto;
}

@media (max-width: 740px) {
.container {
	width: 96%;
	margin: 0 auto;
}
}

/*------ header
---------------------------------------*/

.header {
	width: 100%;
/* 20210517 レイアウト崩れ修正 START  */
/* 	height: 120px; */
/* 20210517 レイアウト崩れ修正 END  */

	background: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 100;
}

.header h1 {
/* 20210517 レイアウト崩れ修正 START  */
/* 	position: absolute; */
/* 	top: 17px; */
/* 	left: 10px; */
	display: inline-block;
	padding: 10px;
/* 20210517 レイアウト崩れ修正 END  */
}
.header .globalNavi {
/* 20210517 レイアウト崩れ修正 START  */
/* 	position: absolute; */
/* 	top: 40px; */
/* 	right: 10px; */
	display: inline-block;
/* 20210517 レイアウト崩れ修正 END  */
}
.header .globalNavi ul li {
	float: left;
	margin: 0 0 0 15px;
	font-size: 113%;
}
.header .globalNavi ul li a{
	color: #fff;
/* 20210517 レイアウト崩れ修正 START  */
/* 	padding: 0 0 15px 0; */
	padding: 0 0 6px 0;
/* 20210517 レイアウト崩れ修正 END  */
	display: block;
}
.header .globalNavi ul li a:hover,
.header .globalNavi ul li a.current{
	color: #ffaa00;
/* 20210517 レイアウト崩れ修正 START  */
/* 	padding: 0 0 9px 0; */
	padding: 0 0 0 0;
/* 20210517 レイアウト崩れ修正 END  */
	text-decoration: none;
	border-bottom: #ffaa00 solid 6px;
}

.localNavi {
/* 20210517 レイアウト崩れ修正 START  */
	display: none;
/* 20210517 レイアウト崩れ修正 END  */
	width: 100%;
	height: 60px;
	background: rgba(50,50,50,0.5);
	position: absolute;
	z-index: 100;
	top: 120px;
	text-align: center;
}
.localNavi ul li {
	display: inline-block;
	font-size: 113%;
}
.localNavi ul li a{
	display: block;
    color: #fff;
    padding: 14px 50px;
}
.localNavi ul li a:hover,
.localNavi ul li a.current{
	color: #ffaa00;
	text-decoration: none;
}

.header .dl-menuwrapper{
	display: none;
}

@media (max-width: 740px) {
.header .dl-menuwrapper{
	display: block;
}
.header .globalNavi {
	display: none;
}
.header {
	width: 100%;
	height: 60px;
	position: fixed;
}
.header h1 {
	position: absolute;
/* 20210517 k-mitani レイアウト崩れ修正 START  */
/* 	top: 10px; */
/* 	left: 10px; */
/* 20210517 k-mitani レイアウト崩れ修正 END  */
}
.header h1 img {
	height: 40px;
}

.localNavi{
	display: none;
}
}


/*------ main
---------------------------------------*/
.next .mainvisual{
	height: 430px !important;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.next .mainvisual h2{
	font-size: 240%;
	background: url(../images/bg_h2.jpg) no-repeat center bottom;
	margin: 0 0 10px 0;
	padding: 220px 0 10px 0;
	text-shadow: 0px 0px 7px #999;
}
.next .mainvisual h3{
	font-size: 113%;
	text-shadow: 0px 0px 7px #999;
}


p.button{
	width: 180px;
	margin: 20px auto 0 auto;
}
p.button a{
	font-family: 'Muli', sans-serif;
	display: block;
	color: #fff;
/*  20221020 y-ikeda view more 上下位置修正 START */		
/*	font-size: 103%; */
    font-size: 95%;
/*	padding: 12px 0 9px 0; */
    padding: 12px 0 12px 0;
/*  20221020 y-ikeda view more 上下位置修正 END */		
	text-align: center;
	background: url(../images/icon_arrow001.png) no-repeat 85% center, #fe9953;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
}
p.button a:hover{
	background: url(../images/icon_arrow001.png) no-repeat 85% center, #dd8548;
}

@media (max-width: 740px) {
.next .mainvisual{
	height: 300px !important;
}
.next .mainvisual h2{
	padding: 100px 0 10px 0;
}	
}


/*----- content -----*/

.contacts {
	padding: 30px 0 50px 0;
}
.contacts h2{
	text-align: center;
	font-size: 163%;
	margin: 0 0 20px 0;
	font-weight: bold;
}
.contacts .leftBox{
	width: 360px;
	float: left;
	margin: 0 0 0 80px;
}
.contacts .leftBox p{
	margin: 15px 0 0 0;
	font-size: 88%;
}
.contacts .rightBox{
	width: 290px;
	float: right;
	padding: 60px 0 0 0;
}
@media (max-width: 740px) {
.contacts {
	padding: 30px 0;
}
.contacts .leftBox{
	width: 100%;
	text-align: center;
	float: none;
	margin: 0;
}
.contacts .leftBox address{
	display: inline-block;
	text-align: left;
}
.contacts .rightBox{
	width: 100%;
	text-align: center;
	float: none;
	padding: 30px 0 0 0;
}
}


/*------ footer
---------------------------------------*/

.footer {
	clear: both;
	width: 100%;
	background: #fe9953;
	color: #fff;
	padding: 20px 0;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #333;
}
.footer .footerNav {
	width: 520px;
	margin: 0 0 0 20px;
	float: left;
}
.footer .footerNav ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	border-right: #fff solid 1px;
	line-height: 1.4;
}
.footer .footerNav ul li:last-child {
	margin: 0;
	padding: 0;
	border-right: none;
}
.footer .footerArea {
	float: right;
	font-size: 88%;
	margin: 0 20px 0 0;
}
.footer .footerArea ul.privacy{
	float: left;
}
.footer .footerArea ul.privacy li{
	float: left;
	margin: 0 20px 0 0;
}
.footer .footerArea ul.privacy li:last-child{
	margin: 0;
}
.footer .footerArea p.copyright{
	/*width: 180px;*/
	width: 150px;
	text-align: right;
	float: right;
}


@media (max-width: 740px) {
.footer {
	padding: 10px 0;
}
.footer .footerNav {
	display: none;
}
.footer .footerArea ul.privacy{
	display: none;
}
.footer .footerArea p.copyright{
	width: 100%;
	text-align: center;
	float: none;
}
}