@charset 'utf-8';

a:hover{opacity: 0.7;}
body{background: #FBF9F3;}


/*リンク*/
.AREA_LINKS{width: 940px;margin: 0 auto;display: flex;flex-direction: row;margin-top: 40px;}
.AREA_LINK{font-size: 14px;background: white;text-align: center;border: 1px solid #E0E0E0;border-radius: 18px;padding: 5px 25px;letter-spacing: 1px;margin: 5px;}
.NOW{background: #76BB35;color: white;}
.AREA_LINK:hover{background: #76BB35;color: white;opacity: 1;}


/*タイトル*/
.MAIN_TYTLE{text-align: center;position: relative;}
.MAIN_TYTLE{font-size: 45px;font-weight: bold;letter-spacing: 8px;width: 1000px;margin: 0 auto;margin-top: 40px;}
.IMG1{position: absolute;width: 100px;left: 240px;top: -15px;}
.IMG2{width: 180px;position: absolute;top: 0;right: 160px;}
.title_top { width:100%; display:block; padding:50px 0 70px 0; }
.title_top .title_img { width:auto; height:60px; display:block; margin:0 auto; }
.title_top .title_h1 { width:100%; display:block; margin:15px 0 0 0; text-align:center; font-weight:bold; font-size:16px; line-height:1.2; }
.title_top .title_h2 { width:100%; display:block; margin:15px 0 0 0; text-align:center; font-weight:bold; font-size:16px; line-height:1.2; }

/*学校*/
.PRE{width: 1000px;margin: 0 auto;letter-spacing: 1px;font-weight: bold;font-size: 19px;position: relative;}
.PRE span{display: inline-block;padding-left: 15px;}
.PRE::before{content: "";display: inline-block;width: 4px;height: 20px;background-color: #76BB35;position: absolute;top: 5px;left: 0px; }
.SCOOL_WRAP{width: 1000px;margin: 0 auto;background: white;margin-top: 0px;display: flex;flex-direction: row;box-shadow: 2px 2px 4px rgba(201, 201, 201, 0.58);}
.SCOOL_LEFT{width: 150px;background: #F0F0F0;padding-top: 30px;text-align: center;}
.SCOOL_RIGHT a{width: 180px;font-size: 15px;display: inline-block;margin: 4px 0; }
.SCOOL_RIGHT a:hover { text-decoration: underline;}
.SCOOL_RIGHT{padding-top: 30px;width: 850px;width: 810px;padding-left: 40px;padding-bottom: 30px;}
.SCHOOL_TOP{margin-top: 30px;border-bottom: 1px dotted #CCCCCC;}
.train{width: 1040px;margin: 0 auto;background: #DDDDDD;padding: 5px 0;border-radius: 10px 10px 0 0;padding-left: 40px;margin-top: 15px;}
.WRAP_TOP{border-bottom: 1px dotted #CCCCCC;}
.TOP_TEXT{text-align: center;width: 1000px;margin: 0 auto;margin-top: 20px;font-size: 14px;letter-spacing: 1px;}
.SCHOOL_IMG{position: absolute;top: -30px;width: 177px;right: -134px;}
.TOP_CONTENTS{margin-bottom: 30px;}

/*PC・スマホ*/
.sp{display: none;}

/* AREA_SCHOOL.php AREA_STATION.php */
.table{width: 100%; margin: 0 0 30px 0; text-align: left;box-shadow: 3px  3px 6px rgba(0,0,0,0.1);}
.table_title{background: #DDDDDD;height: 35px;line-height: 35px;padding-left: 30px;font-size: 16px;}
.table_title h2{font-weight: bold;}
.table_flex{display: flex;border-bottom: solid 0.1px #DDDDDD;}
.table_flex a:hover{text-decoration: underline;}
.table_flex_left{width: 100px;background: #F0F0F0;padding: 30px;}
.table_flex_right{width: 860px;background: #fff;padding: 30px;display: flex;flex-wrap: wrap;gap: 15px 0;}
.table_flex_right a{display: block;width: 286px;margin:0;}
.table_flex_right a .fa-solid { margin-right:5px; }




@media screen and (max-width: 740px){
  .cd-accordion__sub--buy{display: block;}
  .op_plus_buy{display: none;}
  .cd-accordion__label_school{pointer-events: none;}
  .cd-accordion__item_buy_school span{color: white;}
  .cd-accordion__item_buy_school  {background: #a1da6b}
  .cd-accordion__item_buy_school .menu_arrow-right {border-top: 2px solid white;border-right: 2px solid white;}

  /*タイトル*/
  .MAIN_TYTLE{width: 100vw;}
  .MAIN_TYTLE{font-size: 30px;letter-spacing: 3px;}
  .IMG1{width: 70px;left: 25px;}
  .IMG2{width: 100px;right: 10px;top: 16px;}
  .title_top { width:100%; display:block; margin:10px 0 20px 0; padding-bottom:0; }
   .title_top .title_img { height:35px; }
   .title_top .title_h1 { font-size:14px; }
   .title_top .title_h2 { font-size:14px; }


  /*学校*/
  .PRE{width: 90vw;margin-top: 30px;margin-bottom: 10px;}
  .TOP_CONTENTS{width: 90vw;margin: 0 auto;}
  .PRE::before{top: 2px;}
  .school_text{font-size: 14px;width: 95vw;margin: 0 auto;margin-top: 30px;text-align: justify;}

  /*アコーディオン全体*/
  .accordion-area{list-style: none;width:100%;margin:0 auto;margin-bottom: 0px;}
  .accordion-area li{width: 100%;}
  .title {width: 100%; position: relative;cursor: pointer;font-size:1rem;font-weight: normal;
    padding: 18px 5% 18px 5%;transition: all .5s ease;background: #F0F0F0;margin-bottom: 0;border-bottom: 1px solid white;
  box-sizing: border-box;}
  .title::before,
  .title::after{position: absolute;content:'';width: 10px;height: 2px;background-color: #333;}
  .title::before{top:48%;right: 15px;transform: rotate(0deg);}
  .title::after{top:48%;right: 15px;transform: rotate(90deg);}
  .title.close::before{transform: rotate(45deg);}
  .title.close::after{transform: rotate(-45deg);}
  .box {display: none;/*はじめは非表示*/margin:0;padding: 0;}
  .TABLE1{background: white;}

  .TABLE_ROW .TABLE_LIST{font-size: 16px;padding: 15px 5vw;letter-spacing: 1px;margin: 0;border-top: 1px solid white;display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;
    width: 85vw;margin-right: 0;}
  .school_arrow{display: block;width: 8px;height: 8px;border-top: solid 2px #707070;border-right: solid 2px #707070;-webkit-transform: rotate(45deg);transform: rotate(45deg);align-items: center;margin-right: 10px;}
  .OUTLINE{width: 95vw;background: white;}
  .OUTLINE_TABLE{padding-bottom: 30px;}
  .TABLE_TYTLE{font-weight: bold;letter-spacing: 0px;padding: 25px 5vw 0px 5vw;}
  .TABLE_TYTLE_chu{margin-top: 25px;}

  .table_flex{flex-direction: column;}
  .table_flex_left,.table_flex_right{}
  .table_flex_right{width:100%;background: #fff;padding:0px;display:none;}
  .table_flex_right a{width:100%;margin:0; padding:10px 0 10px 5%;display: block; box-sizing: border-box;}

  .table h2 { width:95%; font-weight:bold; padding-left:5%; }
  .table_title { padding:0; font-size:1.1rem; }





  .table_flex_left small.sp { float:right;  margin-right:4%; margin-top:1%; }

  /*PC・スマホ*/
  .pc{display: none;}
  .sp{display: inline-block;}
  .se{display: none;}



}


@media screen and (max-width: 375px){
  .se{display: block;}
  .school_text{text-align: center;}


}

@media screen and (max-width: 320px){
  .IMG1{display: none;}
  .IMG2{display: none;}



}