
/* PC */
.pc-mode{
  display:none;
}

{*width768-949 タブレット*}
@media screen and (min-width:768px) {
  .pc-mode{
    display:block;
  }
}
{*width950以上 PC*}
@media screen and (min-width:950px) {
  .pc-mode{
    display:block;
  }
}

/*トップロゴ*/
.top-table
{
  width:100%;
}

/* main */
.main-container {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  background-color:#FFFAC7;
}
.main-container-sp {
  width: 100%;
  text-align: center;
  line-height: 1.5;
/*  height:1538px;*/
}


/********/
/*ロゴ*/
/********/
.logo-abiko{
  text-align:center;
}
.logo-kashiwa{
  text-align:center;
}
.logo-inzai{
  text-align:center;
}

.log_abiko_td{
  padding: 5px 0px 5px 0px;
  background-color: #3C689B;
  border-radius: 5px 5px 0px 0px;
}
.log_kashiwa_td{
  padding: 5px 0px 5px 0px;
  background-color: #FFAF00;
  border-radius: 5px 5px 0px 0px;
}
.log_inzai_td{
  padding: 5px 0px 5px 0px;
  background-color: #EB6CA5;
  border-radius: 5px 5px 0px 0px;
}

.logo-exchange-title{
  width:33%;
  text-aign:center;
}

/* 背景 */
.inquiry-div{
  background-color: #ffffff;
  font-size: 20%;
  height: 1.5vw;
  width: 8vw;
  text-align: center;
  position: relative;
  border-radius: 12px;
  margin: auto 0;
}

/* QAメイン部分 */
.about-wrapper{
  position: relative;
  max-width:1200px;
  margin-bottom: 100px;
  margin-top: 107px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  z-index: 1;
}
.about-wrapper-sp{
  text-align: center;
  position: relative;
  margin: auto;
  margin-top: 10px;
  background-color: #E5F6FF;
  padding-top: 13px;
  padding-bottom: 40px;
  z-index: 3;
}

.from-history-wrapper{
  position:relative;
  text-align:center;
  width:100%;
  max-width:800px;
  margin-top:25px;
  margin-left:auto;
  margin-right:auto;
  background-color:#FFF;
  border-radius: 10px 10px 0px 0px;
}
@media screen and (max-width: 860px) {
  .from-history-wrapper{
    width:calc(100vw - 60px);
  }
}

.from-history-top{
  padding:22px 0 19px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:18px;
  line-height: 30px;
  letter-spacing:0px;
  color:#FFFFFF;
  background-color:#FF9100;
  border-radius: 10px 10px 0px 0px;
}

.from-history-item-wrapper{
  display: flex;
  position:relative;
  text-align:left;
}

.from-history-item-year-wrapper{
  margin-left:30px;
  padding:30px 30px 30px 0px ;
  border-bottom: 1px dashed #707070;
}

.from-history-item-year{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding:0 14px 0 14px;
  font-size:14px;
  line-height: 30px;
  letter-spacing:0px;
  border: 1px solid #707070;
  border-radius: 25px;
}

.from-history-item-text{
  width:calc(100% - 185px);
  margin-right:30px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding:30px 0 30px 0;
  font-size:20px;
  line-height: 30px;
  letter-spacing:0px;
  border-bottom: 1px dashed #707070;
}

.noborder{
  border: 0px;
}



/* よくある質問 */
.button-question {
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 256px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  overflow-wrap: anywhere;
  color: #004DBE;
  background-color: #ffffff;
  border-radius: 32px;
  text-align: center;
  display: flex;
  text-decoration: none;
}

.button-question-reverse {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 8px;
}

/* 和暦 */
.japanese-calendar-td{
  text-align: center;
  width: 92px;
  border-radius: 29px;
  outline: 1px solid black;
/*  outline-offset: -15px;*/
  outline-offset: -7px;
/*  padding: 9px;*/
  height: 41px;
}

.japanese-calendar-td-sp{
  text-align: center;
  width: 80px;
  border-radius: 20px;
  outline: 1px solid black;
  outline-offset: -8px;
  font-size: 11px;
  height: 27px;
  padding-top: 12px;
  margin-left: -9px;
  margin-right: 11px;
  margin-top: 1px;
}

/*
.history-td{
  font-size: 20px;
}
*/

.history-td-sp{
  font-size: 14px;
  margin-left: -23px;
  margin-top: 1px;
  width: 225px;
  text-align:left;
}
.history-table{
  position: relative;
/*  border: 1px solid transparent;*/
  background-color: #ffffff;
  z-index: 1;
  border-radius: 30px 30px 10px 10px;
  margin: auto;
  height: 304px;
{*  width: 800px;*}
  max-width: 800px;
  margin-top: 15px;
}
.history-table-sp{
  position: relative;
  background-color: #ffffff;
  z-index: 1;
  border-radius: 30px 30px 30px 30px;
  margin: auto;
  height: 243px;
  width: calc(100vw - 60px);
}

.from-history-div{
  background-color: #008BE7;
  border-radius: 5px 5px 0px 0px;
  color: #ffffffff;
  padding: 10px;
  font-size: 85%;
  width: 82.5%;
  margin:auto;
}

/* キャラクター配置 */
.charactor-position-div-abiko{
  position: absolute;
  top: -464px;
  right: -125px;
  z-index: 2;
}
@media screen and (max-width: 1040px) {
  .charactor-position-div-abiko{
    display:none!important;
  }
}

.charactor-position-div-kashiwa{
  position: absolute;
  top: 275px;
  right: -50px;
  z-index: 2;
}
@media screen and (max-width: 1040px) {
  .charactor-position-div-kashiwa{
    display:none!important;
  }
}

.charactor-position-div-inzai{
  position: absolute;
  top: -128px;
  left: -166px;
  z-index: 2;
}
@media screen and (max-width: 1040px) {
  .charactor-position-div-inzai{
    display:none!important;
  }
}

/* お問い合わせについて */
.inquiry-wrapper{
  position: relative;
  width: 100%;
  background: #FFF;
}

.inquiry-container{
  display: flex;
  align-items: center;
  position: relative;
  width:calc(100% - 100px);
  max-width:1150px;
  padding-top: 59px;
  padding-bottom: 52px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #707070;
}

.inquiry-title-wrapper{
  width:210px;
}
.inquiry-title{
  padding:18px 14px 16px 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing:0px;
  border: 1px solid #707070;
  border-radius: 10px;
}

.inquiry-text{
  margin-left: 19px;
  width:calc(100% - 229px);
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  line-height: 24px;
  letter-spacing:0px;
  text-align: left;
}

.city3-head-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  padding:50px 0 0px 0;
  width:calc(100% - 100px);
  max-width:1150px;
  margin-left: auto;
  margin-right: auto;
}

.city3-head{
  width:30%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing:0px;
  color:#FFF;
  border: 1px solid #707070;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
}

.abiko-color{
  background: #3C689B;
}

.kashiwa-color{
  background: #FFBE00;
}

.inzai-color{
  background: #FF6DA4;
}

.city3-office-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  padding:0px 0 0px 0;
  width:calc(100% - 100px);
  max-width:1150px;
  margin-left: auto;
  margin-right: auto;
}

.city3-office-container{
  display: flex;
  align-items: center;
  padding:10px 0 10px 0;
  width:30%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  letter-spacing:0px;
  background: #FFF;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}

.city3-office{
  width:calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}

.city3-office-main{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing:0px;
  background: #FFF;
}

.city3-hr-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  width:calc(100% - 100px);
  max-width:1150px;
  margin-left: auto;
  margin-right: auto;
}

.city3-hr-container{
  display: flex;
  width:30%;
  background: #FFF;
  border: 1px solid #707070;
  border-top: none;
  border-bottom: none;
}

.city3-hr{
  width:calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}

.city3-hr hr{
  padding:0px 0 9px 0;
  height: 1px;
  border: none;
  border-top: 1px #707070 solid;
}

.city3-address-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  padding:0px 0 60px 0;
  width:calc(100% - 100px);
  max-width:1150px;
  margin-left: auto;
  margin-right: auto;
}

.city3-address-container{
  display: flex;
  align-items: center;
  padding:0 0 10px 0;
  width:30%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  letter-spacing:0px;
  background: #FFF;
  border: 1px solid #707070;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
}

.city3-office-address{
  width:calc(100% - 20px);
  height:100%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing:-0.1px;
  background: #FFF;
  text-align: left;
}

@media screen and (max-width: 1028px) {
  .address-br::after{
    content: "\A   ";
    white-space: pre;
  }
}


.inquiry-td{
  width:30%;
  text-align: center;
  width: 12%;
  border-radius: 20px;
  outline: 1px solid black;
  outline-offset: -8px;
  padding: 7px;
  font-size: 65%;
  font-weight: bold;
}

.inquiry-wrapper-sp{
/*  height: 350px;*/
  position: relative;
}

.about-inquiry-td{
  text-align: center;
  width: 210px;
  outline: 1px solid black;
  outline-offset: -8px;
  font-size: 16px;
  border-radius: 24px;
  height: 78px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.about-inquiry-td-sp{
  text-align: center;
  width: 166px;
  height: 38px;
  outline: 1px solid black;
  outline-offset: 0vw;
  font-size: 14px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.about-inquiry-content-td{
  text-align: left;
  width: 47vw;
  line-height: 22px;
}

/* 事業説明 */
.about-explain-wrapper-div{
  width: 100%;
  padding: 9px 0vw 30px 0vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:26px;
  line-height: 46px;
  letter-spacing:1.3px;
  color:#FF9100;
}
.about-explain-wrapper-div-sp{
  width: 100%;
  padding: 9px 30px 18px 30px;
  font-size:16px;
  line-height: 24px;
  letter-spacing:0.8px;
}
/* 3市下部表 */
.division-table-wrapper{
  display: flex;
/*  width: 1150px;*/
  justify-content: center;
}
/* 3市下部表 */
.division-table-wrapper-sp{
  position: relative;
  justify-content: center;
  align-items: center;
}

.exchange-table-toiawase-sp{
  margin: auto;
  width: 316px;
  height: 164px;
  position: relative;
  padding-top: 15px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height:1.7;
  text-align:left;
}

.exchange-table-abiko{
  margin: auto;
/*  width: 335px;*/
/*  width: 17.8vw;*/
/*    width: 100%;*/
/*  width: calc(10.8vw + 150px);*/
/*  width: calc(16.5vw + 50px);*/
  width:calc(18.5vw);
  border: 1px solid black;
  border-radius: 9px;
  border-spacing: 0px;
  height: 171px;
  position: relative;
  text-align: center;
}

.exchange-table-kashiwa{
  margin: auto;
/*  width: 335px;*/
/*  width: 17.8vw;*/
/*    width: 100%;*/
/*  width: calc(10.8vw + 150px);*/
/*  width: calc(16.5vw + 50px);*/
  width:calc(18.5vw);
  border: 1px solid black;
  border-radius: 9px;
  border-spacing: 0px;
  height: 171px;
  position: relative;
  text-align: center;
}
.exchange-table-inzai{
  margin: auto;
/*  width: 335px;*/
/*  width: 17.8vw;*/
/*    width: 100%;*/
/*  width: calc(10.8vw + 150px);*/
/*  width: calc(16.5vw + 50px);*/
  width:calc(18.5vw);
  border: 1px solid black;
  border-radius: 9px;
  border-spacing: 0px;
  height: 171px;
  position: relative;
  text-align: center;
}

.exchange-table-abiko-sp{
  margin: auto;
  width: 335px;
  border: 1px solid black;
  border-radius: 9px;
  border-spacing: 0px;
  height: 171px;
  position: relative;
  text-align: center;
}

.exchange-table-kashiwa-sp{
  margin: auto;
  width: 335px;
  border: 1px solid black;
  border-radius: 9px;
  border-spacing: 0px;
  height: 171px;
  position: relative;
  text-align: center;
}
.exchange-table-inzai-sp{
  margin: auto;
  width: 335px;
  border: 1px solid black;
  border-radius: 9px;
  border-spacing: 0px;
  height: 171px;
  position: relative;
  text-align: center;
}

.top_question_title_div{
  width: 100%;
  text-align: center;
}

/********/
/*境界線*/
/********/
.flow-wrapper{
  background-color: #E5F6FF;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 0;
  height: 757px;
  top: 405px;
}

.flow-wrapper-sp{
  background-color: #E5F6FF;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 0;
  height: 495px;
  top: 192px;
}

/*  背景用CSS */
.top_question_title_div{
  position: relative;
  content: '';
  left: 0;
  background-color: #ffffff;
  height: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.dashed-center-95{
  border: none;
  border-bottom: 1px dashed #707070;
  width: 95%;
  margin: auto;
}

.torikumi-td{
  background-color: #008BE7;
  border-radius: 15px 15px 0px 0px;
  color: #ffffffff;
  padding: 10px;
  width: 800px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 15px;
  height: 39px;
}

.hr_dotted_line{
  margin: 0px 20px 0px 20px;
  border: none;
  border-top: 1px dotted
}

.hr_solid_gray_line{
  margin: 10px 20px -10px 20px;
  border-bottom: 1px solid #707070;
}

/******/
/*font*/
/******/
.font-bold-white{
  color:#ffffff;
  font-weight:bold;
  font-family:游ゴシック
}

.font-bold-gochic-white{
  color: #ffffff;
  font-weight: bold;
  font-family: 游ゴシック;
  font-size:20px;
}

.font-bold-gochic-white-little{
  color: #ffffff;
  font-weight: bold;
  font-family: 游ゴシック;
  font-size:10px;
}

.font-bold-gochic-white-little-9{
  color: #ffffff;
  font-weight: bold;
  font-family: 游ゴシック;
  font-size:9px;
}

.font-bold-black{
  color:#3E3E3E;
  font-weight:bold;
}
.font-bold-blue{
  color: #167fd8;
  font-weight: bold;
}
.font-size-70percent{
  font-size:70%
}
.font-size-80percent{
  font-size:80%
}
.font-size-90percent{
  font-size:90%
}
.font-size-100percent{
  font-size:100%
}
.font-size-120percent{
  font-size:120%
}
.big-bold-font-80-blue{
  color: #008BE7;
  font-size: 20px;
}
.big-bold-font-120-blue{
  color:#008BE7;
  font-size:120%;
  font-weight:bold;
}

.font-16-blue-notobold{
  color: #008BE7;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
}

.big-bold-font-200-black{
  font-size:200%;
  font-weight:bold;
}
.padding-up-down-5{
  padding:5px 0px 5px 0px;
}

/******/
/*共通*/
/******/
.display-none{
  display:none;
}

/************/
/* フォント */
/************/
/*
.answer-log-q-span{
  font-weight: bold;
  padding: 0px 10px 0px 14px;
  font-size: 20px;
  color: #008BE7;
}
*/

.font-bold-blue{
  color: #167fd8;
  font-weight: bold;
}
.font-size-70percent{
  font-size:70%
}
.font-size-80percent{
  font-size:80%
}
.font-size-90percent{
  font-size:90%
}
.font-size-100percent{
  font-size:100%
}
.font-size-120percent{
  font-size:120%
}

.font-notosansjp-bold-24{
}

.fonto-notosansjp-bold-30{
}

.font-noto-bold-16{
}

/* 游ゴシック */
.font-bold-white{
  color:#ffffff;
  font-weight:bold;
  font-family:游ゴシック
}

.font-bold-gochic-white{
  color: #ffffff;
  font-weight: bold;
  font-family: 游ゴシック;
  font-size:20px;
}

.font-bold-gochic-white-little{
  color: #ffffff;
  font-weight: bold;
  font-family: 游ゴシック;
  font-size:10px;
}

.font-bold-gochic-white-little-9{
  color: #ffffff;
  font-weight: bold;
  font-family: 游ゴシック;
  font-size:9px;
}

/*************/
/* mobo-bold */
/*************/
.font-mobo-bold-12{
  font-size:12px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-14{
  font-size:14px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-16{
  font-size:16px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-18{
  font-size:18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-20{
  font-size:20px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-24{
  font-size:24px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-28{
  font-size:28px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.font-mobo-bold-40{
  font-size:40px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

/*************/
/* noto bold */
/*************/
.font-noto-bold-10{
  font-size:10px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-12{
  font-size:12px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-14{
  font-size:14px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-15{
  font-size:15px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-16{
  font-size:16px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-18{
  font-size:18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-20{
  font-size:20px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-24{
  font-size:24px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-26{
  font-size:26px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-noto-bold-40{
  font-size:40px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/********************/
/* Noto Sans CJK JP */
/********************/
.font-noto-regular-12{
  font-size:12px;
  font-family: 'Noto Sans CJK JP';
}

/*********/
/* color */
/*********/
.font-color-blue{
  color:#FF9100;
}

/*************/
/* noto medium */
/*************/
.font-noto-medium-12{
  font-size:12px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.font-noto-medium-14{
  font-size:14px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.font-noto-medium-16{
  font-size:16px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.font-noto-medium-18{
  font-size:18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.font-noto-medium-20{
  font-size:20px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.font-noto-medium-21{
  font-size:21px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.font-hiragi{
  font-style:"���S�V�b�N","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","���C���I",Meiryo,"�l�r �o�S�V�b�N",sans-serif
}

/*********/
/* color */
/*********/
.text-left{
  text-align: left;
}

/*********/
/* new sp */
/*********/
.sp-head-wrapper{
  padding-bottom:14px;
  width:100%;
  background-color:#FFF;
  text-align: center;
}

.sp-head-title{
  margin-top:12px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size:12px;
  line-height: 12px;
  letter-spacing:0px;
  color:#FF9100;
}

.sp-head-text{
  margin-top:6px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size:18px;
  line-height: 18px;
  letter-spacing:0px;
}

.sp-from-history-wrapper{
  padding-bottom:40px;
  width:100%;
  background-color:#FFFAC7;
  text-align: center;
}

.sp-from-history-text{
  width:calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
  padding-top:30px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:16px;
  line-height: 24px;
  letter-spacing:0.8px;
  color:#FF9100;
}

.sp-history-wrapper{
  margin-top:18px;
  margin-left: auto;
  margin-right: auto;
  width:calc(100% - 60px);
  text-align: center;
  border-radius: 15px 15px 0px 0px;
}

.sp-history-head{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:12px;
  line-height: 30px;
  letter-spacing:0.8px;
  color:#FFF;
  background-color:#FF9100;
  border-radius: 15px 15px 0px 0px;
}

.sp-history-text-wrapper{
  width:calc(100%);
  background-color:#FFF;
}

.sp-history-text-wrapper:last-child{
  border-radius: 0px 0px 15px 15px;
}

.sp-history-text-container{
  display: flex;
  position: relative;
  width:calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  border-top: 1px dashed #707070;
}

.no-border{
  border: none;
}

.sp-history-year{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:10px;
  line-height: 10px;
  letter-spacing:0px;
}

.sp-history-year span{
  margin-top:18px;
  margin-bottom:15px;
  display:inline-block;
  padding:2px 7px 4px 7px;
  border: 1px solid #3E3E3E;
  border-radius: 10px;
}

.sp-history-text{
  padding-top:17px;
  padding-bottom:15px;
  width:calc(100% - 67px);
  margin-left:5px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:14px;
  line-height: 18px;
  letter-spacing:0px;
  text-align: left;
}

.sp-inquiry{
  margin-top:32px;
}

.sp-inquiry span{
  padding:8px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:14px;
  line-height: 30px;
  letter-spacing:0px;
  border: 1px solid #3E3E3E;
  border-radius: 10px;
}

.sp-inquiry-text{
  width:calc(100% - 60px);
  margin-top:17px;
  margin-bottom:10px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:20px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:14px;
  line-height: 24px;
  letter-spacing:0px;
  text-align: left;
  border-bottom: 1px solid #3E3E3E;
}

.sp-city-head{
  width:calc(100% - 60px);
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:16px;
  line-height: 28px;
  letter-spacing:0px;
  color:#FFF;
  border: 1px solid #3E3E3E;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
}

.sp-city-head-first{
  margin-top:30px;
}

.sp-city-office-wrapper{
  width:calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #3E3E3E;
  border-right: 1px solid #3E3E3E;
}
.sp-city-office{
  width:calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  padding:20px 0px 20px 0px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:16px;
  line-height: 20px;
  letter-spacing:0px;
  border-bottom: 1px solid #3E3E3E;
}

.sp-city-office-first{
  padding:10px 0 6px 0;
}

.sp-city-office span{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
  font-size:14px;
  line-height: 24px;
  letter-spacing:0px;
}

.sp-city-address-wrapper{
  position: relative;
  width:calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:14px;
  line-height: 22px;
  letter-spacing:0px;
  border: 1px solid #3E3E3E;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
}

.sp-city-address-wrapper-last{
  margin-bottom:40px;
}

.sp-city-address{
  display:inline-block;
  margin-left: auto;
  margin-right: auto;
  padding:10px 0 10px 0;
  text-align: left;
}

