@charset "UTF-8";

html {
font-size:62.5%;
}

body {
font-size:1.4rem;
font-family: 'Kiwi Maru', serif;
font-size:16px;
font-weight:500;
line-height: 1.5;
letter-spacing: 1px;
position:relative;
color:#222;

}

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

.cf::after {
content:'';
display:block;
clear:both;
}

.pcnone {
display: none !important;
}

img{
width: 100%;
max-width: 100% !important;
vertical-align: bottom;
}

a{	text-decoration:none;}

a:hover{
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: ease-in;
}

img.imghover:hover{
opacity: 0.6;
transition-duration: 0.3s;
}

a img:hover{
opacity: 0.6;
transition-duration: 0.3s;
}

.all{
width:100%;
overflow:hidden;
}



/*header*/


.logo{
width:300px;
float:left;
}

header{
width: 100%;
height: 100vh;
float: left;
clear: both;
}

.header_img{
position:relative;
}


/*header*/


/*slick*/
.full div {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100vh;
margin: 0;
}
.full div.img01 {
background-image: url(../images/top.jpg);
}
.full div.img02 {
background-image: url(../images/top2.jpg);
}
.full div.img03 {
background-image: url(../images/top3.jpg);
}
.full .slick-dots {
bottom: 4%;
z-index: +1;
}
.full{
position:relative;
text-align:center;
}

.header_img_text {
position: absolute;
top: 110%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 60px;
font-family: 'Train One', cursive;
color: #fff;
letter-spacing: 10px;
}


/*slick*/




/*nav*/

.pcnav {
width:100%;
float:left;
text-align:center;
}
.pcnav ul{
display: flex;
justify-content: center;
align-items: center;
margin-top: 36px;
}

.pcnav li a{
float: left;
display: block;
padding: 0 35px;
font-size: 16px;
color: #000;
font-weight: bold;
}
/*nav*/


/*text*/

h1{font-weight:normal;}

h2 {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}

h2:before,
h2:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}

h2:before {
  left: 0;
}

h2:after {
  right: 0;
}

.sub_title{
	font-size:30px;
}
/*text*/

.centerbox{ 
	display: flex;
  justify-content: center;
}

.tc{
text-align:center;
}

.p{
text-align: justify;
text-justify: inter-ideograph;  
}

.mb_30{margin-bottom:30px;}
.mb_50{margin-bottom:50px;}
.mb_80{margin-bottom:80px;}

.pd_10{padding:10px;}
.pd_20{padding:20px;}





/*section*/

.bg_01{background:url(../images/bg/canadian-dollar.webp)}
.bg_02{background:url(../images/bg/dust_scratches.webp)}
.bg_03{background:url(../images/bg/crossword.png)}
.bg_messe{
background:url(../images/bg/bg_messe.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
}

section{
width: 100%;
clear: both;
padding:0;
position:relative;
}

section.pd100{
width: 100%;
clear: both;
padding:100px 0;
position:relative;
}


section.bottom_80{
width: 100%;
clear: both;
padding-bottom: 80px;
position:relative;
}

main{
width: 1024px;
margin:0 auto;
position: relative;
z-index: 1;
}

.grid-50{
display:grid;
grid-template-columns:1fr 1fr;
gap: 30px;
position:relative;
}

.grid-100{
display:grid;
grid-template-columns:1fr;
position:relative;
}

/*section*/


/*concept*/

































/*footer*/
section.add{
background:#f0f0f0;
margin-top: 50px;
padding-top:50px;
}

.addinfo{
width:45%;
float:left;
padding: 30px;
background:#fff;
}

.addmap{
width:50%;
float:right;
}

footer{
width: 100%;
float:left;
text-align: center;
clear: both;
line-height: 3;
background: #ececec;
}



/*wp-pagenavi*/
.wp-pagenavi a, .wp-pagenavi span{
background: #8fbbc8;
color: #fff;
font-size: 18px;
border:none!important;
}