@charset "utf-8";
 /* CSS Document */
 /***************<下層ページ共通>**************/
 
 header {
     position: fixed;
     top: 0;
 }
 
 p.white {
     display: none;
 }
 
 .subject {
     margin-top: 200px;
     text-align: center;
     height: 152px;
     background-image: url(../images/subject_bar.png);
     background-repeat: repeat-x;
     background-position: center;
 }
 
 .subject img {
     position: relative;
     top: 25px;
 }
 
 p.intro {
     text-align: center;
     margin-bottom: 20px;
     line-height: 1.5;
 }
 
 .contact_btn {
     text-align: center;
 }
 
 .indent {
     line-height: 1.5;
 }
 /**************</下層ページ共通>***************/
 
 .sakura {
     background-image: url(../images/facilities_sakura_bg.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     height: 70px;
 }
 
 .reverse {
     flex-direction: row-reverse;
 }
 
 .box {
     margin-bottom: 50px;
 }
 
 .about_box_left1 {
     box-sizing: border-box;
     width: 520px;
     height: 210px;
     padding: 20px;
 }
 
 .about_box_left3 {
     box-sizing: border-box;
     width: 520px;
     height: 220px;
     padding: 20px;
 }
 
 .about_box_left1 p a {
     text-decoration: none;
     color: #fff;
 }
 
 .about_box_left1 p a:hover {
     color: #ff4200;
 }
 
 .about_box_left,
 .about_box_right {
     box-sizing: border-box;
     width: 520px;
     height: 333px;
     padding: 20px;
 }
 
 .about_box_left1,
 .about_box_left {
     margin-left: 30px;
 }
 
 .about_box_left3,
 .about_box_right {
     margin-right: 30px;
 }
 
 .about_box_left3,
 .about_box_left1 p,
 .about_box_left p,
 .about_box_right p {
     font-size: 20px;
 }
 
 .small {
     font-size: 16px;
     font-weight: bold;
 }
 /******************<写真のスライド>******************/
 
 #slide,
 #slide2,
 #slide3 {
     position: relative;
     overflow: hidden;
     width: 519px;
     height: 333px;
 }
 
 #slide ul,
 #slide2 ul,
 #slide3 ul {
     position: absolute;
     width: 1557px;
 }
 
 #slide li,
 #slide2 li,
 #slide3 li {
     float: left;
     width: 519px;
 }
 
 #prevBtn,
 #prevBtn2,
 #prevBtn3 {
     position: absolute;
     top: 160px;
     left: 15px;
     background-color: transparent;
     border: none;
     outline: 0;
 }
 
 #nextBtn,
 #nextBtn2,
 #nextBtn3 {
     position: absolute;
     top: 160px;
     right: 15px;
     background-color: transparent;
     border: none;
     outline: 0;
 }
 /******************</写真のスライド>******************/
 /**********************<レスポンシブ>*********************/
 
 @media screen and (max-width: 640px) {
     table,
     #slide,
     #slide2,
     #slide3 {
         width: auto;
     }
     table {
         margin-top: 20px;
     }
     #slide,
     #slide2,
     #slide3 {
         margin: 0 20px;
         height: 213px;
     }
     #slide img,
     #slide2 img,
     #slide3 img {
         width: 65%;
     }
     #nextBtn,
     #prevBtn,
     #nextBtn2,
     #prevBtn2,
     #nextBtn3,
     #prevBtn3 {
         top: 100px;
     }
     .subject {
         background-image: none;
         margin: 100px 0 70px;
         height: auto;
     }
     .subject p img {
         width: 50%;
     }
     .about_box_left1,
     .about_box_left,
     .about_box_left3,
     .about_box_right {
         width: auto;
         height: auto;
         margin-left: auto;
         margin-right: auto;
     }
     .about_box_left1 p,
     .about_box_left3 p,
     .about_box_left p,
     .about_box_right p {
         font-size: 16px;
     }
     .about_box_left1,
     .about_box_left {
         margin-left: 0;
     }
     .about_box_right {
         margin-right: 0;
     }
     .history_position {
         text-align: center;
     }
     .history_photo {
         width: 95%;
     }
     .box {
         margin-bottom: 30px;
     }
     p.intro {
         margin-left: 20px;
         margin-right: 20px;
     }
     .contact_btn img {
         width: 70%;
     }
     .small {
         font-size: 14px;
     }
 }
 /**********************</レスポンシブ>*********************/