@charset "utf-8";

/*

/rakuten/asset/css/contents.css

Update:  2026-06-08 PM 12:00

====================*/



/* ----------------------------------------------------
Media query All
---------------------------------------------------- */
/* common */


/* カラム設定 */
.reform2026 .column,.reform2026 .column2 { display: flex; justify-content: space-between; flex-wrap: wrap;}
.reform2026 .column .text,.reform2026 .colum2 .text { text-align: left;}

/* テキスト */
.reform2026 p{
  line-height: 2.0;
}
.reform2026 .txt-note {
  text-indent: -3em !important;
  padding-left: 3em !important;
  margin-bottom: 7px !important;
}
.reform2026 .sub-text{ font-size: 1.4rem;}
.reform2026 .txt-red{ color: #e81717 !important;}
.reform2026 .txt-pink,.txtPink{ color: #e8177e !important;}
/* 矢印 */

/* ナビ */

/* リスト */
.reform2026 .list-dot li {
  /* ドット */
  list-style-type: none !important;
  list-style-image: none !important;
  position: relative;
  padding-left: 14px;
}
.reform2026 .list-dot li::after {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: 0em;
  width: 3px;
  height: 3px;
  background-color: #333333;
  border-radius: 100%;
}
/* 表 */

/* リンク */

/* ボタン */
.reform2026 .btn-more a{
  width: 100%;
  max-width: 280px;
  display: block;
  height: 46px;
  line-height: 46px;
  border-radius: 23px;
  border: 1px solid #66b2c0;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  color: #000;
  background-color: #FFFFFF;
  transition: .3s;
}
.reform2026 .btn-more a:hover{
  transition: .3s;
  background-color: #e8f4f6;
}
.reform2026 .btn-more-s a{
  width: 100%;
  max-width: 200px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 12px;
}
.reform2026 .btn-return{
  width: 90%;
  max-width: 850px;
  margin: 40px auto 20px auto;
}
.reform2026 .btn-return a{
  display: block;
  padding: 32px 0 32px 0;
  background: #FFFFFF;
  color: #333333;
  font-size: 16px;
  text-align: center;
  position: relative;
  border: 1px solid #000000;
  border-radius: 3px;
  text-decoration: none;
}
.reform2026 .btn-return a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
}
.btn-blue{
  width: 90%;
  max-width: 850px;
  margin: 0 auto 80px auto;
}
.btn-blue a{
  display: block;
  padding: 30px 0 30px 0;
  background: #70c5d4;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  position: relative;
  border-radius: 3px;
  text-decoration: none;
  opacity: 1.0;
  transition: .3s;
}
.btn-blue a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.btn-blue a:hover{
  color: #FFFFFF;
  opacity: .8;
  transition: .3s;
}
/* 見出し */

.reform2026 .title-line-s {
/* 左右短い線 */
  position: relative;
  display: inline-block;
  padding: 0 72px;
}
.reform2026 .title-line-s::before,.reform2026 .title-line-s::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: #cccccc;
}
.reform2026 .title-line-s2 {
  position: relative;
  display: inline-block;
  padding: 0 115px;
}
.reform2026 .title-line-s2::before,.reform2026 .title-line-s2::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 88px;
  height: 1px;
  background-color: #cccccc;
}
.reform2026 .title-line-s::before,.reform2026 .title-line-s2::before {
  left: 0;
}
.reform2026 .title-line-s::after,.reform2026 .title-line-s2::after {
  right: 0;
}
/* 背景グレイ見出し */
.title-grey{
  max-width: 1400px;
  background-color: #f5f3ef;
  border-radius: 3px;
  text-align: center;
  margin: 0 auto 35px auto;
  padding: 8px 20px 8px;
  font-size: 24px;
  font-weight: 300;
}
/* 注記 */
.reform2026 .note{
  margin: 0px 0 0 0px;
  text-align: left;
}
.reform2026 .note dt{
  font-size: 22px;
  margin-bottom: 13px;
  font-weight: bold;
  margin-left: 15px;
  position: relative;
}
.reform2026 .note dt::before {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #FFFFFF;
  border: 3px solid #3db8e0;
  position: relative;
  left: -10px;
  top: 2px;
}
.reform2026 .note dd ul{
  margin:0 0 0 20px;
}
.reform2026 .note dd li{
  margin:0 0 6px 0;
  padding: 0 0 0 15px;
  font-size: 16px;
  line-height: 1.6;
}
.reform2026 .note dd li::before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #565656;
  position: relative;
  left: -10px;
  top: -3px;
}
.reform2026 .note.kome > ul{
  margin-left: 2em;
}
.reform2026 .note.kome > ul li{
  position: relative;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 6px;
}
.reform2026 .note.kome > ul li::before{
  content: "※";
  margin-left: -1em;
}
.reform2026 .note.list ul{
  margin:0 0 0 20px;
}
.reform2026 .note.list li{  
  font-size: 16px;
  line-height: 1.6;
	list-style-type: none !important;
  list-style-image: none !important;
  position: relative;
	margin:0 0 6px 0;
  padding-left: 14px;
}
.reform2026 .note.list li::after {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: 0em;
  width: 3px;
  height: 3px;
  background-color: #333333;
  border-radius: 100%;
}

/* 背景 */

/* All END */



/* ----------------------------------------------------
- 520px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 520px) {



/* - 520px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
- 960px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 960px) {

/* 見出し */
/* 背景グレイ見出し */
.title-grey{
  margin: 0 auto 28px auto;
  font-size: 20px;
}
/* 注記 */
.reform2026 .note{
  margin: 0px 10px 0 10px;
  text-align: left;
}
.reform2026 .note dt{
  font-size: 16px;
  margin-bottom: 13px;
  font-weight: bold;
}
.reform2026 .note dt::before {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #FFFFFF;
  border: 3px solid #3db8e0;
  position: relative;
  left: -10px;
  top: -4px;
}
.reform2026 .note dd ul{
  margin:0 0 0 10px;
}
.reform2026 .note dd li{
  margin:0 0 6px 0;
  padding: 0 0 0 15px;
  font-size: 14px;
}
.reform2026 .note.kome > ul{
  margin-left: 1.5em;
}
.reform2026 .note.kome > ul li{
  position: relative;
  font-size: 14px;
}
.reform2026 .note.kome > ul li::before{
  content: "※";
  margin-left: -1em;
}

/* - 960px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
961px-
---------------------------------------------------- */
@media (min-width: 961px) {



/* 961px - END*/
}

/* ----------------------------------------------------
- 1200px (Pc layout Only コンテンツ内 基本幅)
---------------------------------------------------- */
@media (max-width: 1200px) {



/* - 1200px (Pc layout Only) END*/
}

/* ----------------------------------------------------
- 1920px (Pc layout Only)
---------------------------------------------------- */
@media (max-width: 1920px) {



/* - 1920px - END*/
}

/* ----------------------------------------------------
1921px- (Pc layout Only Wide)
---------------------------------------------------- */
@media (min-width: 1921px) {



/* 1921px - END*/
}