@charset "utf-8";
html{
font-size: 62.5%;}
body{
font-size: 1.6rem;}
html,body,h1,h2,h3,h4,p,ul,li {
  margin: 0;
  padding: 0;
  
 
}
p,h2,h3,h4{
  letter-spacing: .3em;
  line-height: 1.6;
  font-size: 1.6rem;
}

ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
  letter-spacing: .3em;
  line-height: 1.1;
}

img {
  border: none;
  vertical-align: bottom;
  vertical-align:bottom;
 }

body{
    
  background: #fff;
  color: #333;
   font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   
}
.container{
width:100%;
}
.title{

position: relative;

}
h1{
text-align: right;
color: transparent;
  text-shadow: 0 0 2px rgba(0,0,0,0.5);
font-size: 3.2rem;}
.title h2{
text-align: right;
color: rgb(187, 186, 186);
font-size: 1.8rem;

}
.crumb{
color:rgb(82, 81, 81);
background:linear-gradient(115deg, rgba(226,224,255,0.4) 0%, rgba(138,170,198,0.2) 64%, rgba(78,158,191,0.3) 100%);
display: flex;
margin-top: 1em;
width:100%;


bottom:0;

font-size: 1.4rem;
}
.crumb>div:first-of-type a ::after{
content:'\0bb';}
.honbun{
width:95%;
margin: 2em auto;
text-align: justify;}
.honbun h2{

font-size: 2rem;}
.honbun h3{text-align: right;
margin-bottom: 1em;}
.honbun p{margin-bottom: 1.5em;
}

.inyou{
margin-left: 2em;
}
.gazouiri{text-align: center;margin: 3em auto;}
.gazouiri span{
display: block;}
.gazouiri span:last-of-type{
font-size: smaller;}
.gazouiri a{border-bottom: 1px solid rgb(224, 202, 202);}
.gazouiri a::after{
content: "\0bb";}



.homepage{
color:rgb(82, 81, 81);
background:linear-gradient(115deg, rgba(226,224,255,0.4) 0%, rgba(138,170,198,0.2) 64%, rgba(78,158,191,0.3) 100%);
text-align: center;}
.homepage a{
display: block;
padding:.5em 0;
width:100%;
height:100%;}
.homepage a::after{
content:'\0bb'}

@media screen and (min-width:768px) {
.honbun{
width:80%;
}
}
@media screen and (min-width:1024px) {

.title h1{font-size: 5rem;
margin:0 10px;}
.title h2{font-size: 2.8rem;
margin: 0px 10px 0 0;}
.bihin{
text-align: right;}
}