@charset "utf-8";

.sp_view { display: none; }

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

.title {
	margin: 0;
	padding: 0;
}

.pageTopLink {
	margin: 1% 11% 0 0;
	padding-bottom: 50px;
}

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

#pageTopLink2 img {
	width: 94%;
	max-width: 86px;
}

#pageTopLink2 img:hover {
	opacity: 0.8;
	transition: .3s;
}

@media (min-width: 1300px) {
	#header,
	.cl_logo_area_pc {
		width: 77% !important;
        max-width: 1160px;
		margin: 0 auto;
	}
}

#header,
.cl_logo_area_pc {
	width: 77%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cl_logo_area_pc img {
	width: 58.6%;
	height: auto;
}

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

/*header-logo*/


.header-top {
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #fff;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	z-index: 10;

	max-width: 100%;
    position: fixed;
	/*
    top: -0.2%;
	*/
    left: 50%;
    transform: translateX(-50%);
}

.header-inner-all {
	max-width: 1160.78px;
	width: 77%;
	display: flex;
	/*
	justify-content: space-around;
	*/
	justify-content: left;
	/*
	gap: 33%;
	*/
	padding-top: 1%;
	padding-bottom: 1%;
}

.header-inner-a {
	display: flex;
	/*gap: 27%;*/
	align-items: center;
}

.header-inner-a li:nth-of-type(1) {
    margin-right: 25%;
}

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

.header-inner-a a:hover {
	opacity: 0.8;
	transition: .3s;
}



.header-inner-a .header-button {
	text-decoration: none;
	font-size: min(1.62vw,21px);
  font-weight: bold;
  color: #0165bd;
  white-space: nowrap;
  font-family: 'Noto Sans JP', sans-serif;
  cursor: pointer;
}

.header-inner-a .header-button:hover {
	opacity: 0.8;
	transition: .3s;
}



.header-click {
	position: relative;
	margin-right: 25%;
}


.arrow-down {
	margin-left: 10%;
	display: inline-block;
	vertical-align: middle;
	color: #0165bd;
	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(-35%) rotate(135deg);
}

.header-dd {
	display: none;
	position: absolute;
	/*
	top: 100%;
	*/
	top: 85%;
	left: -17%;
	background-color: #fff;
	z-index: 99;
	margin-top: 18%;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 3px;
}

.menu-open {
	display: block;
}

.header-inner-a .header-dd li {
	text-decoration: none;
	font-size: min(1.62vw,18px);
	padding: 16px;
  font-weight: bold;
  color: #0165bd;
  white-space: nowrap;
  background-color: #fff;
  text-align: left;
  /*border: solid 1px #00000052;*/
  position: relative;
}

.header-inner-a .header-dd a {
	color: #3e4e55;
	font-weight: normal;
}

.header-inner-a .header-dd li:nth-of-type(2)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	background-color: #00000052;
}

.header-inner-a .header-dd li:nth-of-type(3)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	background-color: #00000052;
}

.header-inner-a .header-dd li:nth-of-type(4)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	background-color: #00000052;
}

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

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

.header-inner {
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 28%;
	padding-top: 1.24%;
	padding-bottom: 1.24%;
}

#headerWrapper {
	box-shadow: none;
	/*追従追加*/
	position: sticky;
        top: 0;
        z-index: 99;
        background-color: #fff;
}


/*スクロールでmenu削除　追加*/
.vanish {
	display: none;
}

.block {
	display: block;
}

.header-logo {
	width: 17.8%;
}

/*
.header-button {
	width: 100%;
	display: flex;
	justify-content: right;
	gap: 4%;
}
*/

.header-button img {
	width: 100%;
}
/*
.header-button span {
	font-size: min(1.4vw, 18.2px);
}
*/
/*MV*/
.mv {
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
}

.mv .back {
	width: 100%;

	object-fit: cover;
    max-height: 714.71px;
}

.mv-left {
	position: absolute;
	top: 3%;
	left: 0;
	width: 47.2%;
}

.mv-right {
	position: absolute;
	margin-top: 4%;
	top: 9%;
	right: 4.4%;
	max-width: 532.08px;
	width: 40.93%;
}

.mv-sub-title {
  font-size: min(1.54vw,20px);
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 1.4px;
  color: #0165bd;
  white-space: nowrap;
  margin-bottom: 3.95%;
  text-align: left;
}

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

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

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

.mv-right-text p {
	font-size: min(1.08vw,14px);
  font-weight: bold;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #51656f;
}

.mv-right-button {
	display: flex;
	gap: 4.2%;
	margin-top: 17.9%;
}

.mv-right-button .blue-button {
	display: block;
	width: 46.4%;
	text-decoration: none;
	font-size: min(1.462vw,19px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #fff;
  border-radius: 8px;
  background-image: linear-gradient(to right, #016bc0, #0e89d0);
  padding-top: 4.45%;
  padding-bottom: 4.45%;
}

.mv-right-button .blue-button:hover {
	opacity: 0.8;
	transition: .3s;
}

.mv-right-button .white-button {
	display: block;
	width: 46.4%;
	text-decoration: none;
	font-size: min(1.462vw,19px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  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: 4.45%;
  padding-bottom: 4.45%;
}

.mv-right-button .white-button:hover {
	opacity: 0.8;
	transition: .3s;
}

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

.mv .mv-contents {
	position: absolute;
	/*top追加調整*/
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1440px;
    width: 100%;
}


/*sample*/
.sample {
	margin: 0 auto;
	margin-top: 5%;
	/*
	max-width: 1107.78px;
	width: 76.93%;
	*/
	max-width: 1300px;
	width: 100%;
}

.sample h2 {
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 2.7px;
  text-align: center;
  color: #0165bd;
  margin-bottom: 1.8%;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
}

.sample img {
	width: 100%;
}


/*feature*/
.feature {
	width: 100%;
	background-color: #f3f5fa;
	padding-top: 4%;
	padding-bottom: 6%;
	margin-top: 7.15%;
}

.feature-inner {
	width: 75.39%;
	max-width: 980.06px;
	margin: 0 auto;
	margin-top: 4%;
}

.feature-inner h3 {
	font-size: min(1.539vw,20px);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 2px;
	color: #0165bd;
}

.feature-inner-text {
	font-size: min(1.39vw,18px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #3e4e55;
  padding-top: 2.4%;
  padding-bottom: 4%;
}

.feature h2 {
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 2.7px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
}

.feature-box {
	display: flex;
	justify-content: center;
	gap: 2.4%;
}

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

.id-volume {
	width: 48.78%;
	background-color: #fff;
}

.feature-box h4 {
	font-size: min(1.539vw,20px);
	color: #fff;
	background-color: #0165bd;
	padding-top: 1.8%;
	padding-bottom: 1.8%;
}

.feature-box p {
	width: 94.3%;
	font-size: min(1.08vw,14px);
	color: #3e4e55;
	margin: 0 auto;
	padding-top: 3.3%;
	padding-bottom: 3.3%;
	text-align: left;
	white-space: nowrap;
}


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

.id-chart img {
	width: 93%;
	margin: 0 auto;
	padding-top: 4%;
	padding-bottom: 4%;
}


/*id-profile*/
.id-profile {}


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

.service-data h4 {
	font-size: min(1.539vw,20px);
	color: #fff;
	background-color: #0165bd;
	padding-top: 1.8%;
	padding-bottom: 1.8%;
}

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

.life-event h5 {
	width: 24.92%;
	font-size: min(1.385vw,18px);
	color: #fff;
	background-color: #0165bd;
	padding-top: 1.8%;
	padding-bottom: 1.8%;
	border-radius: 30px;
	position: absolute;
	top: -12%;
	left: 50%;
	transform: translateX(-50%);
}

.life-event-inner {
	width: 100%;
	display: flex;
	justify-content: center;
    gap: 1.7%;
}

.life-event-box {
	width: 13.76%;
	background-color: #fff;
	border: solid 1px #37b1de;
	border-radius: 10px;
}

.life-event p {
	font-size: min(1.385vw,18px);
	font-weight: bold;
	color: #0165bd;
	padding-top: 12.1%;
	padding-bottom: 10.3%;
}

.life-event .rikunavi-next-text {
	font-size: min(1.385vw,18px);
	color: #0165bd;
	padding-top: 12.1%;
	padding-bottom: 11.3%;
}

.life-event .car-text {
    font-size: min(1.385vw,18px);
	color: #0165bd;
	padding-top: 12.1%;
	padding-bottom: 16.3%;
}

.life-event-small {
	font-size: min(1.08vw,14px);
}

.life-event-box .rikunavi {
	width: 77%;
	padding-bottom: 12%;
}

.life-event-box .zexy {
	width: 58%;
}

.life-event-box .hoken {
	width: 91.2%;
	padding-top: 1%;
}

.life-event-box .rikunavi-next {
	width: 84.2%;
}

.life-event-box .suumo {
	width: 71.5%;
}

.life-event-box .car {
	width: 77.7%;
}

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


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

.life-style h5 {
	width: 24.92%;
	font-size: min(1.385vw,18px);
	color: #fff;
	background-color: #0165bd;
	padding-top: 1.8%;
	padding-bottom: 1.8%;
	border-radius: 30px;
	position: absolute;
	top: -12%;
	left: 50%;
	transform: translateX(-50%);
}

.life-style-inner {
	width: 100%;
	display: flex;
	justify-content: center;
    gap: 4.7%;
}

.life-style-box {
	width: 13.76%;
	background-color: #fff;
	border: solid 1px #37b1de;
	border-radius: 10px;
}

.life-style p {
	font-size: min(1.385vw,18px);
	font-weight: bold;
	color: #0165bd;
	padding-top: 12.1%;
	padding-bottom: 10.3%;
	line-height: 1.1;
}

.life-style .jln-text {
	font-size: min(1.385vw,18px);
	color: #0165bd;
	padding-top: 20.1%;
	padding-bottom: 17.3%;
	line-height: 1.1;
}

.life-style .hpb-text {
	font-size: min(1.385vw,18px);
	color: #0165bd;
	padding-top: 12.1%;
	padding-bottom: 6.3%;
	line-height: 1.1;
}

.life-style .stsp-text {
	font-size: min(1.385vw,18px);
	color: #0165bd;
	padding-top: 20.1%;
    padding-bottom: 15.3%;
	line-height: 1.1;
}

.life-style-small {
	font-size: min(1.08vw,14px);
}

.life-style-verysmall {
	font-size: min(0.93vw,12px);
}

.life-style-box .hpg {
	width: 77%;
	padding-bottom: 12%;
}

.life-style-box .jln {
	width: 85.1%;
}

.life-style-box .hpb {
	width: 80%;
}

.life-style-box .stsp {
	width: 68.2%;
}


/*バツ*/
.batsu {
	font-size: min(3.1vw,40px);
	font-weight: bold;
	color: #81939e;
	line-height: 1;
	margin-top: 2.66%;
	margin-bottom: 2.66%;
}


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

.type-data h4 {
	font-size: min(1.539vw,20px);
	color: #fff;
	background-color: #0165bd;
	padding-top: 1.8%;
	padding-bottom: 1.8%;
}

.type-data img {
	width: 93%;
	margin: 0 auto;
	margin-top: 2.7%;
}


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

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

  .download-button-a a {
	display: block;
	text-decoration: none;
	width: 43.16%;
	margin: 0 auto;
	font-size: min(2.31vw,30px);
	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: 3.45%;
	padding-bottom: 3.45%;
	margin-top: 1.35%;
  }

  .download-button-a a:hover {
	opacity: 0.8;
	transition: .3s;
  }


  /*carousel*/
.step-title h2 {
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 2.7px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-top: 6%;
  margin-bottom: 3%;
}

  .sliderArea {
	width: 70%;
	max-width: 910px;
	margin: 0 auto;
	padding: 0 40px;
}

.sliderArea.w300 {
	max-width: 300px;
}

.slick-slide {
	margin: 0 13.35px;
}

.slick-slide img {
	width: 100%;
	height: auto;
}

.slick-prev, .slick-next {
	z-index: 1;
}

.slick-prev:before, .slick-next:before {
	color: #000;
}

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

.prev-arrow {
    width: 3.39%!important;
    height: auto;
    left: -4.4%;
	opacity: 1;
}

.next-arrow {
    width: 3.39%!important;
    height: auto;
    right: -4.4%;
	opacity: 1;
}


/*ドットの見た目*/
.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: 2px;
}

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

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

/*ドットの位置*/
.step-slider .slick-dots{
	bottom: -43px;
}

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

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





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

.r-data h2 {
	font-size: min(2.1vw,27px);
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 2.7px;
  text-align: center;
  color: #0165bd;
  font-family: 'Noto Sans JP';
  position: absolute;
  top: 8.5%;
  left: 0;
  right: 0;
}

.r-data p {
	font-size: min(1.54vw,20px);
  line-height: 1.45;
  text-align: center;
  color: #272727;
  position: absolute;
  top: 16.5%;
  left: 0;
  right: 0;
}

.r-data .data-back {
	width: 100%;

	max-height: 716.67px;
    object-fit: cover;
}

.table-container {
	max-width: 1107.77px;
	width: 76.93%;
	margin: 0 auto;
	box-sizing: border-box;
	position: absolute;
	top: 25.1%;
	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: min(1.8vw,23px);
    font-weight: bold;
	color: #fff;
	background-color: #34aae4;
}

td {
	font-size: min(1.54vw,20px);
}

tr {
	background-color: #fff;
}

.small {
	font-size: min(1.23vw,16px);
}

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

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

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

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 {
    max-width: 1116px;

	width: 77.5%;
	margin: 0 auto;
	position: absolute;
	top: 25.1%;
	left: 0;
	right: 0;
}
*/

/*r-id-menu*/
.r-id-menu {
	margin-top: 7.31%;
	background-color: #e8f6ff;
}

.r-id-menu h2 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.93%;
}

.r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 8%;
    left: 50%;
	width: 76.93%;
	max-width: 1107.78px;
}

.r-id-menu-box h3 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.r-id-menu-box p {
	text-align: center;
	font-size: min(1.385vw,18px);
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 2.4%;
    padding-bottom: 4.3%;
}

.r-id-menu-content-box {
	display: flex;
	justify-content: center;
	gap: 4%;
}

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

.r-id-menu-box .r-id-menu-content .r-id-menu-title {
	display: grid;
	height: 22.3%;
	align-items: center;
	font-size: min(1.62vw,21px);
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 11px 11px 0 0;
  padding: 0;
}

.r-id-menu-box .r-id-menu-content p {
	font-size: min(1.24vw,16px);
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.8px;
  text-align: center;
  color: #3e4e55;
  padding-top: 4%;
}

.r-id-menu-box .r-id-menu-content .ad {
	width: 84.2%;
	padding-top: 5.1%;
	padding-bottom: 9%;
}

.r-id-menu-box .r-id-menu-content .tg {
	width: 40.9%;
        margin-top: 8.4%;
        margin-left: 7%;
        margin-bottom: 8.2%;
}

.r-id-menu-box .r-id-menu-content .dm {
	width: 58.2%;
	padding-top: 7%;
	padding-bottom: 8.2%;
}

.ad-button {
	width: 73.6%;
}

.dm-button {
	width: 73.6%;
}

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

.r-id-menu-back2 {
	width: 100%;
	max-height: 920px;
	padding-top: 67%;
}

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

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




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

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

.r-id-menu-back2-2 {
	width: 100%;
	padding-top: 44.92%;
}

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

.r-id-menu-box2 {
	position: absolute;
	transform: translateX(-50%);
	top: 0;
    left: 50%;
	width: 76.93%;
	max-width: 1107.78px;
}

.r-id-menu-box2 h3 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
}

.r-id-menu-box2 p {
	text-align: center;
	font-size: min(1.385vw,18px);
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 2.4%;
    padding-bottom: 4.3%;
}

.r-id-menu-content-box2 {
	display: flex;
	justify-content: center;
	gap: 4%;
}

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

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

.r-id-menu-box2 .r-id-menu-content2 p {
	font-size: min(1.24vw,16px);
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.6px;
  text-align: center;
  color: #3e4e55;
  padding-top: 4%;
}

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

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

.r-id-menu-small {
	font-size: min(1.24vw,16px);
  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: min(1.385vw,18px);
	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;
}

.r-id-menu-content .at-white-button:hover {
	opacity: 0.8;
	transition: .3s;
}




.download {
	position: relative;
	width: 100%;
	max-width: 980.06px;
    margin: 0 auto;
	background-color: #fff;
	padding-top: 4.4%;
    padding-bottom: 5.53%;
	z-index: 1;
}

.download .blue-back {
	position: absolute;
    top: 0;
    left: -50%;
    right: -50%;
    margin: auto;
    width: 100vw;
    height: 100%;
    max-height: 429.56px;
    background-color: #007aff;
	z-index: -1;
}

.download .large {
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 0.15px;
  text-align: center;
  color: #0165bd;
  padding-bottom: 2.08%;
}

.download .small {
	font-size: min(1.7vw,22px);
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2.2px;
  text-align: center;
  color: #516570;
  padding-bottom: 4.45%;
}

.download a {
	display: block;
        text-decoration: none;
        width: 43.16%;
        margin: 0 auto;
        font-size: min(2.3vw, 30px);
        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: 3.45%;
        padding-bottom: 3.45%;
}

.download a:hover {
	opacity: 0.8;
	transition: .3s;
}

/*faq*/
.faq {
	background-color: #f3f5fa;
	padding: 4% 0 4% 0;
}

.faq-inner {
	max-width: 980.06px;
	margin: 0 auto;
}

.faq p {
	color: #516570;
	font-size: min(1.7vw, 22px);
        font-weight: bold;
        line-height: 1.45;
        letter-spacing: 2.2px;
        text-align: center;
        padding-bottom: 2.12%;
}

.faq a {
	font-size: min(1.385vw,18px);
	display: block;
	width: 14.5%;
	max-width: 190.5px;
	margin: 0 auto;
	text-decoration: none;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  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: 1.15%;
  padding-bottom: 1.15%;
}

.faq a:hover {
	opacity: 0.8;
	transition: .3s;
}



/*�A�h���X�^�[�Q*/
header #logo a.addressLogo-test{width: 333px; height: 58px; margin-left: -2px; padding: 0; background: url("/img/logo/r-id_solution_logo.png") no-repeat 0 0/197px 32px;}

.headerLogo {
	display: flex;
	justify-content: space-between;
}

header .headerLogo:after {
	display: none;
}

.header-top-menu {
	/*
	width: 396.3px;
	*/
	width: 40%;
	display: flex;
	justify-content: right;
	gap: 10px;
	align-items: center;
}

.header-top-menu .blue-button {
	width: 206.3px;
	text-decoration: none;
	font-size: min(1.385vw,18px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  color: #fff;
  border-radius: 8px;
  background-image: linear-gradient(to right, #016bc0, #0e89d0);
  padding-top: 3%;
  padding-bottom: 3%;
  /*
  height: 48.5px;
  */
}

.header-top-menu .blue-button:hover {
	opacity: 0.8;
	transition: .3s;
}

.header-top-menu .white-button {
	display: block;
	width: 180px;
	text-decoration: none;
	font-size: min(1.385vw,18px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  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: 3%;
  padding-bottom: 3%;
  /*
  height: 48.5px;
  */
}

.header-top-menu .white-button:hover {
	opacity: 0.8;
	transition: .3s;
}


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

.customer-data p {
	font-size: min(1.08vw,14px);
	color: #3e4e55;
	text-align: justify;
	font-weight: bold;
}

.customer-data ul {
	margin-left: 2%;
	margin-top: 1%;
}

.customer-data li {
	font-size: min(1.08vw,14px);
	color: #0165bd;
	text-align: justify;
	list-style-type: disc;
}

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



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

.at-mv-inner {
	max-width: 1107.78px;
	width: 76.9%;
	margin: 0 auto;
	padding: 9.155% 0 6.155% 0;
}

.at-mv p {
	font-size: min(1.385vw,18px);
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  white-space: nowrap;
  margin: 2.9% 0 0 0;
}
/*
.at-mv {
	background-image: url(../img/pc/at/at_contents2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
}

.at-mv img {
	width: 75.54%;
	margin-right: 100%;
}

.at-mv-inner {
	max-width: 1107.78px;
	width: 76.9%;
	margin: 0 auto;
	padding: 9.155% 0 6.155% 0;
}

.at-mv p {
	font-size: min(1.539vw,20px);
	font-weight: bold;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 2.9% 0 5.6% 0;
}

.at-mv .at-mv-button {
	display: block;
	width: 26.49%;
	text-decoration: none;
	font-size: min(1.539vw,20px);
  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: #fff;
  border-radius: 8px;
  background-image: linear-gradient(to right, #016bc0, #0e89d0);
  padding-top: 3%;
  padding-bottom: 3%;
}

.at-mv .at-mv-button:hover {
	opacity: 0.8;
	transition: .3s;
}
*/


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

.at-web h2 {
	font-size: min(2.31vw,30px);
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #0165bd;
	margin-bottom: 2.54%;
}

.at-web-contents {
	max-width: 1000px;
	width: 76.9%;
	display: flex;
	justify-content: center;
	gap: 3.5%;
	margin: 0 auto;
}

.at-web-contents p {
	font-size: min(1.385vw,18px);
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #0165bd;
}

.at-web-content1 {
	width: 30.85%;
	background-color: #fff;
	border-radius: 15px;
	padding: 3.6% 0 3.1% 0;
}

.at-web-content2 {
	width: 30.85%;
	background-color: #fff;
	border-radius: 15px;
	padding: 1.85% 0 1% 0;
}

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

.at-web-content1 img {
	width: 47.5%;
	padding-bottom: 6.5%;
}

.at-web-content2 img {
	width: 87%;
	/*
	padding-bottom: 2.5%;
	*/
	padding-bottom: 2.3%;
}

.at-web-content3 img {
	width: 50.4%;
	padding-bottom: 10.5%;
}

.at-web-contents .at-web-content1-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}

.at-web-contents .at-web-content2-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}

.at-web-contents .at-web-content3-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}


/*download-button*/
.at-download-button-a {
	max-width: 980.6px;
	margin: 0 auto;
	margin-top: 6.16%;
}

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

  .at-download-button-a a {
	display: block;
	text-decoration: none;
	width: 43.16%;
	margin: 0 auto;
	font-size: min(2.31vw,30px);
	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: 3.45%;
	padding-bottom: 3.45%;
	margin-top: 1.35%;
  }

  .at-download-button-a a:hover {
	opacity: 0.8;
	transition: .3s;
  }


  /*r-id-menu*/
.at-r-id-menu {
	margin-top: 7.31%;
	background-color: #e8f6ff;
}

.at-r-id-menu h2 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.93%;
}

.at-r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 8%;
    left: 50%;
	width: 76.93%;
	max-width: 1107.78px;
}

.at-r-id-menu-box h3 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  margin-bottom: 5%;
}

.at-r-id-menu-box p {
	text-align: center;
	font-size: min(1.54vw,20px);
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 2.4%;
    padding-bottom: 4.3%;
}

.at-r-id-menu-content-box {
	display: flex;
	justify-content: center;
	gap: 4%;
}

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

.at-r-id-menu-box .at-r-id-menu-content .at-r-id-menu-title {
	display: grid;
	height: 22.3%;
	align-items: center;
	font-size: min(1.62vw,21px);
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 11px 11px 0 0;
  padding: 0;
}

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

.at-r-id-menu-box .at-r-id-menu-content .ad {
	width: 84.2%;
	padding-top: 5.1%;
	padding-bottom: 9%;
}

.at-r-id-menu-box .at-r-id-menu-content .tg {
	width: 40.9%;
        margin-top: 8.4%;
        margin-left: 7%;
        margin-bottom: 8.2%;
}

.at-r-id-menu-box .at-r-id-menu-content .dm {
	width: 58.2%;
	padding-top: 7%;
	padding-bottom: 8.2%;
}

.ad-button {
	width: 73.6%;
}

.dm-button {
	width: 73.6%;
}

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

.at-r-id-menu-back2 {
	width: 100%;
	max-height: 714px;
	padding-top: 51%;
}

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

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

/*r-id追加*/
.at-r-id-menu-content .at-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: min(1.385vw,18px);
	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;
}

.at-r-id-menu-content .at-white-button:hover {
	opacity: 0.8;
	transition: .3s;
}

 




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

.dm-mv-inner {
	max-width: 1107.78px;
	width: 76.9%;
	margin: 0 auto;
	padding: 9.155% 0 6.155% 0;
}

.dm-mv p {
	font-size: min(1.385vw,18px);
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 2.9% 0 0 0;
}


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

.dm-web h2 {
	font-size: min(2.31vw,30px);
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #0165bd;
	margin-bottom: 2.54%;
}

.dm-web-contents {
	max-width: 1000px;
	width: 76.9%;
	display: flex;
	justify-content: center;
	gap: 3.5%;
	margin: 0 auto;
}

.dm-web-contents p {
	font-size: min(1.385vw,18px);
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #0165bd;
}

.dm-web-content1 {
	width: 30.85%;
	background-color: #fff;
	border-radius: 15px;
	padding: 4% 0 3.1% 0;
}

.dm-web-content2 {
	width: 30.85%;
	background-color: #fff;
	border-radius: 15px;
	padding: 3% 0 1% 0;
}

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

.dm-web-content1 img {
	width: 87.12%;
	padding-bottom: 15.5%;
}

.dm-web-content2 img {
	width: 47.5%;
	padding-bottom: 7%;
}

.dm-web-content3 img {
	width: 72%;
	padding-bottom: 9%;
}

.dm-web-contents .dm-web-content1-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}

.dm-web-contents .dm-web-content2-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}

.dm-web-contents .dm-web-content3-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}


 /*dm-r-id-menu*/
 .dm-r-id-menu {
	margin-top: 7.31%;
	background-color: #e8f6ff;
}

.dm-r-id-menu h2 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.93%;
}

.dm-r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 8%;
    left: 50%;
	width: 76.93%;
	max-width: 1107.78px;
}

.dm-r-id-menu-box h3 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  margin-bottom: 5%;
}

.dm-r-id-menu-box p {
	text-align: center;
	font-size: min(1.54vw,20px);
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 2.4%;
    padding-bottom: 4.3%;
}

.dm-r-id-menu-content-box {
	display: flex;
	justify-content: center;
	gap: 4%;
}

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

.dm-r-id-menu-box .dm-r-id-menu-content .dm-r-id-menu-title {
	display: grid;
	height: 22.3%;
	align-items: center;
	font-size: min(1.62vw,21px);
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 11px 11px 0 0;
  padding: 0;
}

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

.dm-r-id-menu-box .dm-r-id-menu-content .ad {
	width: 84.2%;
	padding-top: 5.1%;
	padding-bottom: 9%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .tg {
	width: 40.9%;
        margin-top: 8.4%;
        margin-left: 7%;
        margin-bottom: 8.2%;
}

.dm-r-id-menu-box .dm-r-id-menu-content .dm {
	width: 58.2%;
	padding-top: 7%;
	padding-bottom: 8.2%;
}

.ad-button {
	width: 73.6%;
}

.dm-button {
	width: 73.6%;
}

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

.dm-r-id-menu-back2 {
	width: 100%;
	max-height: 714px;
	padding-top: 51%;
}

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

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

/*r-id追加*/
.dm-r-id-menu-content .dm-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: min(1.385vw,18px);
	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;
}

.dm-r-id-menu-content .dm-white-button:hover {
	opacity: 0.8;
	transition: .3s;
}



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

.tm-mv-inner {
	max-width: 1107.78px;
	width: 76.9%;
	margin: 0 auto;
	padding: 9.155% 0 6.155% 0;
}

.tm-mv p {
	font-size: min(1.385vw,18px);
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 2.9% 0 0 0;
}


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

.tm-web h2 {
	font-size: min(2.31vw,30px);
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #0165bd;
	margin-bottom: 2.54%;
}

.tm-web-contents {
	max-width: 1000px;
	width: 76.9%;
	display: flex;
	justify-content: center;
	gap: 3.5%;
	margin: 0 auto;
}

.tm-web-contents p {
	font-size: min(1.385vw,18px);
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #0165bd;
}

.tm-web-content1 {
	width: 47.42%;
	background-color: #fff;
	border-radius: 15px;
	padding: 3% 0 3.1% 0;
}

.tm-web-content2 {
	width: 47.42%;
	background-color: #fff;
	border-radius: 15px;
	padding: 3% 0 3.1% 0;
}

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

.tm-web-content1 img {
	width: 56.58%;
	padding-bottom: 8%;
}

.tm-web-content2 img {
	width: 30.93%;
	padding-bottom: 7%;
}

.tm-web-content3 img {
	width: 72%;
	padding-bottom: 7%;
}

.tm-web-contents .tm-web-content1-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 81.1%;
  max-width: 384px;
  margin: 0 auto;
  padding-top: 3%;
}

.tm-web-contents .tm-web-content2-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 81.1%;
  max-width: 384px;
  margin: 0 auto;
  padding-top: 3%;
}

.tm-web-contents .tm-web-content3-text {
	text-align: justify;
	font-size: min(1.08vw,14px);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #3e4e55;
  width: 88.53%;
  max-width: 278px;
  margin: 0 auto;
  padding-top: 3%;
}


 /*tm-r-id-menu*/
 .tm-r-id-menu {
	margin-top: 7.31%;
	background-color: #e8f6ff;
}

.tm-r-id-menu h2 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  margin-bottom: 4.93%;
}

.tm-r-id-menu-box {
	position: absolute;
	transform: translateX(-50%);
	top: 8%;
    left: 50%;
	width: 76.93%;
	max-width: 1107.78px;
}

.tm-r-id-menu-box h3 {
	text-align: center;
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: 3px;
  color: #0165bd;
  margin-bottom: 5%;
}

.tm-r-id-menu-box p {
	text-align: center;
	font-size: min(1.54vw,20px);
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3e4e55;
  padding-top: 2.4%;
    padding-bottom: 4.3%;
}

.tm-r-id-menu-content-box {
	display: flex;
	justify-content: center;
	gap: 4%;
}

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

.tm-r-id-menu-box .tm-r-id-menu-content .tm-r-id-menu-title {
	display: grid;
	height: 22.3%;
	align-items: center;
	font-size: min(1.62vw,21px);
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  background-color: #0165bd;
  border-radius: 11px 11px 0 0;
  padding: 0;
}

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

.tm-r-id-menu-box .tm-r-id-menu-content .ad {
	width: 84.2%;
	padding-top: 5.1%;
	padding-bottom: 9%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .tg {
	width: 40.9%;
        margin-top: 8.4%;
        margin-left: 7%;
        margin-bottom: 8.2%;
}

.tm-r-id-menu-box .tm-r-id-menu-content .dm {
	width: 58.2%;
	padding-top: 7%;
	padding-bottom: 8.2%;
}

.ad-button {
	width: 73.6%;
}

.tm-button {
	width: 73.6%;
}

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

.tm-r-id-menu-back2 {
	width: 100%;
	max-height: 714px;
	padding-top: 51%;
}

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

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

/*r-id追加*/
.tm-r-id-menu-content .tm-white-button {
	display: block;
	width: 62.1%;
	margin: 0 auto;
	text-decoration: none;
	font-size: min(1.385vw,18px);
	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;
}

.tm-r-id-menu-content .tm-white-button:hover {
	opacity: 0.8;
	transition: .3s;
}




/*ここからFAQ*/
.faq-area {
	max-width: 1300px;
	width: 77%;
	margin: 0 auto;
}

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

.faq-list h2 {
	font-size: min(2.16vw,28px);
  font-weight: bold;
  letter-spacing: 2.8px;
  text-align: center;
  color: #0165bd;
  margin-bottom: 4%;
}

.faq-text p {
	font-size: min(1.54vw,20px);
	line-height: 1.3;
    letter-spacing: 1.5px;
	text-align: left;
	padding: 4%;
	white-space: nowrap;
	color: #516570;
}

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

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

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

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

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

.faq-mv img {
	width: 100%;
}



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

.products-mv-inner {
	max-width: 1107.78px;
	width: 76.9%;
	margin: 0 auto;
	padding: 9.155% 0 6.155% 0;
}

.products-mv p {
	font-size: min(1.385vw,18px);
	font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.95px;
  text-align: left;
  color: #3e4e55;
  margin: 2.9% 0 0 0;
}

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

.r-id-menu-pr-back2 {
	width: 100%;
	max-height: 810px;
	padding-top: 59%;
}

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

.r-id-menu-pr2 {
	background-color: #f3f5fa;
}

.r-id-menu-pr-back2-2 {
	width: 100%;
	padding-top: 44.92%;
}

/*form関連*/
.form-title {
	font-size: min(2.31vw,30px);
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 2px;
  color: #0165bd;
  padding-top: 6.8%;
  padding-bottom: 2.47%;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro';
  white-space: nowrap;
}

.form-note {
	width: 76%;
	max-width: 1160.78px;
	margin: 0 auto;
	background-color: #f8f9fc;
	border: solid 1.5px #e1e6ee;
	border-radius: 6px;
	padding-top: 1.24%;
	padding-bottom: 1.24%;
	padding-left: 1.24%;
	margin-bottom: 2.47%;
	text-align: left;
	font-size: min(1.08vw,14px);
	font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
}

.form {
	display: flex;
	align-items: flex-start;
	max-width: 1300px;
	margin: 0 auto;
}

.form img {
	width: 45%;
	margin-left: 1%;
	margin-right: 1%;
}

iframe {
	height: 2170px;
}

.inquire {
	height: 1380px;
}


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

.thanks h1 {
	font-size: min(2.31vw, 30px);
        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: 16.6%;
	max-width: 215px;
	margin: 0 auto;
	padding-top: 4.2%;
	padding-bottom: 4.2%;
}

.thanks p {
	font-size: min(1.62vw,18px);
	text-align: justify;
	color: #3e4e55;
	width: 42%;
	max-width: 546px;
	margin: 0 auto;
	padding-bottom: 6%;
	white-space: nowrap;
}