@charset "utf-8";
@media all{
	
/*　お知らせ一覧
---------------------------------------------------*/
#whatsnew{ width:820px;}
#whatsnew .section{ width:780px; padding:0px 20px 30px;}
#whatsnew .section dl dt{ padding:0;  font-weight:normal; color:#000;font: 16px/1.231 "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
#whatsnew .section dl dd.title{ padding:0 0 15px 0; margin:0 0 15px 0; font-weight:bold; border-bottom:dashed 1px #d9d9d9;    font-size: 22px;text-align: center;line-height: 1.7;}
#whatsnew .section dl dd.title span{line-height: 1.5; font-size: 16px;font-weight: normal;}
#whatsnew .section dl dd.text{ padding:0 0 40px 0; line-height:1.6em;}
  #whatsnew .section dl dd.text p{line-height: 1.6em;}

#whatsnew .section dl dd.text .center{
  display:block; text-align:center;
}
#whatsnew .section dl dd.text .center.hidari{
  width: 100%;
  max-width: 80%;
  margin: auto;
  text-align: left;
}
#whatsnew .section dl dd.text .right{ display:block; text-align:right;}
#whatsnew .section p.btn{ margin:10px 0 0 0; text-align:right;}

  .pc-block{
    display: inline;
  }
  .sp-block{
    display: none;
  }
  .indent01{
    text-indent: 1em;
    display: block;
  }
  .indent02{
    text-indent: 2em;
    display: block;
  }
  .indent03{
    text-indent: 3em;
    display: block;
  }
  .indent04{
    text-indent: 4em;
    display: block;
  }
  .indent05{
    text-indent: 5em;
    display: block;
  }
  .indent05_5{
    text-indent: 5.5em;
    display: block;
  }
  .indent06{
    text-indent: 6em;
    display: block;
  }
  .indent06_5{
    text-indent: 6.5em;
    display: block;
  }
  .indent09{
    text-indent: 9em;
    display: block;
  }
	.indentem{
		padding-left: 1em;
	}
  .indent_0718{
    position: relative;
    left: 1em;
  }
  
  .indent span {
    width: 120px;
    display: inline-block;
    padding-left: 1em;
  }
  
  .teisei {
    text-decoration: line-through;
  }
  
  .center {
    text-align: center;
  }
  
  dd{
     overflow-wrap:  break-word;
  }

  .flex_txt.oya {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }
  .flex_txt.oya .flex_txt {
    margin-top: 0;
  }
  .flex_txt.oya p {
    width: 180px;
  }
  .flex_txt {
    margin: 1em 0;
    margin-left: 1em;
  }
  
  .flex_txt li {
    padding-left: 1em;
    text-indent: -1em;
  }
  
  /*.flex_txt li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 2em;
  }
  .flex_txt li:nth-child(2) {
    gap: 4em;
  }
  .flex_txt li:nth-child(4) {
    gap: 3em;
  }*/
  .indent.last {
    padding-top: 1em;
  }
  .indent_inline {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
  }
  .catch_copy {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 24px auto;
    width: 90%;
    max-width: 400px;
    line-height: 1.8;
    @media screen and (max-width: 767px) {
      font-size: min(20px, 4.5vw);
      width: 100%;
    }
  }
  .pc_br {
    display: block;
    @media screen and (max-width: 767px) {
      display: none;
    }
  }
}
.pb_10{padding-bottom: 10px;}
@media screen and ( max-width: 1280px ) {
#whatsnew {
    max-width: 820px;
	width: 100%;
}
	#whatsnew .section {
    max-width: 780px;
	width: 100%;
    padding: 0;
}
}
@media screen and ( max-width: 767px ) {
	#whatsnew .section {
    width: 100%;
  }
	#whatsnew {
    width: 100%;
}
  #whatsnew .section dl dd.text p:first-child .left {
    left: auto;
  }
  #whatsnew .section dl dd.title {
    font-size: 17px;
  }
  #whatsnew .section dl dd.text .center.hidari {
    max-width: initial;
  }
  
  .pc-block{
    display: none;
  }
  .sp-block{
    display: block;
  }
  
  .ft_18 {
    font-size: 18px;
  }
  .indent0, .indent5_5{
    text-indent:  0em;
    padding-left: 0em;
  }
  .indent6_5, .indent12_5 {
    text-indent: -3.5em;
    padding-left: 3.5em;
  }
  .indent06, .indent09{
    text-indent: 0em;
  }
  
  .indent05 {
    text-indent: -1em;
    padding-left: 1em;
  }
  .indent span {
    padding-left: 0;
    width: auto;
    display: block;
  }

  .flex_txt {
    margin: 1em 0 2em;
  }
  .flex_txt li {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    margin-bottom: 0.5em;
  }
  .flex_txt li:nth-child(2),
  .flex_txt li:nth-child(4){
    gap: 0px;
  }
  .flex_txt li p:last-child {
    margin-left: 1.5em;
  }

  .flex_txt.oya {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.flex {
  display: flex;
  gap: 2rem;
}
.flex.gap_0 {
  gap: 0;
}
.flex.gap_05 {
  gap: 0.5rem;
}
.flex.gap_1 {
  gap: 1rem;
}
.flex.gap_3 {
  gap: 3rem;
}
.indent_m {
  text-indent: -1em;
  margin-left: 1em;
}
.w_112 {
  display: block;
  min-width: 112px;
  white-space: nowrap;
  &.sp_br {display: none;}
}
.indent_none {
  text-indent: 0;
  margin-left: 0;
}
@media screen and ( max-width: 767px ) {
  .flex {
    display: block;
  }
  .w_112.sp_br {display: block;}

.w_112{
  width: 100%;
  min-width: 0;
  white-space: inherit;
}
.pre_txt {
	font: 16px/1.231 "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif
}
.flex240531 {
	display: flex;
	margin-bottom: 10px;
	
	dd {
		width: 250px;
	}
	dt {
		text-indent: -1em;
		padding-left: 1em;
	}
}
@media screen and ( max-width: 767px ) {
.flex240531 {
	flex-direction: column;
}
}