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


.pan{
  width : 100%;
  font-size : 1.4rem;
}

.breadcrumb{
  margin : 5px 0px 0px;
  padding: 0;
  list-style: none;
}

.pan ol::after{
  content: "";
  clear : both;
  display : block;
}

.breadcrumb li{
  list-style: none;
  width : auto;
  float : left;
  padding-left : 20px;
}

.breadcrumb li a{
  text-decoration: none;
  color : #1f1f1f;/*色*/
}

.breadcrumb li a:hover{
  text-decoration: underline;
  color : silver;
}

.page_title{
  text-align : center;
}


.page_title h1{
  font-size : 7rem;
  font-weight : 500;
  font-family : 游明朝;
  z-index: 20;
  position : relative;
  text-align : center;
  padding-top : 50px;
  letter-spacing : 0.5rem;
}

.page_title p{
  font-size : 10rem;
  color : #ffffff;
  text-shadow:1px 1px 0 #f1f1f1, -1px -1px 0 #f1f1f1,
              -1px 1px 0 #f1f1f1, 1px -1px 0 #f1f1f1,
              0px 1px 0 #f1f1f1,  0-1px 0 #f1f1f1,
              -1px 0 0 #f1f1f1, 1px 0 0 #f1f1f1;
  font-weight : 900;
  margin-top : -140px;
  z-index: 10;
  position : relative;
  margin-bottom : 50px;
}

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

.box1{
  text-align : center;
}

.box1 h3{
  font-size : 1.6rem;
  font-weight : 400;
  margin-bottom : 50px;
}

.box2{
  text-align : center;
}

.box2 h3{
  font-size : 1.6rem;
  font-weight : 400;
  margin-top : 10px;
  margin-bottom : 0px;
}

.box2 h4{
  font-size : 1.6rem;
  font-weight : 600;
  margin-top : -5px;
  margin-bottom : 0px;
}

.box3{
  text-align : center;
  margin-top : 80px;
  margin-bottom : 100px;
}

/* ########## 767px以下 ########## */ 

@media (max-width: 767px) {

.pan{
  font-size : 1.2rem;
  margin-top : 10px;
}

.page_title h1{
  font-size : 3rem;
  font-weight : 500;
  font-family : 游明朝;
  z-index: 20;
  position : relative;
  text-align : center;
  padding-top : 30px;
}

.page_title p{
  font-size : 4rem;
  color : #ffffff;
  text-shadow:1px 1px 0 #f1f1f1, -1px -1px 0 #f1f1f1,
              -1px 1px 0 #f1f1f1, 1px -1px 0 #f1f1f1,
              0px 1px 0 #f1f1f1,  0-1px 0 #f1f1f1,
              -1px 0 0 #f1f1f1, 1px 0 0 #f1f1f1;
  font-weight : 900;
  margin-top : -60px;
  z-index: 10;
  position : relative;
}

.main{
  margin-left : 10px;
  margin-right : 10px;
}

}


/* ########## 768px以上 ########## */ 

@media (min-width: 768px) {

.main{
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
}

.box2::after{
  content : "";
  display : block;
  clear : both;
}

.box2{
  margin-top : 30px;
}

.box2A{
  float : left;
  width : 32%;
}

.box2B{
  float : left;
  width : 32%;
  margin-left : 2%;
}

.box2C{
  float : left;
  width : 32%;
  margin-left : 2%;
  height : 428px;
  border-width : 1px;border-style : solid;border-color : #1f1f1f;
}

.box3{
  max-width : 800px;
  margin-left : auto;
  margin-right : auto;
}

.box4{
  margin-bottom : 50px;
}

}