/*CSS*/


body{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color:#333;
}

.text-nowrap{
	white-space:nowrap;
}

.shimanami{
	font-family:"Shimanami JIS2004";
}

h1,h2,h3,h4,h5,h6{
	font-family:"Shimanami JIS2004";
}

a{
	color:#1E1E1F;
	border:0;
}

.concept-text{
	background:#C4181B;
	color:#fff;
}

p{
	line-height:1.8em;
}

p a{
	color:#1e73d4;
}

.concept-text p{
	line-height:2em;
}

@media(max-width:567.98px){
	.concept-text p{
		font-size:0.8rem;
	}
}

.link-blue{
	color:#0858D4;
	text-decoration:underline;
}
.text-intro a{
	color:#1E4BC5;
	text-decoration:underline!important;
}

.modal-list h2{
	font-family:"Shimanami JIS2004";
}

/*drawer*/
.blue{
	color:#5F7899!important;
}

.pink{
	color:#E9575F!important;
}

.drawer-hamburger{
	background-color:rgba(255,255,255,0.50);
}
.drawer-hamburger:hover {
	cursor: pointer;
	background-color:#fff;
}
.drawer-hamburger-icon,.drawer-hamburger-icon:before,.drawer-hamburger-icon:after{
	background-color:#222;
}
.drawer-nav{
	width: 15.25rem;
	background-color:#D20B1D;
	opacity:0.8;
	z-index:10000;
}

.drawer--left .drawer-nav {
  left: -15.25rem;
}
.drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}
.drawer--left.drawer-open .drawer-hamburger {
  left: 15.25rem;
}

@media (min-width:75em) {
  .drawer--sidebar .drawer-nav {
    width: 15.25rem
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 15.25rem
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 15.25rem
  }
}
@media (min-width:64em) {
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 15.25rem;
    border: 1px solid #ddd
  }
}
.drawer-brand{
	color:#fff;
}
.drawer-brand:hover{
	color:#ccc;
}

.drawer-menu-item{
	color:#fff;
}
.drawer-menu-item:hover {
	text-decoration: underline;
	color: #ccc;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(405deg);
  transform: rotate(405deg)
}
.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg)
}

.drawer--left .drawer-nav {
  -webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
  transition: left .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer-hamburger {
  -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
  transition: all .6s cubic-bezier(.19, 1, .22, 1);
}

@media(min-width:768px){
	header{
		display:none;
	}
}

.w-80{
	width:80%!important;
}

.w-90{
	width:90%!important;
}

.topview{
}

.outer{
	height:5rem;
	margin-top:-50px;
}

.mt-6{
	margin-top:4.5rem;
}
.mt-7{
	margin-top:6rem;
}

.logomark{
	width:30%;
}
.logomark-side{
	width:35%;
}
@media(min-width:568px){
.logomark{
	width:20%;
}
.logomark-side{
	width:40%;
}
}
@media(min-width:968px){
.logomark{
	width:16%;
}
.logomark-side{
	width:42%;
}
}

#glbnav{
	display:none;
}
@media(min-width:768px){
	#glbnav{
		display:block;
	}
}

@media(min-width:568px){
.w-pc-75{
	width:75%!important;
}

}

#information{
	margin-bottom:30vh;
}

.opening{
	z-index:9999;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-animation: byeShutter 2s ease-in 6s forwards;
	animation: byeShutter 2s linear 6s forwards;
}

ul{
	list-style:none;
}

.intro-card ul{
	list-style:none;
}
.intro-card li span{
}

@media (min-width:768px){
.sp{
	display:none;
}
}
@media (max-width:767.98px){
.pc{
	display:none;
}
}

.localNav{
	width:90%;
	margin:0 auto;
	font-size:0.8rem;
}
@media (min-width:568px){
.localNav{
	width:60%;
	}
}

.localNav div.d-table-cell{
	
}

.localNav a{
	display:block;
	padding:5px 0;
	width:100%;
	height:100%;
}
.localNav a:hover{
	color:#fff;
	background-color:#D20B1D;
	text-decoration:none;
}

.localNav a.active{
	color:#fff;
	background-color:#D20B1D;
	text-decoration:none;
}

@media(max-width:576px){
.carousel-item img{
		padding:0;
	}
}


.attention{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

@keyframes byeShutter{
	from{
		opacity:1;
	}	
	to{
		opacity: 0;
		display: none;
		z-index: -1;
	}
}

.inner{
	width:100%;
	height:90vh;
	text-align:center;
	align-items:center;
	display:flex;
}


#header-area h1{
	margin-bottom:0;
}

.h1-logo{
	width:100%;
	font-size:1rem;
}

h1.page-title{
	margin-top:1.5rem;
	font-size:1.2em;
	font-family:"Shimanami JIS2004";
}

h2.contents-title{
	font-size:1.1em;
	text-align:center;
	font-family:"Shimanami JIS2004";
}

.sub-title{
	font-size:1.1em;
	text-align:center;
	font-family:"Shimanami JIS2004";
}

.sentence-title{
	font-family:"Shimanami JIS2004";
}
@media(min-width:568px){
h2.contents-title{

}
}

h2.catchcopy{
	font-size:0.8em;
	font-family:"Shimanami JIS2004";
}
@media(min-width:568px){
h2.catchcopy{
	font-size:0.9em;
}
}

.header-image div{
	padding:5px;
}

.yugothic{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.sentence-title{
	color:#A2A2A2;
	font-size:1em;

}
.sentence-title span{
	color:#333;
}

.sentence-title a{
	width:100%;
	height:100%;
	display:block;
	padding:1em 0;
	margin-top:1em;
}

.sentence-title a:hover{
	text-decoration:none;
	color:#333;
	background-color:#D9D7F1;
}

.small75{
	font-size:75%!important;
}

.smaller{
	font-size:90%!important;
}

.xsmall{
	font-size:50%!important;
}

.xxsmall{
	font-size:40%!important;
}

.card li{
	margin-bottom:0.5em;
}

.w-15{
	width:15%!important;
}

.w-20{
	width:23.5%!important;
}

.w-30{
	width:30%!important;
}

p.text-intro{
	line-height:2em;
}

.image-list div{
	padding-left:5px;
	padding-right:0px;
	padding-bottom:1em;
}

.text-plan > .d-table{
	width:100%;
}
.d-table-cell{
	vertical-align: middle;
	padding:.5em;
}
.table-header{
	background-color:#ccc;
	padding-left:1em;
	padding-right:1em;
}

.text-plan{
	font-family:"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size:0.8em;
	line-height:1.5em;
}

@media(max-width:576px){
	.text-plan{
	}
}


.text-plan > div.d-table{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}

.text-plan p.d-table-cell{
	align-items:center;
	text-align:center;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-collapse:collapse;
}

.text-plan li{
	margin-bottom:1em;
	padding:0 5px;
}
.text-plan li a{
	color:#3364A4;
	display:block;
	width:100%;
	height:100%;
}

.text-plan li a .float-left{
	border-bottom:1px solid #3364A4;
}

.text-plan li a:hover,.text-plan li a.active{
	text-decoration:none;
	color:#333;
	background-color:#D9D7F1;
}

p.text-intro{
	font-size:0.8em;
}

p.text-intro img{
	width:1.2em;
	vertical-align:baseline;
}

p.address{
	line-height:2em;
}

.sns-icon{
	padding-top:15px;
	width:25px;
	display:inline-block;
}

@media(min-width:768px){
.sns{
	width:90%;
	padding-top:30px;
}
.sns-icon{
	width:30px!important;
}
}



.nav-japanese{
	display:block;
	text-align:center;
	font-family:"Shimanami JIS2004"!important;
}

#news p{
	line-height:1.8em;
}

/*スマホ表示*/
@media (max-width:567.98px){
	.logo{
		width:30%;
		margin:0 auto;}
	
	#newstitle .nav-english{
	display:none;
}
	
	#glbnav{
		position:fixed;
		z-index:9999;
	}
	
.slide{
		
}
	
	.news-area{
		margin-top:10px;
	}

.nav-line{
	display:none;
}

.wrapper{
	width:100%;
	overflow:hidden;
}
	
#news h1 a{
	display:block;
	width:100%;
	color:#666!important;
	font-size:0.9rem;
}

#news h1{
	border-bottom:1px solid #ccc;
	margin-bottom:0.5em;
}
	
#news h2{
	font-size:0.9rem;
	width:80px;
	margin-right:5px;
}
#news h3{
	font-size:0.9rem;
	margin-bottom:1em;
	width:100%;

}
#news p{
	width:100%;
	font-size:0.8rem;
}
	

}
	
/*PC表示*/
@media (min-width:568px){

	.news-area{
		margin-top:20px;
	}
	
#news h1 a{
	display:block;
	width:100%;
	color:#666!important;
	font-size:1.2rem;
}

#news h1{
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}

	
#news h2{
	font-size:1.2rem;
	width:80px;
	float:left;
	margin-right:5px;
}
#news h3{
	font-size:1.2rem;
	margin-bottom:1em;
	width:79%;
	float:left;
}
#news p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	width:100%;
	font-size:1rem;
	clear:both;
}
	
#title{
		margin-top:30px;
	}
	

	
.logo{
	width:20%;
	margin:0 auto;
	}
	
	.navbar{
		margin-bottom:1em;
	}
	
	.nav-item{
		height:50px;
		width:120px;
	}


	
	.nav-line{
		display:block;
		text-align:center;
		height:0px;
		width:0;
		margin-left:50%;
		border-bottom:1px solid #666;
		font-size:1.4em;
		animation:expand 0.5s linear 0.5s forwards;
	}
	
	.nav-english{
		display:block;
		text-align:center;
		font-size:0.8em;
		letter-spacing:0.1em;
		width:100%;
		height:0px;
		overflow:hidden;
		animation: appear 0.5s linear 1.5s forwards;
	}
	
}

@keyframes expand{
	from{
		width:0;
		margin-left:50%;
	}
	to{
		width:100%;
		margin-left:0;
	}
}

@keyframes appear{
	from{
		height:0px;
	}
	to{
		height:20px;
	}
}


#news{
	margin-bottom:5em;
}

.news-date{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight:600;
}

.news-title{
	margin:0 auto;
}

.news-article{
	margin-bottom:40px;
	
}

.blocktile-caption{
	background-color:rgba(255,255,255,0.8);
	width:100%;
	bottom:0;
	font-size:0.9em;
	padding:3px 0;
	text-align:center;
	position:absolute;
	color:#1a1a1a;
	z-index:50;
}

#howtouse h2{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:5px 0 5px;
	font-size:1.3em;
}

#howtouse h3{
	font-size:1em;
	font-weight:bold;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	line-height:1.7em;
}

#howtouse h4{
	font-size:0.9em;
	padding:10px;
	background-color:#ddd;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	border-radius: 20px;
}

#howtouse h5{
	font-size:0.8em;
	padding:5px;
	border:1px solid #9c9c9c;
	width:120px;
	text-align:center;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#howtouse strong{
	font-weight:normal;
	color:#CA0407;
}

#howtouse p a{
}

@media(max-width:767.98px){
	.how-to-column{
		width:90%;
		margin:0 auto;
	}
	.inquery{
		width:100%;
	}
}

@media(min-width:768px){
	.how-to-column{
		width:80%;
		margin:0 auto;
	}
	

}

.map-btn{
	font-size:14px;
	line-height:14px;
	display:block;
	margin:0 auto;
	width:80px;
	height:80px;
	padding:33px 0 33px;
	background-color:#fff;
	border:1px solid;
	border-color:#CA0407;
	color:#CA0407;
	border-radius:40px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.map-btn:hover{
	background-color:#CA0407;
	border-color:#CA0407;
	color:#fff;
	text-decoration:none;
}

.contact-form{
	width:100%;
	margin:0 auto 30px;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	white-space:nowrap;
}

.contact-form div{
	padding:5px 0;
}

.contact-form span{
	display:inline-block;
	padding:0 5px 0 5px;
	text-align:center;
}

.contact-form th{
	white-space:nowrap;
	vertical-align:top;
	padding:5px;
}
.contact-form td{
	vertical-align:top;
	padding:10px 5px;
}
.contact-form input{
	margin-bottom:5px;
}

h2 .danjo img{
	display:inline-block;
	margin-top:-10px;
	width:25px;
}

.price-form{
	font-size:small;
	margin-bottom:30px;
}
.price-form td{
	padding:0 10px 10px;
}
td.price{
	white-space:nowrap;
}

.price-attention{
	color:#CA0407;
}
@media(max-width:567.98px){
.vintage-logo img{
	width:100%;
}
}
@media(min-width:568px){
.vintage-logo img{
	width:50%;
}
}

.contact-form .imgset{
	width:40px;
	text-align:center;
	display:inline-block;
}

.contact-form img{
	margin:-5px 0 0;
	width:16px;
}