@charset "utf-8";

.pc_view { display: none; }

h2,h3,h4,h5,h6 { color: #000; }

.pageTopLink {
	margin: 0;
	padding: 5%;
}

/*LP全体適用CSS*/
.lp-contents{
	color: #0d3146;
	font-family: /*'メイリオ', 'Meiryo UI', 'Meiryo'*/'Noto Sans JP', sans-serif;
	overflow-x: hidden;
	text-align: center;
}

header {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/*header-logo*/
#header-menu {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	z-index: 10;
}

.header-inner {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 4.5%;
	padding-top: 2%;
	padding-bottom: 2.4%;
}

.fixed {
	position: fixed;
	top: -0.2%;
    left: 0;
    right: 0;
}

.header-logo {
	width: 35.2%;
}

.header-button {
	/*width: 69%;*/
	width: 87%;
	display: flex;
	justify-content: center;
	/*gap: 7%;*/
	gap: 4%;
}

.header-button img {
	width: 100%;
}

.header-button-sp span {
	font-size: 3vw;
}

/*ヘッダーメニュー*/
.header-inner-a {
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	border-top: solid 1px #00000029;
}

/*
.header-inner-a li {
	flex: 1;
	text-align: center;
	border: solid 1px #00000029;
	margin-right: -0.1%;
    margin-left: -0.1%;
	padding: 2.6% 0 2.6% 0;
	border-left: none;
	border-right: none;
}
*/

.header-inner-a .top-menu,.faq-menu {
	flex: 1;
	text-align: center;
	/*
	border: solid 1px #00000029;
	*/
	margin-right: -0.1%;
    margin-left: -0.1%;
	padding: 2.6% 0 2.6% 0;
	border-left: none;
	border-right: none;
}

.header-inner-a a {
	text-decoration: none;
	font-size: 3.74vw;
  font-weight: bold;
  color: #0165bd;
  white-space: nowrap;
  font-family: 'Noto Sans JP', sans-serif;
}

.header-inner-a .header-button-sp {
	font-size: 3.74vw;
  font-weight: bold;
  color: #0165bd;
  white-space: nowrap;
  border: none;
  position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 33%;
  font-family: 'Noto Sans JP', sans-serif;
}

.header-click {
	position: relative;
	flex: 1;
	/*
	border: solid 1px #00000029;
	*/
	border-collapse: collapse;
}

.header-dd {
	display: none;
	position: absolute;
	top: 100%;
	left: -1%;
	background-color: #fff;
	z-index: 99;
}

.header-inner-a .header-dd li {
	text-decoration: none;
	padding: 4% 19px;
  font-weight: bold;
  color: #0165bd;
  white-space: nowrap;
  background-color: #fff;
  text-align: left;
  border: solid 1px #00000052;
  margin: 0 0 -1%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px 0px;
}

.header-click:hover .header-dd {
	display: block;
}

.header-dd:hover {
	display: block;
}

/*追加*/
.header-button a {
	text-decoration: none;
	font-size: 3.2vw;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
}

.header-button .blue-button {
	width: 58%;
	color: #fff;
    border-radius: 8px;
    background-image: linear-gradient(to right, #016bc0, #0e89d0);
	padding-top: 3%;
	padding-bottom: 3%;
}

.header-button .white-button {
	width: 58%;
	color: #0165bd;
  border: solid 1px #cbd5dc;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 3%;
  padding-bottom: 3%;
}


/*ハンバーガーメニュー*/
/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
	position: fixed;
	right: 20px;
	top: 18px;
	width: 33px;
	/*max-width: 37.5px;*/
	height: 24px;
	/*max-height: 30px;*/
	cursor: pointer;
	z-index: 300;
	opacity: 0.5;
  }

@media (min-width: 768px) {
	.hamburger {
		top: 34px;
	width: 66px;
	/*max-width: 37.5px;*/
	height: 48px;
	}
}

  .hamburger__line {
	position: absolute;
	width: 100%;
	height: 3px;
	right: 0;
	background-color: #000;
	transition: all 0.5s;
  }

  @media (min-width: 768px) {
	.hamburger__line {
		height: 6px;
	}
}
  
  .hamburger__line--1 {
	top: 1px;
  }

  @media (min-width: 768px) {
	.hamburger__line--1 {
		top: 2px;
	}
}
  
  .hamburger__line--2 {
	top: 11px;
  }

  @media (min-width: 768px) {
	.hamburger__line--2 {
		top: 22px;
	}
}
  
  .hamburger__line--3 {
	top: 21px;
  }

  @media (min-width: 768px) {
	.hamburger__line--3 {
		top: 42px;
	}
}
  
  /*ハンバーガーがクリックされたら*/
  .open .hamburger__line--1 {
	transform: rotate(-45deg);
	top: 11px;
  }
  
  .open .hamburger__line--2 {
	opacity: 0;
  }
  
  .open .hamburger__line--3 {
	transform: rotate(45deg);
	top: 11px;
  }
  
  /* 
  sp-nav(ナビ)
  =================================== */
  .sp-nav {
	position: fixed;
	left: 0; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
	top: -100%;
	width: 100%; /* 出てくるスライドメニューの幅 */
	/*height: 99vw;*/
	height: 87vw;
	background-color: #fff;
	transition: all 0.5s;
	z-index: 200;
	overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  }
  
  /*ハンバーガーがクリックされたら右からスライド*/
  .open .sp-nav {
	top: 0;
  }

  .sp-nav ul {
	margin-top: 24%;
  }

  .sp-nav ul li:nth-of-type(1) {
	border-bottom: solid 1px #00000052;
	padding-bottom: 3%;
	padding-top: 3%;
  }

  .sp-nav ul li:nth-of-type(2) {
	border-bottom: solid 1px #00000052;
	padding-bottom: 3%;
	padding-top: 3%;
  }

  .sp-nav ul li:nth-of-type(3) {
	border-bottom: solid 1px #00000052;
	padding-bottom: 3%;
	padding-top: 3%;
  }

  .sp-nav ul li:nth-of-type(4) {
	border-bottom: solid 1px #00000052;
	padding-bottom: 3%;
	padding-top: 3%;
  }

  .sp-nav ul li:nth-of-type(5) {
	/*border-bottom: solid 1px #00000052;*/
	padding-bottom: 3%;
	padding-top: 3%;
  }

  .sp-nav ul li:nth-of-type(6) {
	padding-top: 3%;
  }
  
  .sp-nav ul a {
	display: block;
	width: 78%;
	margin: 0 auto;
	text-align: left;
	font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #3e4e55;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  }

  .sp-nav ul span {
	display: block;
	width: 78%;
	margin: 0 auto;
	text-align: left;
	font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #3e4e55;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  }

  .sp-nav ul .nav-blue {
	display: block;
	width: 60%;
  font-size: 3.74vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  background-image: linear-gradient(to right, #016bc0, #0e89d0);
  margin: 0 auto;
  margin-top: 10%;
  padding-top: 4%;
  padding-bottom: 4%;
  }

  .sp-nav ul .nav-white {
	display: block;
	width: 60%;
	font-size: 3.74vw;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #0165bd;
	border-radius: 8px;
	border: solid 1px #cbd5dc;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 4%;
	padding-top: 4%;
	padding-bottom: 4%;
  }
  
  /* 
  black-bg(ハンバーガーメニュー解除用bg)
  =================================== */
  .black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 5;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	cursor: pointer;
	z-index: 100;
  }
  
  /*ハンバーガーメニューが開いたら表示*/
  .open .black-bg {
	opacity: 0.3;
	visibility: visible;
  }


/*MV*/
.mv {
	position: relative;
	margin-top: 57px;
}

@media (min-width: 768px) {
	.mv {
		margin-top: 107px;
	}
}

.mv .back {
	width: 100%;
	margin: 0;
	position: relative;
	z-index: -1;
}

.mv-left {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateX(-50%);
	width: 45.1%;
}

.mv-right {
	position: absolute;
	top: 4%;
	left: 50%;
	transform: translateX(-50%);
	width: 92.3%;
}

.mv-sub-title {
	font-size: 3.74vw;
	font-weight: bold;
	line-height: 1.54;
	letter-spacing: 0.91px;
	text-align: center;
	color: #0165bd;
  white-space: nowrap;
  margin-bottom: 81.95%;
}

.mv-rid {
	width: 100%;
	margin-bottom: 5.46%;
}

.mv-right-text {
	display: flex;
	align-items: flex-end;
	margin-bottom: 1.9%;
	white-space: nowrap;
}

.mv-right-text img {
	width: 10.67%;
	margin-right: 1.13%;
}

.mv-right-text p {
	font-size: 3.74vw;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: 0.33px;
  text-align: left;
  color: #51656f;
}

.mv-right-button {
	display: flex;
	justify-content: center;
	gap: 4.2%;
	margin-top: 9%;
	align-items: center;
}

.mv-right-button .blue-button {
	width: 43.1%;
  /*font-size: 4.27vw;*/
  font-size: 3.74vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  background-image: linear-gradient(to right, #016bc0, #0e89d0);
  padding-top: 4%;
  padding-bottom: 4%;
}

.mv-right-button .white-button {
	width: 42.5%;
	/*font-size: 4.27vw;*/
	font-size: 3.74vw;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #0165bd;
	border-radius: 8px;
	border: solid 1px #cbd5dc;
	background-color: #fff;
	padding-top: 4%;
	padding-bottom: 4%;
  }

.mv-right-button img {
	width: 100%;
}


/*sample*/
.sample {
	margin-top: 10.82%/*34.2%*/;
}

.sample h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #0165bd;
  margin-bottom: 5.6%;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
}

.sample img {
	width: 100%;
}


/*feature*/
.feature {
	width: 100%;
	margin: 0 auto;
	margin-top: /*25.9%*//*12.54%*/13.4%;
	margin-bottom: 10.5%;
	padding-top: 9%;
	padding-bottom: 16%;
	background-color: #f3f5fa;
}

.feature-box {
	width: 100%;
	margin: 0 auto;
}

.feature h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #0165bd;
  margin-bottom: 8.5%;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  white-space: nowrap;
}

.feature-inner {
	width: 92%;
	margin: 0 auto;
}

.feature-inner h3 {
	font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #0165bd;
  margin-bottom: 4.64%;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  white-space: nowrap;
}

.feature-inner-text {
	text-align: left;
	font-size: 3.74vw;
	font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #3e4e55;
  margin-bottom: 7%;
}

.id-data {
	width: 100%;
	background-color: #fff;
}

.id-volume {
	width: 100%;
	background-color: #fff;
	margin-top: 8.4%;
}

.feature-box h4 {
	font-size: 4.8vw;
	color: #fff;
	background-color: #0165bd;
	padding-top: 2.8%;
	padding-bottom: 2.8%;
}

.feature-box p {
	width: 94.3%;
	font-size: 3.74vw;
	color: #3e4e55;
	margin: 0 auto;
	padding-top: 3.3%;
	padding-bottom: 3.3%;
	text-align: left;
}

.feature-content {
	position: relative;
	width: 100%;
	border-radius: 15px;
    background-color: #eef9fd;
	margin-top: 14.5%;
}

.feature-content p {
	font-size: 4vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 0.75px;
  text-align: justify;
  color: #3e4e55;
  width: 91.01%;
  margin: 0 auto;
  padding-top: 1.6%;
  padding-bottom: 5.8%;
  white-space: nowrap;
}


/*id-chart*/
.id-chart {
	width: 100%;
	background-color: #fff;
	/*margin-top: 8.4%;*/
	padding-top: 5.9%;
	margin-bottom: 10.4%;
}

.id-chart img {
	width: 90%;
	/*padding-top: 4.7%;*/
	padding-bottom: 4.7%;
}


/*service-data*/
.service-data {
	background-color: #fff;
	padding-bottom: 4%;
}

.service-data h4 {
	font-size: 4.8vw;
	color: #fff;
	background-color: #0165bd;
	padding-top: 2.8%;
	padding-bottom: 2.8%;
}


/*life-event*/
.life-event {
	width: 93.42%;
	margin: 0 auto;
	margin-top: 10.76%;
	padding-top: 12.7%;
	padding-bottom: 9.4%;
	background-color: #e8f6ff;
	border-radius: 18px;
	position: relative;
}

.life-event h5 {
	width: 61.1%;
	font-size: 4.8vw;
	line-height: 1;
	color: #fff;
	background-color: #0165bd;
	padding-top: 3.8%;
	padding-bottom: 3.8%;
	border-radius: 21.2px;
	position: absolute;
	top: -5%;
	left: 50%;
	transform: translateX(-50%);
}

.life-event-inner {
	width: 100%;
}

.life-event-box {
	display: flex;
	justify-content: center;
	gap: 9.4%;
	align-items: flex-start;
}

.box-space {
	margin-top: 5%;
}

.life-event-box img {
	width: 41%;
}

.life-event-box .rikunavi {
	margin-top: 5%;
}

.life-event-box .rikunavi-next {
	margin-top: -8%;
}

.life-event-box .hoken {
	margin-top: -3%;
}

.life-event-box .suumo {
	margin-top: -3%;
}

.life-event-box .car {
	margin-top: -8%;
}

.life-event .life-border {
	width: 9.88%;
	position: absolute;
	top: 20.5%;
	left: 50%;
	transform: translateX(-50%);
}


/*life-style*/
.life-style {
	width: 93.42%;
	margin: 0 auto;
	margin-top: 11.67%;
	padding-top: 12.7%;
	padding-bottom: 5%;
	background-color: #e8f6ff;
	border-radius: 18px;
	position: relative;
}

.life-style h5 {
	width: 61.1%;
	font-size: 4.8vw;
	line-height: 1;
	color: #fff;
	background-color: #0165bd;
	padding-top: 3.8%;
	padding-bottom: 3.8%;
	border-radius: 21.2px;
	position: absolute;
	top: -8%;
	left: 50%;
	transform: translateX(-50%);
}

.life-style-inner {
	width: 100%;
}

.life-style-box {
	display: flex;
	justify-content: center;
	gap: 2%;
}

.life-style-box img {
	width: 44.4%;
}

.box-space2 {
	margin-top: 2%;
}

/*バツ*/
.batsu {
	font-size: 8vw;
	font-weight: bold;
	color: #81939e;
	line-height: 1;
	margin-top: 2.66%;
	margin-bottom: 3.66%;
}


/*type-data*/
.type-data {
	background-color: #fff;
}

.type-data h4 {
	font-size: 4.8vw;
        color: #fff;
        background-color: #0165bd;
        padding-top: 2.8%;
        padding-bottom: 2.8%;
}

.type-data img {
	width: 92%;
	margin: 0 auto;
	margin-top: 4.7%;
}


/*download-button*/
.download-button-a {
	margin-top: 17%;
}

.download-button-text {
	position: relative;
    display: inline-block;
    font-size: 4.8vw;
	white-space: nowrap;
  }
  .download-button-text::before {
	position: absolute;
	content: "";
    left: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(-25deg);
  }
  .download-button-text::after {
	position: absolute;
    content: "";
    right: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(25deg);
  }

  .download-button-a a {
	display: block;
	text-decoration: none;
	width: 87%;
	margin: 0 auto;
	font-size: 5.34vw;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
	color: #fff;
	background-image: linear-gradient(to right, #016bc0, #0e89d0);
	border-radius: 8px;
	line-height: 1;
	padding-top: 7.94%;
	padding-bottom: 7.94%;
	margin-top: 3%;
  }




/*slider*/
.step-title h2 {
	font-size: 5.4vw;
        font-weight: bold;
        line-height: 1.45;
        letter-spacing: 2px;
        color: #0165bd;
        margin-bottom: 8.5%;
        font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
}

.slider {
	width: 74.9%;
    height: auto;
	margin: 0 auto;
}

.slider img {
	width: 99%;
    height: auto;
}

.slide-arrow {
    bottom: 0;
    cursor: pointer;
    margin: auto;
    position: absolute;
    top: 0;
}

.prev-arrow {
    width: 11%!important;
    height: auto;
    left: -14%;
}

.next-arrow {
    width: 11%!important;
    height: auto;
    right: -13%;
}

/*ドットの見た目*/
.slick-dots li button:before {
	color: #333333!important;
    content: '〇'!important;
    opacity: 1!important;
}

.slick-dots li.slick-active button:before {
	color: #333333!important;
    content: '•'!important;
    margin-top: 1px;
}

/*ドットの大きさ*/
.slick-dots li button:before{
	font-size: 8px!important;
	margin-left: -400%;
}

/*ドットの間隔*/
.slick-dots li{
	width: 4px!important;
}

/*最初と最後の矢印を削除*/
.slick-disabled {
	opacity: 0;
}

.step-slider .slick-dots {
	display: none;
}

.step-slider {
	margin-bottom: 10.5%;
}



/*r-data*/
.r-data {
	position: relative;
	margin-top: 14%;
}

.r-data h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  white-space: nowrap;
  position: absolute;
  top: 11.5%;
  left: 0;
  right: 0;
}

.r-data p {
	font-size: 4.27vw;
  line-height: 1.44;
  letter-spacing: 0.8px;
  color: #3e4e55;
  position: absolute;
  top: 17.5%;
  left: 0;
  right: 0;
}

.r-data .data-back {
	width: 100%;
	margin-top: 10.73%;
}


.table-container {
	width: 92.27%;
	margin: 0 auto;
	box-sizing: border-box;
	position: absolute;
	top: 29%;
	left: 0;
	right: 0;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px 2px;
}

th,td {
	padding: 0;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	font-family: "Noto Sans JP", sans-serif;
}

th {
	font-size: 4.27vw;
    font-weight: bold;
	color: #fff;
	background-color: #34aae4;
}

td {
	font-size: 3.74vw;
}

tr {
	background-color: #fff;
}

.small {
	font-size: 3.2vw;
	line-height: 1.2;
}

.tr-b {
	background-color: #e8f6ff;
}

th::before {
	content: "";
	display: block;
	padding-top: 27.91%;
}

td::before {
	content: "";
	display: block;
	padding-top: 34.12%;
}

th, td {
	text-align: center;
}

th >div, td>div {
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*
.r-data .data-chart {
	width: 98.3%;
	margin: 0 auto;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
}
*/


/*r-id-menu*/
section > div {
	margin: 0;
}
/*
.r-id-menu h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.3%;
  margin-top: 22%;
}*/

.r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 2.5%;
    left: 50%;
	width: 84.3%;
}

.r-id-menu-box h2 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2.2px;
  color: #0165bd;
}

.r-id-menu-box h3 {
	text-align: center;
	font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 1.8px;
  color: #0165bd;
  white-space: nowrap;
  margin-top: 8%;
}

.r-id-menu-box p {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.2px;
  color: #3e4e55;
  padding-top: 4.43%;
    padding-bottom: 7%;
}

.r-id-menu-content-box {
	width: 100%;
	
}

.r-id-menu-box .r-id-menu-content {
	width: 100%;
	border: solid 4px #0165bd;
	box-sizing: border-box;
	border-radius: 15px;
	background-color: #fff;
    margin-bottom: 4.3%;
	box-sizing: border-box;
}

.r-id-menu-box .r-id-menu-content .r-id-menu-title {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

.r-id-menu-box .r-id-menu-content .title2 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.r-id-menu-box .r-id-menu-content .title3 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.r-id-menu-box .r-id-menu-content p {
	font-size: 4.27vw;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.8px;
  text-align: center;
  color: #3e4e55;
  padding-top: 4%;
  padding-bottom: 8.22%;
}

.r-id-menu-box .r-id-menu-content .ad {
	width: 89.12%;
}

.r-id-menu-box .r-id-menu-content .tg {
	width: 35.3%;
	margin-left: 7%;
}

.r-id-menu-box .r-id-menu-content .dm {
	width: 48.73%;
}

.r-id-menu-back {
	width: 100%;
}

.r-id-menu-back2 {
	width: 100%;
	padding-top: 443.51%;
	background-color: #e8f6ff;
}

.r-id-blue-l {
	position: relative;
}

/*button追加*/
.ad-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

.dm-button {
	width: 74%;
	margin: 10% 0 10% 0;
}




.r-id-menu2 {
	margin-top: -6%;
}

.r-id-menu-back-2 {
	width: 100%;
}

.r-id-menu-back2-2 {
	width: 100%;
	padding-top: 250.83%;
	background-color: #e8f6ff;
}

.r-id-menu-box2 {
	position: absolute;
	transform: translateX(-50%);
	top: 3.5%;
    left: 50%;
	width: 84.3%;
}

.r-id-menu-box2 h3 {
	text-align: justify;
	font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 1.8px;
  color: #0165bd;
  white-space: nowrap;
}

.r-id-menu-box2 p {
	text-align: justify;
	font-size: 3.74vw;
	font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.2px;
  color: #3e4e55;
  padding-top: 4.12%;
    padding-bottom: 7%;
}

.r-id-menu-content-box2 {
	width: 100%;
}

.r-id-menu-box2 .r-id-menu-content2 {
	width: 100%;
	border: solid 4px #0165bd;
	border-radius: 15px;
	background-color: #fff;
	margin-bottom: 4.3%;
	box-sizing: border-box;
}

.r-id-menu-box2 .r-id-menu-content2 .r-id-menu-title2 {
	align-items: center;
	font-size: 6.14vw;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 2.5%;
	padding-bottom: 4.5%;
}

.r-id-menu-box2 .r-id-menu-content2 p {
	font-size: 4.27vw;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.8px;
  text-align: center;
  color: #3e4e55;
  padding: 0;
  padding-top: 6.5%;
}

.r-id-menu-box2 .r-id-menu-content2 .ad {
	width: 66.3%;
	padding-top: 11.05%;
    padding-bottom: 12.22%;
}

.r-id-menu-box2 .r-id-menu-content2 .tg {
	width: 86%;
	padding-top: 10.82%;
	padding-bottom: 14.34%;
}

.r-id-menu-small {
	font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.69;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
}


/*r-id追加*/
.r-id-menu-content .at-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 4.8vw;
	text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #0165bd;
  border: solid 1px #cbd5dc;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 4.45%;
  padding-bottom: 4.45%;
	white-space: nowrap;
	margin-top: 10%;
	margin-bottom: 10%;
}




.download {
	width: 100%;
	background-color: #fff;
	padding-top: 13.4%;
    padding-bottom: 13.4%;
}

.download .large {
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.1px;
  text-align: center;
  color: #0165bd;
  padding-bottom: 2.94%;
}

.download .small {
	font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1.6px;
  text-align: center;
  color: #516570;
  padding-bottom: 10.2%;
}

.download a {
	display: block;
	text-decoration: none;
	width: 80%;
	margin: 0 auto;
	font-size: 5.34vw;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
	color: #fff;
	background-image: linear-gradient(to right, #016bc0, #0e89d0);
	border-radius: 8px;
	line-height: 1;
	padding-top: 7.94%;
	padding-bottom: 7.94%;
}

/*faq*/
.faq {
	background-color: #f3f5fb;
	padding: 8% 0 8% 0;
}

.faq p {
	color: #516570;
	font-size: 4.27vw;
        font-weight: bold;
        line-height: 1.25;
        letter-spacing: 1.6px;
        text-align: center;
        padding-bottom: 4.2%;
}

.faq a {
	font-size: 4.3vw;
	display: block;
	width: 44.8%;
	margin: 0 auto;
	text-decoration: none;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #0165bd;
  border: solid 1px #cbd5dc;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 5.15%;
  padding-bottom: 5.15%;
}

#pageTopLink2 {
	position: fixed;
	bottom: 10%;
	right: -2%;
	z-index: 99;
}

#pageTopLink2 img {
	width: 55%;
}

.vanish {
	display: none;
}



/*test*/
header .headerLogo{ width:244px; display: block; padding: 7px 0 7px 0; vertical-align: middle; border:none;/*margin:  5px auto 0;*/margin: 5px 0 0 16px;}

@media (min-width: 768px) {
	header .headerLogo {
		width:500px;
		padding: 14px 0 14px 0;
		margin: 5px 0 0 24px;
	}
}

/*�A�h���X�^�[�Q*/
header #logo a.addressLogo-test{ /*height: 48px;*/ padding: 22px 0 15px 0; margin: 0 0 0 0; background: url("/img/logo/r-id_solution_logo.png") no-repeat 0 0/100% auto;}

@media (min-width: 768px) {
	header #logo a.addressLogo-test {
		padding: 22px 0 51px 0;
	}
}

/*customer-data*/
.customer-data {
	width: 80%;
	margin: 0 auto;
	margin-top: 8%;
	margin-bottom: 8%;
}

.customer-data p {
	font-size: 3.74vw;
	color: #3e4e55;
	text-align: justify;
	font-weight: bold;
}

.customer-data ul {
	margin-left: 6%;
	margin-top: 5%;
}

.customer-data li {
	font-size: 3.74vw;
	color: #0165bd;
	text-align: justify;
	list-style-type: disc;
	text-decoration: underline;
	margin-top: 2%;
}

.customer-data a {
	font-size: 3.74vw;
	color: #0165bd;
	text-align: justify;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
}


/*ここからATページ*/

/*ここからATページ*/
/*MV*/
.at-mv img {
	width: 100%;
}

.at-mv-inner {
	width: 84.3%;
	margin: 0 auto;
	padding: 26% 0 13% 0;
}

.at-mv p {
	font-size: 3.74vw;
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 7.5% 0 0 0;
}


/*at-web*/
.at-web {
	width: 100%;
	background-color: #f3f5fa;
	padding: 6.4% 0 6.4% 0;
	position: relative;
	margin-bottom: 8.54%;
}

.at-web h2 {
	font-size: 5.34vw;
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #0165bd;
	margin-bottom: 6.4%;
}

.at-web-contents {
	width: 84%;
	margin: 0 auto;
}

.at-web-contents p {
	font-size: 4.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #0165bd;
	padding-bottom: 1%;
}

.at-web-contents .at-web-content1-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.at-web-contents .at-web-content2-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.at-web-contents .at-web-content3-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.at-web-content1 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
	margin-bottom: 6.8%;
}

.at-web-content2 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
	margin-bottom: 6.8%;
}

.at-web-content3 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
}

.at-web-content1 img {
	width: 34.32%;
	padding-bottom: 2%;
}

.at-web-content2 img {
	width: 88.6%;
	padding-bottom: 2%;
}

.at-web-content3 img {
	width: 32.35%;
	padding-bottom: 2%;
}

/*at-download-button*/
.at-download-button-a {
	margin-top: 10.6%;
}

.at-download-button-text {
	position: relative;
    display: inline-block;
    font-size: 4.8vw;
	white-space: nowrap;
  }
  .at-download-button-text::before {
	position: absolute;
	content: "";
    left: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(-25deg);
  }
  .at-download-button-text::after {
	position: absolute;
    content: "";
    right: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(25deg);
  }

  .at-download-button-a a {
	display: block;
	text-decoration: none;
	width: 80%;
	margin: 0 auto;
	font-size: 5.34vw;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
	color: #fff;
	background-image: linear-gradient(to right, #016bc0, #0e89d0);
	border-radius: 8px;
	line-height: 1;
	padding-top: 7.94%;
	padding-bottom: 7.94%;
	margin-top: 3%;
  }



  /*at-r-id-menu*/
section > div {
	margin: 0;
}
/*
.r-id-menu h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.3%;
  margin-top: 22%;
}*/

.at-r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 2.5%;
    left: 50%;
	width: 84.3%;
}

.at-r-id-menu-box h2 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2.2px;
  color: #0165bd;
}

.at-r-id-menu-box h3 {
	text-align: center;
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 1.8px;
  color: #0165bd;
  white-space: nowrap;
  margin-bottom: 8%;
}

.at-r-id-menu-box p {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.2px;
  color: #3e4e55;
  padding-top: 4.43%;
    padding-bottom: 7%;
}

.at-r-id-menu-content-box {
	width: 100%;
	
}

.at-r-id-menu-box .at-r-id-menu-content {
	width: 100%;
	border: solid 4px #0165bd;
	box-sizing: border-box;
	border-radius: 15px;
	background-color: #fff;
    margin-bottom: 4.3%;
	box-sizing: border-box;
}

.at-r-id-menu-box .at-r-id-menu-content .at-r-id-menu-title {
	align-items: center;
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

.at-r-id-menu-box .at-r-id-menu-content .at-title2 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.at-r-id-menu-box .at-r-id-menu-content .at-title3 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.at-r-id-menu-box .at-r-id-menu-content p {
	font-size: 4.27vw;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.8px;
  text-align: center;
  color: #3e4e55;
  padding-top: 4%;
  padding-bottom: 8.22%;
}

.at-r-id-menu-box .at-r-id-menu-content .ad {
	width: 89.12%;
}

.at-r-id-menu-box .at-r-id-menu-content .tg {
	width: 35.3%;
	margin-left: 7%;
}

.at-r-id-menu-box .at-r-id-menu-content .dm {
	width: 48.73%;
}

.at-r-id-menu-back {
	width: 100%;
}

.at-r-id-menu-back2 {
	width: 100%;
	padding-top: 259.51%;
	background-color: #e8f6ff;
	margin-top: 11%;
}

.at-r-id-blue-l {
	position: relative;
}

/*button追加*/
.ad-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

.dm-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

/*r-id追加*/
.at-r-id-menu-content .at-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 4.8vw;
	text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #0165bd;
  border: solid 1px #cbd5dc;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 4.45%;
  padding-bottom: 4.45%;
	white-space: nowrap;
	margin-top: 10%;
	margin-bottom: 10%;
}



/**/
.at-r-id-blue-l {
	position: relative;
}

.at-r-id-menu-back-2 {
	width: 100%;
}

.at-r-id-menu1 {
	margin-top: 4%;
}

.at-r-id-menu-back2-2 {
	width: 100%;
	padding-top: 332.07%;
	background-color: #fff;
}

@media (min-width: 1440px) {
	.at-r-id-menu-back2-2 {
		height: 670px;
		padding: 0;
	}
}

.at-r-id-menu-box1 {
	position: absolute;
	transform: translateX(-50%);
	top: 1.5%;
    left: 50%;
	width: 92%;
}

.at-r-id-menu-box1 h3 {
	text-align: center;
	font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.at-r-id-menu-box1 p {
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.at-r-id-menu-content-box1 {
	width: 100%;
	margin: 0 auto;
}

.at-r-id-menu-box1 .at-r-id-menu-content1 {
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 7%;
	border: solid 3px #0165bd;
}

.at-r-id-menu-box1 .at-r-id-menu-content1 p {
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
  text-align: left;
  color: #3e4e55;
  padding-top: 7%;
  width: 91.04%;
  margin: 0 auto;
}

.at-r-id-menu-box1 .at-r-id-menu-content1 span {
	/*
	font-size: 3.74vw;
	*/
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
}

.at-r-id-menu-box1 .at-r-id-menu-content1 .ad {
	width: 26.7%;
	margin-top: 7.43%;
}

.at-r-id-menu-box1 .at-r-id-menu-content1 .tg {
	width: 66.3%;
	padding-top: 10.6%;
}

/*2*/
.at-r-id-blue-l {
	position: relative;
}

.at-r-id-menu-back-2 {
	width: 100%;
}

.at-r-id-menu2 {
	margin-top: 4%;
}


@media (min-width: 1440px) {
	.at-r-id-menu-back2-2 {
		height: 1065px;
		padding: 0;
	}
}

.at-r-id-menu-box1 p {
	width: 91.2%;
	margin: 0 auto;
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.at-r-id-menu-content-box2 {
	
}

.at-r-id-menu-box1 .at-r-id-menu-content2 {
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 7%;
	border: solid 3px #0165bd;
}

.at-r-id-menu-box1 .at-r-id-menu-content2 p {
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
  text-align: left;
  color: #3e4e55;
  padding-top: 0;
  width: 91.04%;
  margin: 0 auto;
}

.at-r-id-menu-box1 .at-r-id-menu-content2 span {
	font-size: min(1.077vw,14px);
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
}

.at-r-id-menu-box1 .at-r-id-menu-content2 .ad {
	width: 78%;
	margin-top: 7.45%;
	margin-bottom: 7.45%;
}

.at-r-id-menu-box1 .at-r-id-menu-content2 .tg {
	width: 19%;
	padding-top: 10.3%;
	margin-bottom: 10.3%;
}


/*at-r-id3*/
.at-r-id-blue-3 {
	position: relative;
}

.at-r-id-menu-back-3 {
	width: 100%;
}

.at-r-id-menu3 {
	/*margin-top: 12.8%;*/
}

.at-r-id-menu-back3-2 {
	width: 100%;
	padding-top: 360.92%;
	background-color: #eef9fd;
}

@media (min-width: 1440px) {
	.at-r-id-menu-back3-2 {
		height: 725px;
		padding: 0;
	}
}

.at-r-id-menu-box3 {
	position: absolute;
	transform: translateX(-50%);
	top: 1.5%;
    left: 50%;
	width: 84%;
}

.at-r-id-menu-box3 h3 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.at-r-id-menu-box3 p {
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.at-r-id-menu-content-box3 {
	
}





/*ここからDMページ*/
/*MV*/
.dm-mv img {
	width: 81.7%;
	margin-right: 19%;
}

.dm-mv-inner {
	width: 84.3%;
	margin: 0 auto;
	padding: 26% 0 13% 0;
}

.dm-mv p {
	font-size: 3.74vw;
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 7.5% 0 0 0;
}


/*dm-web*/
.dm-web {
	width: 100%;
	background-color: #f3f5fa;
	padding: 6.4% 0 6.4% 0;
	position: relative;
	margin-bottom: 8.54%;
}

.dm-web h2 {
	font-size: 5.34vw;
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #0165bd;
	margin-bottom: 6.4%;
}

.dm-web-contents {
	width: 84%;
	margin: 0 auto;
}

.dm-web-contents p {
	font-size: 4.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #0165bd;
	padding-bottom: 1%;
}

.dm-web-contents .dm-web-content1-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.dm-web-contents .dm-web-content2-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.dm-web-contents .dm-web-content3-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.dm-web-content1 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
	margin-bottom: 6.8%;
}

.dm-web-content2 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
	margin-bottom: 6.8%;
}

.dm-web-content3 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
}

.dm-web-content1 img {
	width: 62%;
	padding-bottom: 2%;
}

.dm-web-content2 img {
	width: 34.32%;
	padding-bottom: 2%;
}

.dm-web-content3 img {
	width: 48%;
	padding-bottom: 2%;
}

/*dm-download-button*/
.dm-download-button-a {
	margin-top: 10.6%;
}

.dm-download-button-text {
	position: relative;
    display: inline-block;
    font-size: 4.8vw;
	white-space: nowrap;
  }
  .dm-download-button-text::before {
	position: absolute;
	content: "";
    left: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(-25deg);
  }
  .dm-download-button-text::after {
	position: absolute;
    content: "";
    right: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(25deg);
  }

  .dm-download-button-a a {
	display: block;
	text-decoration: none;
	width: 80%;
	margin: 0 auto;
	font-size: 5.34vw;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
	color: #fff;
	background-image: linear-gradient(to right, #016bc0, #0e89d0);
	border-radius: 8px;
	line-height: 1;
	padding-top: 7.94%;
	padding-bottom: 7.94%;
	margin-top: 3%;
  }



  /*dm-r-id-menu*/
section > div {
	margin: 0;
}
/*
.r-id-menu h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.3%;
  margin-top: 22%;
}*/

.dm-r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 2.5%;
    left: 50%;
	width: 84.3%;
}

.dm-r-id-menu-box h2 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2.2px;
  color: #0165bd;
}

.dm-r-id-menu-box h3 {
	text-align: center;
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 1.8px;
  color: #0165bd;
  white-space: nowrap;
  margin-bottom: 8%;
}

.dm-r-id-menu-box p {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.2px;
  color: #3e4e55;
  padding-top: 4.43%;
    padding-bottom: 7%;
}

.dm-r-id-menu-content-box {
	width: 100%;
	
}

.dm-r-id-menu-box .dm-r-id-menu-content {
	width: 100%;
	border: solid 4px #0165bd;
	box-sizing: border-box;
	border-radius: 15px;
	background-color: #fff;
    margin-bottom: 4.3%;
	box-sizing: border-box;
}

.dm-r-id-menu-box .dm-r-id-menu-content .dm-r-id-menu-title {
	align-items: center;
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .dm-title2 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .dm-title3 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.dm-r-id-menu-box .dm-r-id-menu-content p {
	font-size: 4.27vw;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.8px;
  text-align: center;
  color: #3e4e55;
  padding-top: 4%;
  padding-bottom: 8.22%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .ad {
	width: 89.12%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .tg {
	width: 35.3%;
	margin-left: 7%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .dm {
	width: 48.73%;
}

.dm-r-id-menu-back {
	width: 100%;
}

.dm-r-id-menu-back2 {
	width: 100%;
	padding-top: 273.51%;
	background-color: #e8f6ff;
	margin-top: 11%;
}

.dm-r-id-blue-l {
	position: relative;
}

/*button追加*/
.ad-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

.dm-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

/*r-id追加*/
.dm-r-id-menu-content .dm-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 4.8vw;
	text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #0165bd;
  border: solid 1px #cbd5dc;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 4.45%;
  padding-bottom: 4.45%;
	white-space: nowrap;
	margin-top: 10%;
	margin-bottom: 10%;
}



/**/
.dm-r-id-blue-l {
	position: relative;
}

.dm-r-id-menu-back-2 {
	width: 100%;
}

.dm-r-id-menu1 {
	margin-top: 4%;
}

.dm-r-id-menu-back2-2 {
	width: 100%;
	padding-top: 332.07%;
	background-color: #fff;
}

@media (min-width: 1440px) {
	.dm-r-id-menu-back2-2 {
		height: 670px;
		padding: 0;
	}
}

.dm-r-id-menu-box1 {
	position: absolute;
	transform: translateX(-50%);
	top: 1.5%;
    left: 50%;
	width: 92%;
}

.dm-r-id-menu-box1 h3 {
	text-align: center;
	font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.dm-r-id-menu-box1 p {
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.dm-r-id-menu-content-box1 {
	width: 100%;
	margin: 0 auto;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content1 {
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 7%;
	border: solid 3px #0165bd;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content1 p {
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
  text-align: left;
  color: #3e4e55;
  padding-top: 7%;
  width: 91.04%;
  margin: 0 auto;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content1 span {
	/*
	font-size: 3.74vw;
	*/
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content1 .ad {
	width: 26.7%;
	margin-top: 7.43%;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content1 .tg {
	width: 66.3%;
	padding-top: 10.6%;
}

/*2*/
.dm-r-id-blue-l {
	position: relative;
}

.dm-r-id-menu-back-2 {
	width: 100%;
}

.dm-r-id-menu2 {
	margin-top: 4%;
}


@media (min-width: 1440px) {
	.dm-r-id-menu-back2-2 {
		height: 1065px;
		padding: 0;
	}
}

.dm-r-id-menu-box1 p {
	width: 91.2%;
	margin: 0 auto;
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.dm-r-id-menu-content-box2 {
	
}

.dm-r-id-menu-box1 .dm-r-id-menu-content2 {
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 7%;
	border: solid 3px #0165bd;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content2 p {
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
  text-align: left;
  color: #3e4e55;
  padding-top: 0;
  width: 91.04%;
  margin: 0 auto;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content2 span {
	font-size: min(1.077vw,14px);
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content2 .ad {
	width: 78%;
	margin-top: 7.45%;
	margin-bottom: 7.45%;
}

.dm-r-id-menu-box1 .dm-r-id-menu-content2 .tg {
	width: 19%;
	padding-top: 10.3%;
	margin-bottom: 10.3%;
}


/*dm-r-id3*/
.dm-r-id-blue-3 {
	position: relative;
}

.dm-r-id-menu-back-3 {
	width: 100%;
}

.dm-r-id-menu3 {
	/*margin-top: 12.8%;*/
}

.dm-r-id-menu-back3-2 {
	width: 100%;
	padding-top: 360.92%;
	background-color: #eef9fd;
}

@media (min-width: 1440px) {
	.dm-r-id-menu-back3-2 {
		height: 725px;
		padding: 0;
	}
}

.dm-r-id-menu-box3 {
	position: absolute;
	transform: translateX(-50%);
	top: 1.5%;
    left: 50%;
	width: 84%;
}

.dm-r-id-menu-box3 h3 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.dm-r-id-menu-box3 p {
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}




/*ここからTMページ*/
/*MV*/
.tm-mv img {
	width: 81.7%;
	margin-right: 19%;
}

.tm-mv-inner {
	width: 84.3%;
	margin: 0 auto;
	padding: 26% 0 13% 0;
}

.tm-mv p {
	font-size: 3.74vw;
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 7.5% 0 0 0;
}


/*tm-web*/
.tm-web {
	width: 100%;
	background-color: #f3f5fa;
	padding: 6.4% 0 6.4% 0;
	position: relative;
	margin-bottom: 8.54%;
}

.tm-web h2 {
	font-size: 5.34vw;
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #0165bd;
	margin-bottom: 6.4%;
}

.tm-web-contents {
	width: 84%;
	margin: 0 auto;
}

.tm-web-contents p {
	font-size: 4.8vw;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #0165bd;
	padding-bottom: 1%;
}

.tm-web-contents .tm-web-content1-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tm-web-contents .tm-web-content2-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tm-web-contents .tm-web-content3-text {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tm-web-content1 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 7.62% 0 4.64% 0;
	margin-bottom: 6.8%;
}

.tm-web-content2 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
	margin-bottom: 6.8%;
}

.tm-web-content3 {
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4.64% 0 4.64% 0;
}

.tm-web-content1 img {
	width: 54%;
	padding-bottom: 7.62%;
}

.tm-web-content2 img {
	width: 34.32%;
	padding-bottom: 4%;
}

.tm-web-content3 img {
	width: 48%;
	padding-bottom: 2%;
}

/*tm-download-button*/
.tm-download-button-a {
	margin-top: 10.6%;
}

.tm-download-button-text {
	position: relative;
    display: inline-block;
    font-size: 4.8vw;
	white-space: nowrap;
  }
  .tm-download-button-text::before {
	position: absolute;
	content: "";
    left: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(-25deg);
  }
  .tm-download-button-text::after {
	position: absolute;
    content: "";
    right: -4%;
    top: 25%;
    width: 3px;
    height: 60%;
    background: #0165bd;
    transform: rotate(25deg);
  }

  .tm-download-button-a a {
	display: block;
	text-decoration: none;
	width: 80%;
	margin: 0 auto;
	font-size: 5.34vw;
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
	color: #fff;
	background-image: linear-gradient(to right, #016bc0, #0e89d0);
	border-radius: 8px;
	line-height: 1;
	padding-top: 7.94%;
	padding-bottom: 7.94%;
	margin-top: 3%;
  }



  /*tm-r-id-menu*/
section > div {
	margin: 0;
}
/*
.r-id-menu h2 {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.3%;
  margin-top: 22%;
}*/

.tm-r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 2.5%;
    left: 50%;
	width: 84.3%;
}

.tm-r-id-menu-box h2 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2.2px;
  color: #0165bd;
}

.tm-r-id-menu-box h3 {
	text-align: center;
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 1.8px;
  color: #0165bd;
  white-space: nowrap;
  margin-bottom: 8%;
}

.tm-r-id-menu-box p {
	text-align: justify;
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.2px;
  color: #3e4e55;
  padding-top: 4.43%;
    padding-bottom: 7%;
}

.tm-r-id-menu-content-box {
	width: 100%;
	
}

.tm-r-id-menu-box .tm-r-id-menu-content {
	width: 100%;
	border: solid 4px #0165bd;
	box-sizing: border-box;
	border-radius: 15px;
	background-color: #fff;
    margin-bottom: 4.3%;
	box-sizing: border-box;
}

.tm-r-id-menu-box .tm-r-id-menu-content .tm-r-id-menu-title {
	align-items: center;
	font-size: 5.34vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .tm-title2 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .tm-title3 {
	align-items: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 8px 8px 0 0;
  padding: 0;
  padding-top: 8.5%;
  padding-bottom: 9%;
}

.tm-r-id-menu-box .tm-r-id-menu-content p {
	font-size: 4.27vw;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.8px;
  text-align: center;
  color: #3e4e55;
  padding-top: 4%;
  padding-bottom: 8.22%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .ad {
	width: 89.12%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .tg {
	width: 35.3%;
	margin-left: 7%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .dm {
	width: 48.73%;
}

.tm-r-id-menu-back {
	width: 100%;
}

.tm-r-id-menu-back2 {
	width: 100%;
	padding-top: 273.51%;
	background-color: #e8f6ff;
	margin-top: 11%;
}

.tm-r-id-blue-l {
	position: relative;
}

/*button追加*/
.ad-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

.tm-button {
	width: 74%;
	margin: 10% 0 10% 0;
}

/*r-id追加*/
.tm-r-id-menu-content .tm-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 4.8vw;
	text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #0165bd;
  border: solid 1px #cbd5dc;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 4.45%;
  padding-bottom: 4.45%;
	white-space: nowrap;
	margin-top: 10%;
	margin-bottom: 10%;
}



/**/
.tm-r-id-blue-l {
	position: relative;
}

.tm-r-id-menu-back-2 {
	width: 100%;
}

.tm-r-id-menu1 {
	margin-top: 4%;
}

.tm-r-id-menu-back2-2 {
	width: 100%;
	padding-top: 332.07%;
	background-color: #fff;
}

@media (min-width: 1440px) {
	.tm-r-id-menu-back2-2 {
		height: 670px;
		padding: 0;
	}
}

.tm-r-id-menu-box1 {
	position: absolute;
	transform: translateX(-50%);
	top: 1.5%;
    left: 50%;
	width: 92%;
}

.tm-r-id-menu-box1 h3 {
	text-align: center;
	font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.tm-r-id-menu-box1 p {
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.tm-r-id-menu-content-box1 {
	width: 100%;
	margin: 0 auto;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content1 {
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 7%;
	border: solid 3px #0165bd;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content1 p {
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
  text-align: left;
  color: #3e4e55;
  padding-top: 7%;
  width: 91.04%;
  margin: 0 auto;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content1 span {
	/*
	font-size: 3.74vw;
	*/
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content1 .ad {
	width: 26.7%;
	margin-top: 7.43%;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content1 .tg {
	width: 66.3%;
	padding-top: 10.6%;
}

/*2*/
.tm-r-id-blue-l {
	position: relative;
}

.tm-r-id-menu-back-2 {
	width: 100%;
}

.tm-r-id-menu2 {
	margin-top: 4%;
}


@media (min-width: 1440px) {
	.tm-r-id-menu-back2-2 {
		height: 1065px;
		padding: 0;
	}
}

.tm-r-id-menu-box1 p {
	width: 91.2%;
	margin: 0 auto;
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}

.tm-r-id-menu-content-box2 {
	
}

.tm-r-id-menu-box1 .tm-r-id-menu-content2 {
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 7%;
	border: solid 3px #0165bd;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content2 p {
	font-size: 3.74vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
  text-align: left;
  color: #3e4e55;
  padding-top: 0;
  width: 91.04%;
  margin: 0 auto;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content2 span {
	font-size: min(1.077vw,14px);
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 1.09px;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content2 .ad {
	width: 78%;
	margin-top: 7.45%;
	margin-bottom: 7.45%;
}

.tm-r-id-menu-box1 .tm-r-id-menu-content2 .tg {
	width: 19%;
	padding-top: 10.3%;
	margin-bottom: 10.3%;
}


/*tm-r-id3*/
.tm-r-id-blue-3 {
	position: relative;
}

.tm-r-id-menu-back-3 {
	width: 100%;
}

.tm-r-id-menu3 {
	/*margin-top: 12.8%;*/
}

.tm-r-id-menu-back3-2 {
	width: 100%;
	padding-top: 360.92%;
	background-color: #eef9fd;
}

@media (min-width: 1440px) {
	.tm-r-id-menu-back3-2 {
		height: 725px;
		padding: 0;
	}
}

.tm-r-id-menu-box3 {
	position: absolute;
	transform: translateX(-50%);
	top: 1.5%;
    left: 50%;
	width: 84%;
}

.tm-r-id-menu-box3 h3 {
	text-align: center;
	font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.tm-r-id-menu-box3 p {
	text-align: justify;
	font-size: 3.74vw;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 5%;
    padding-bottom: 7.4%;
}




/*ここからFAQ*/
.faq-mv img {
	width: 100%;
	margin-top: 57px;
}

@media (min-width: 768px) {
	.faq-mv img {
		margin-top: 107px;
	}
}

.faq-area {
	width: 92%;
	margin: 0 auto;
}

.faq-list {
	margin: 14% 0 0 0;
}

.faq-list h2 {
	font-size: 5.34vw;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  color: #0165bd;
  margin-bottom: 6.8%;
  white-space: nowrap;
}

.faq-text p {
	font-size: 3.74vw;
	line-height: 1.3;
    letter-spacing: 1.5px;
	text-align: left;
	padding: 4.35%;
	color: #5D5D5D;
}

.faq-text .q a {
	font-family: 'Noto Sans JP', sans-serif;
	color: #0165bd;
}

.faq-text .q {
	font-weight: bold;
	color: #0165bd;
}

.faq-text .a a {
	font-family: 'Noto Sans JP', sans-serif;
	color: #0165bd;
	text-decoration: underline;
}

.faq-text .q-top {
	border-top: solid 1px #707070;
}

.faq-text .a {
	background-color: #e8f6ff;
	border-bottom: solid 1px #707070;
}



/*ここから商品一覧ページ*/
/*MV*/
.products-mv img {
	width: 46.25%;
    margin-right: 53%;
}

.products-mv-inner {
	width: 84.3%;
	margin: 0 auto;
	padding: 26% 0 13% 0;
}

.products-mv p {
	font-size: 3.74vw;
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 7.5% 0 0 0;
}

.r-id-menu-pr {
	background-color: #e8f6ff;
}

.r-id-menu-pr-back2 {
	width: 100%;
	padding-top: 428.51%;
	background-color: #f3f5fa;
}

.r-id-menu-box .menu-box-pr-title {
	margin-top: 0;
}

.r-id-menu-pr-back2-2 {
	width: 100%;
	padding-top: 250.83%;
	background-color: #f3f5fa;
}





/*form関連*/
.form-title {
	font-size: 5.4vw;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #0165bd;
  margin-top: 81px;
  margin-bottom: 24px;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  white-space: nowrap;
}

@media (min-width: 768px) {
	.form-title {
		margin-top: 132px;
	}
}

.form-note {
	width: 87.23%;
	margin: 0 auto;
	background-color: #f8f9fc;
	border: solid 1.5px #e1e6ee;
	border-radius: 6px;
	padding-top: 4.24%;
	padding-bottom: 4.24%;
	padding-left: 4.24%;
	margin-bottom: 2.47%;
	text-align: left;
	font-size: 3.74vw;
	font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.98px;
  line-height: 1.79;
}

.sp-nav .arrow-down {
	margin-left: 2%;
	display: inline-block;
	vertical-align: middle;
	color: #3e4e55;
	line-height: 1;
	width: 0.5em;
	height: 0.5em;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-38%) rotate(135deg);
}

iframe {
	height: 2345px;
}

@media (min-width: 390px) {
	iframe {
		height: 2270px;
	}
}

@media (min-width: 414px) {
	iframe {
		height: 2230px;
	}
}

@media (min-width: 768px) {
	iframe {
		height: 1900px;
	}
}

/*お問い合わせ*/
.inquire {
	height: 1650px;
}

@media (min-width: 390px) {
	.inquire {
		height: 1615px;
	}
}

@media (min-width: 414px) {
	.inquire {
		height: 1600px;
	}
}

@media (min-width: 768px) {
	.inquire {
		height: 1400px;
	}
}


/*ここからthanks*/
.thanks {
	padding-top: 20%;
}

.thanks h1 {
	font-size: 5.4vw;
        font-weight: bold;
        line-height: 1.45;
        letter-spacing: 2px;
        color: #0165bd;
        font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro';
        white-space: nowrap;
}

.thanks img {
	width: 32.5%;
	max-width: 215px;
	margin: 0 auto;
	padding-top: 6.2%;
	padding-bottom: 7.2%;
}

.thanks p {
	font-size: 3.74vw;
	letter-spacing: 0.98px;
	text-align: justify;
	color: #3e4e55;
	width: 86%;
	margin: 0 auto;
	padding-bottom: 10%;
}