*, *::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;
}

.box1 h2,.box4 h2{
  text-align : center;
  margin-top : 50px;
  margin-bottom : 30px;
}

.box1 h4{
  font-weight : 400;
  text-align : center;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;border-style : solid;border-color : #1f1f1f;
  width : 250px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 20px;
  margin-bottom : 80px;
  display : block;
}

.box1 h4 a{
  text-decoration : none;
  color : #1f1f1f;
}

.box1 h4 a:hover{
  color : silver;
}

.boxA{
  margin-top : 50px;
}


.boxA1 h3{
  font-size : 3rem;
  width : 250px;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
}

.boxA1 h4{
  font-size : 1.6rem;
  width : 250px;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
}

.boxA1 h5{
  font-size : 1.6rem;
  font-weight : 400;
  text-align : center;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;border-style : solid;border-color : #1f1f1f;
  width : 200px;
  margin-left : auto;
  margin-right : auto;
  margin-top : -20px;
  display : block;
}

.boxA1 h5 a{
  text-decoration : none;
  color : #1f1f1f;
}

.boxA1 a:hover{
  color : silver;
}


.boxA1 p{
  padding-right : 20px;padding-bottom : 20px;padding-left : 20px;
}


.box3{
  margin-top : 100px;
}

.box4 h3{
  width : 100%;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : #1f1f1f;
}

.box4 h4{
  font-weight : 400;
  text-align : center;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;border-style : solid;border-color : #1f1f1f;
  width : 250px;
  margin-left : 75%;
  margin-top : -20px;
  display : block;
}

.box4 a{
  text-decoration : none;
  color : #1f1f1f;
}

.box4 a:hover{
  color : silver;
}

.box5{
  margin-top : 80px;
  padding-left : 30px;
  padding-right : 30px;
  padding-bottom : 30px;
  margin-bottom : 50px;border-width : 1px;border-style : double;border-color : #1f1f1f;
}

.box5 h2{
  text-align : center;
}

.box5 p{
  margin-bottom : -10px;
}

.box5 h3{
  margin-top : 40px;
}

/* ########## 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;
}

.box1 h4{
  margin-bottom : 20px;
}

.box2 h6{
  font-size : 1.6rem;
  font-weight : 400;
}

.box4 h4{
  margin-top : 20px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 40px;
}

.box5{
  padding-left : 10px;
  padding-right : 10px;
}

}



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

@media (min-width: 768px) {

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

.box1A{
  max-width : 600px;
  margin-left : auto;
  margin-right : auto;
}

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

.box1Aa{
  float : left;
  width : 50%;
  padding-right : 20px;
}

.box1Ab{
  float : left;
  width : 50%;
  padding-left : 20px;
}


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

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

.boxA1{
  float : left;
  width : 30%;
  height : 340px;
  border-width : 1px;border-style : solid;border-color : #1f1f1f;
}

.boxA1{
	border-width : 1px;border-style : solid;border-color : #1f1f1f;
}

.boxA1 h3{
  margin-top : 0px;
  margin-bottom : 0px;
}

.boxA1 h4{
  margin-top : 30px;
  margin-bottom : 0px;
}

.boxA2{
  float : left;
  width : 70%;
    padding-left : 20px;
  }

.box2 h6{
  font-size : 2rem;
  font-weight : 400;
  text-align : center;
  width : 800px;
  margin-right : auto;
  margin-left : auto;
  margin-top : 30px;
  margin-bottom : -20px;
}

.box3 table{
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 50px;
  margin-bottom : 100px;
}

.box4,.box5{
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
}

.box5{
  margin-bottom : 100px;
}

}