*, *::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{
  margin-top : 50px;
}

.box1A,.box1B,.box1C{
  text-align : center;
  font-size : 3rem;
  font-weight : 500;
  margin-bottom : 10px;
  padding-top : 20px;
  padding-bottom : 20px;
  border-width : 1px;
  border-style : solid;
  border-color : #1f1f1f;
}

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

.box2 h3{
  margin-top : 20px;
  text-align : center;
  font-size : 2rem;
  font-weight : 600;
}

.box2 h4{
  width : 500px;
  margin-top : 20px;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  font-size : 2rem;
  font-weight : 600;
  padding-top : 10px;
  padding-bottom : 10px;
  border-width : 1px;
  border-style : solid;
  border-color : red;
}

.box3{
  border-width : 1px;
  border-style : solid;
  border-color : #1f1f1f;
  padding : 20px;
  margin-top : 80px;
}

.box3B2 h4{
  font-size : 1.6rem;
}

.box3B1 p{
  margin-top : -10px;
}

.box3B2 p{
  margin-top : 0px;
  text-align: left;
}

.box4{
  margin-top : 100px;
}

.box4 a{
  text-decoration: underline;
  color : #1f1f1f;/*色*/
}

.box4 a:hover{
  color : silver;
}

.box5{
  margin-top : 100px;
  margin-bottom : 100px;
  padding-top : 5px;
  padding-left : 30px;
  padding-right : 30px;
  padding-bottom : 5px;
  border-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #1f1f1f;
  border-left-color : #1f1f1f;
  border-right-color : #1f1f1f;
  border-bottom-color : #1f1f1f;
}

.box5 h2{
  width : 400px;
  text-align : center;
  margin-right : auto;
  margin-left : auto;
}

.box4 h3,.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;
}


.box2 h4{
  width : 95%;
}

.box3B2 h4{
  margin-bottom : 0px;
}

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


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

@media (min-width: 768px) {

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

.br{
  display: none; 
}

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

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

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

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

.box3{
  padding-top : 25px;
  padding-bottom : 0px;
  padding-right : 0px;
}

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

.box3A{
  float : left;
  width : 30%;
}

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

.box3B1 h3{
  margin-top : -20px;
}

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

.box3B2a{
  float : left;
  width : 22%;
}

.box3B2b{
  float : left;
  width : 22%;
  margin-left : 4%;
}

.box3B2c{
  float : left;
  width : 22%;
  margin-left : 4%;
} 

.box3B2d{
  float : left;
  width : 22%;
  margin-left : 4%;
} 

.box3B2{
  text-align : center;
}

.box3B2 h4{
  margin : 0px;
}


}