@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Scheherazade:400,700&display=swap');
@import url("https://use.typekit.net/qbc0qdz.css");

body{
	margin:0;
	padding:0;
	font-size:16px;
	color:#333333;
	font-weight:300;
	font-family: 'Noto Sans JP';
	text-align:center
}


h1,h2,h3,h4,h5,h6,p,div,article,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}




ul,li{
	margin:0;
	padding:0;
	list-style:none;
}


.pc{
	display:inline;
}
.sp{
	display:none;
}

@media screen and (max-width: 768px) {
.pc{
	display:none;
}
.sp{
	display:inline;
}
}


.trajan{
	font-family: trajan-pro-3, serif !important;
    font-weight: 400!important;
}

/************ 全体 ************/


.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}



a{
	text-decoration:none;
	color:#333;
　-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;
}

a:hover{
		opacity:0.7;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

*,*::before,*::after {
  box-sizing: border-box;
}


/************ パンクズ ************/
#breadcramb_box{
	width:1000px;
	position:relative;
	margin:10px auto 0 auto;
	height:30px
}

#breadcramb{
	position:absolute;
	text-align:left;
	color:#96a0a0;
	font-size:14px;
	font-weight:300;
	z-index:1
	}
	
@media screen and (max-width: 768px) {
#breadcramb_box{
	width:93%;
	margin:5px auto 0 auto;
}

#breadcramb{
	margin:0 auto;
	font-size:12px;
}	
}


#breadcramb .fa-chevron-right{
	margin:0 10px;
}

#breadcramb a{
	color:#333;
}

/************ フッター ************/

footer{
	background:#565858;
	padding: 10px 0;
}


#footernavi {
	width:1000px;
	margin:0px auto 15px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: trajan-pro-3, serif;
	font-weight: 400;
	font-style: normal;
	font-size:20px
}

#footernavi a{
		color:#fff;
}
	
@media screen and (max-width: 768px) {
#footernavi{
	display:none;
}
	
}

#footer_logo {
 	width: 210px;
    margin: 50px auto 60px auto;
}

copy{
	font-size:18px;
	font-family: 'Scheherazade', serif;
	font-weight:400;
	color:#fff;
	line-height: 0.001em;
}




#page-top {
    font-size: 0;
    position: fixed;
    bottom: 5%;
    right: 5%;
    opacity: 0;
	cursor:pointer

}
#page-top.fade-in {
    color: #000;
    font-size: 60px;
    opacity: 0.7;
    transition: opacity 1s;
}

@media screen and (max-width:768px) {
#page-top {
    font-size: 0;
    position: fixed;
    bottom: 3%;
    right: 3%;
    opacity: 0;
	cursor:pointer;
	width:60px

}	
}

/**************英文用****************/
.ls{
	letter-spacing:0.05em;
}

.ls dt{
	line-height:1.2em;
	font-size:16px
}
.ls dd{
	text-align:left !important;
}

@media screen and (max-width:768px) {
.ta_l{
	text-align:left !important;
}
}