@charset "utf-8";
/* CSS Document */
html { 
	scroll-behavior: smooth;
}
body{
	color: #262626;
	margin: 0;
	font-family: Arial, sans-serif;
	overflow-y: scroll;
	background-color: #dddddd;
}

/* メインコンテンツ用の囲み */
.main{
	max-width: 1400px;
	margin: 0px auto;
	padding:20px;
}
@media (max-width:767px){
	.main{
		padding:10px 5px;
}
}
.header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	padding-bottom: 20px;
	align-items: center;
	border-bottom: dotted 1px #999999;
}
@media (max-width:767px){
	.header {
		display: block;
		padding:10px 20px; 
	}
}

.header h1 {
	border-left:solid 7px #316A74;
	padding-left: 15px;
}
.content {
	width:95%;
	margin:0 auto;
}

.inq_btn {
    background: #316A74;
    border-radius: 20px;
    position: relative;
    height: 40px;
    width: 200px;
    cursor: pointer;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
@media (max-width:767px){
	.inq_btn {
		margin-bottom:10px;
	}
}

.inq_btn:hover {
	opacity: 0.7;
}

.inquiry_btn {
display:flex;
	justify-content: center;
}
#panel-ink {
    display: block;
    font-size: 17px;
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 25%;
}

.barnone {
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
.barnone::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;  
}
/* ナビゲーション用CSS */
/*header {
	background-color: rgba(0,0,0,0.63);
	width: 100%;
	position: fixed;
	z-index: 50;
}
*/
.box {
	text-align: center;
}
.box h4 {
	position: relative;
	text-align: center;
	margin:10px 0;
	padding: 0; 
	font-size:1.2em;
	line-height: 1.3em;
}
.box h4 span {
	color:#316A74;
	font-size:0.9em;
}
.box ul {
	padding: 0px;
	margin: 0;
}
.box li {
	list-style-type: none;
	margin: 0;
}

.box li a {
	text-decoration: none;
	color:#666666;
}
.movie video {
	width:100%;
	overflow: hidden;
}
.footer{
	background-color: #316A74;
	text-align: center;
	color: #FFF;
	padding-top: 10px;
	padding-bottom:10px;
	font-size: 0.7em;
}

#pgn_pagetop a {
	display: block;
    width: 40px;
    height: 40px;
    background: #316a74 url(../images/shared/arrow/up03.png) no-repeat 50% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALBJREFUeNpi/P//PwOJwBqITwPxL2IUM5FouB8Q7wbiWqJ1gHxAJA4E4idA7AHED4E4hxh9xBoeAjVcC8pXhPIzqWEByPDnSIYzoFmSRokF4WguR8cqUPlkciyIImA4UZbg0hRLpOEwrA5Vn0CMBQlQxeokpDCYJc/RLcFm+EMyDMfpE2q4HB1rQX0Si2xBGpUMR7ckCsSRBuJ70NTAQEWsC8QzGaGFHRuxhRepACDAAC6WPcELMC5BAAAAAElFTkSuQmCC);
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
}

.page-top_link ul {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
	list-style-type: none;
}
#footer_inquiry img {
	width:35px;
	margin-right:10px;
}