@import url('https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css');

/*基本設定*/
html{font-size: 62.5%;}
body,table{font-family: 'Rounded Mplus 1c';font-size: 1.4rem;color:#3b3b3b;}
div{box-sizing:border-box;}
p, a{text-align:inherit; border: none; text-decoration: none;}
p{word-break: normal;word-wrap: break-word;text-align:justify;}
h2{line-height:1.3em;}
ul,dl{letter-spacing: -.40em;}
li,dd,dt{letter-spacing: normal;}

a:hover>img{opacity:0.7;text-decoration:underline;}
img{  pointer-events: none;
  user-select: none;
  vertical-align: bottom;
  -webkit-user-select: none;
  width: auto;
  height: auto;
  -ms-interpolation-mode: bicubic;}
a img{display:block;}

#cboxOverlay{background: #000!important;z-index:100000!important;}
#colorbox{z-index:100001!important;}

body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: url(../img/bg.png) center/cover no-repeat;
}
/* .body_in{
  padding: 0;
} */
/* #head_area{
  display: none;
} */
#narou_head{margin-bottom: 0;background: #000; padding: 0.5em;max-height: 42px;color:#fff;position: relative;z-index: 3;}
#narou_head ul{display:table;width: 100%;max-width: 1200px;}
#narou_head ul li{display:table-cell;vertical-align: middle;}
#narou_head .ttl{padding-left: 0.5em;font-size:80%;text-align:right;}

.inner{
  width: 100%;
  max-width: 1200px;
  padding: 0 2%;
}

.outer{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2%;
  font-family: "Noto Serif JP", serif;
  line-height: 1.6;
  color: #A61F25;
}
.outer img{
  width: 100%;
  height: auto;
}

section{
  margin: 4em 0;
  border: #E7BE64 4px solid;
  border-radius: 30px;
  overflow: hidden;
}
section .s_inner{
  padding: 4em;
  background: #fff;
}
section ul{
  margin-bottom: 4em;
}
section ul li{
  margin: 4em auto 0;
}
section ul li:nth-of-type(1){
  margin: 0 auto;
}
section div div{
  width: 40%;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
}
section div div p{
  text-align: center;
  font-size: 1.5em;
  color: #fff;
  padding: 0.2em;
  background: #A61F25;
  text-decoration: none;
}


/* ボバー */
.hover1 {
	cursor: pointer;
  border: none;
  text-decoration: none;
	transition: all 0.3s ease 0s;
}
.hover1:hover {
	opacity: 0.6;
  border: none;
  text-decoration: none;
}
a img{
  cursor: pointer;
}

@media screen and (max-width:768px)  {
  body::before {
    background: none;
  }
  #narou_head {
    padding: 0.75em 0.5em 0.75em 5rem;
    height: 42px;
  }
  #narou_head .ttl {
    display: none;
  }
  .outer {
    padding: 0;
  }
  section {
    margin: 0;
    border-radius: 0px;
    border: none;
  }
  section .s_inner {
    padding: 0 0 2em;
  }
  section ul {
    margin-bottom: 2.5vw;
  }
  section ul li{
    width: 95%;
    margin: 2.5vw auto 0;
  }
  section ul li:nth-of-type(1){
    margin: 2.5vw auto 0;
  }
  section div div {
    width: 50%;
    min-width: 281px;
    border-radius: 6px;
  }
  section div div p{
    font-size: 1.2em;
  }
    section div div {
    width: 70%;
  }
}