@charset "UTF-8";
/*****************************************************************************************************************
 * MV
 *****************************************************************************************************************/
.attention {
  overflow: hidden;
  color: #666;
  font-size: 16px;
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .attention {
      font-size: 4.26667vw;
      padding-bottom: 0; } }

.attention_mv {
  background-color: #70bbe4;
  position: relative; }
  @media screen and (max-width: 768px) {
    .attention_mv {
      padding-top: 4vw; } }

.attention_mv-l-inner {
  width: 1200px;
  margin: 0 auto;
  padding: 75px 0;
  position: relative; }
  @media screen and (max-width: 768px) {
    .attention_mv-l-inner {
      width: 100%;
      padding: 6.66667vw 0 6vw; } }

.attention_mv-category {
  background-image: url("/assets/img/attention/page_category_attention.png");
  background-size: 182.5px 21px;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 75px;
  display: block;
  position: relative;
  background-color: #2993d1;
  background-position: calc(100% - 25px) center;
  position: absolute;
  top: 40px;
  left: calc(-50% + -150px);
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px; }
  @media screen and (max-width: 768px) {
    .attention_mv-category {
      background-image: url("/assets/img/attention/page_category_attention.png");
      background-size: 30.85vw 3.54667vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 50vw;
      height: 14vw;
      display: block;
      position: relative;
      background-position: calc(100% - 4.666vw) center;
      position: static; } }

/*****************************************************************************************************************
 * ATTENTION---NAV
 *****************************************************************************************************************/
.attention_anchor-nav {
  width: 1200px;
  margin: 0 auto;
  padding: 108px 0 69px 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media screen and (max-width: 768px) {
    .attention_anchor-nav {
      width: 84vw;
      margin: 0 auto;
      display: block;
      padding: 5.6vw 0 13.06667vw; } }


/*****************************************************************************************************************
 * ATTENTION---CONTS
 *****************************************************************************************************************/
.attention_conts {
  width: 1200px;
  margin: 100px auto 0;
  position: relative; }
  @media screen and (max-width: 768px) {
    .attention_conts {
      width: 100%;
      margin: 13.33333vw auto 0; } }

.attention_block {
  padding-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .attention_block {
      padding-bottom: 11.33333vw; } }
  .attention_block:first-of-type {
    padding-top: 53px; }
    @media screen and (max-width: 768px) {
      .attention_block:first-of-type {
        padding-top: 12.8vw; } }
  @media screen and (max-width: 768px) {
    .attention_block:last-of-type {
      padding-bottom: 13.33333vw; } }

.attention_block-inner {
	margin-top: 50px;
}

.attention_block-inner:first-child {
	margin-top: 0;
}

.attention_block-u-ttl {
  margin-bottom: 28px; }
  @media screen and (max-width: 768px) {
    .attention_block-u-ttl {
      margin-bottom: 4.26667vw; } }

.attention_block-txt {
  font-family: 'Noto-Sans-Regular';
  line-height: 1.59; }
  .attention_block-txt .emphasis_txt {
    font-weight: bold; }

.attention_block-item {
	margin-bottom: 26px;
}
	@media screen and (max-width: 768px) {
			.attention_block-item {
				margin-bottom: 18px;} }

.attention_block-item dt {
	padding-bottom: 4px;
	color: #2993d1;
	font-weight: bold;
}
.attention_notes {
	font-size: 12px;
	line-height: 1.6;
    display: inline-block;
}
	@media screen and (max-width: 768px) {
			.attention_notes {
				font-size: 3.2vw;} }