<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*common*/
.l-main {
  width: 100vw;
  max-width: 1200px;
  padding: 0;
}
.l-main {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-main::-webkit-scrollbar {
  display: none;
}
.l-header--popup {
  min-width: initial;
  margin-bottom: 0.2%;
}
.l-header--popup .lc-logo {
  width: 100%;
}
.l-footerWrap {
  min-width: initial;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
.l-copyright {
  margin: 5% auto 0;
}
.l-content .sp_view {
  display: none;
}
.l-content .m-btnWin--conversion {
  width: 40%;
  max-width: 480px;
  font-size: min(2vw,24px);
  padding: 1% 0 0.8%;
}

/* title */
.l-content h2.h2ttl {
  font-size: min(2.5vw,30px);
  font-weight: bold;
  text-align: center;
}

/* caseArea */
.l-content .caseArea {
	background: #f6f8f8;
  padding: 3.7% 2.5% 2.5%;
  margin: 0 auto 3.3%;
}
.l-content .caseArea h2 {
  font-size: min(3vw,35px);
  margin-bottom: 2.7%;
} 
.l-content .caseArea .caseBox {
  width: 98%;
	max-width: 1160px;
	margin: 0 auto;
}
.l-content .caseArea .caseBox .caseBlock {
  margin: 1.8% auto;
  letter-spacing: -0.4em;
  overflow: hidden;
}
.l-content .caseArea .caseBox .caseBlock .caseBoxIn {
  width: 21vw;
  max-width: 260px;
  float: left;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin-left: 2.2%;
  box-sizing: border-box;
}
.l-content .caseArea .caseBox .caseBlock .caseBoxIn .m-link {
  font-size: min(1.1vw,13px);
}
.l-content .caseArea .caseBox .caseBlock .caseBoxIn img {
  width: 100%;
  max-width: 260px;
  height: auto;
}
.l-content .caseArea .caseBox .caseBlock .caseBoxIn:first-child {
	margin-left: 0;
}
.l-content .caseArea .caseBox .caseBlock .caseBoxIn .caseTxt {
	padding: 5px;
	font-size: 14px;
	line-height: 20px;
}
.l-content .txtArea{
  font-size: min(2.25vw,27px);
  font-weight: bold;
  margin: 3.5% 0 1.8%;
}
.l-content .btnArea a.m-btn--default,
.l-content .btnArea a.m-btn--conversion {
  width: 31.6%;
  max-width: 360px;
  font-size: min(1.42vw,17px);
  line-height: 2.1;
}

/*serviceArea_01*/
.l-content .serviceArea_01 {
  margin: 0 auto 5%;
}
.l-content .serviceArea_01 .companyTxt {
  text-align: center;
  margin: 6% auto 1.7%;
}
.l-content .serviceArea_01 .companyTxt .txt_01 {
  text-align: center;
  display: inline-block;
  background: url(/pr/frames_ad_4/img/bg_title_01.png) no-repeat center center;
  background-size: 100%;
  font-size: min(2.5vw,30px);
  line-height: 1;
  font-weight: bold;
  width: 43.6%;
  max-width: 523px;
}
.l-content .serviceArea_01 .companyTxt .txt_bb {
  font-size: min(5.84vw,70px);
  color: #2f5597;	
}
.l-content .serviceArea_01 .companyLogo {
  position: relative;
}
.l-content .serviceArea_01 .companyLogo .pic {
  width: 91.7%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.l-content .serviceArea_01 .companyLogo .pic img {
  width: 100%;
  height: auto;
}
.l-content .serviceArea_01 .companyLogo .notes {
  position: absolute;
  bottom: 10%;
  right: 7%;
  font-size: min(1.09vw,13px);
}

/* btnBox */
.l-content .btnBox .btnBoxTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1%;
}
.l-content .btnBox .btnBoxTxt img {
  width: 1.67%;
  height: auto;
  max-width: 20px;
}
.l-content .btnBox .btnBoxTxt p {
  font-size: min(2.09vw,25px);
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0 2.5%;
  text-align: center;
}
.l-content .btnBox .btnBoxTxt .rev {
  transform: scale(-1, 1);
}
.l-content .mvArea_2 .btnBoldNote {
  position: absolute;
  left: 0;
  font-size: min(1vw,12px);
  font-weight: bold;
  text-indent: -0.9rem;
  margin-top: 2%;
  white-space: nowrap;
}
.l-content .btnBox .btnBoldNote {
  width: 42%;
  font-size: min(1vw,12px);
  font-weight: bold;
  margin: 0.7% auto 0;
  padding-left: 2.5%;
  text-indent: -1rem;
  white-space: nowrap;
}

/* flowArea */
.l-content .flowArea {
  margin: 6.7% auto 3.3%;
}
.l-content .flowArea h2 {
  margin-bottom: 3.3%;
}
.l-content .flowArea .flowBox {
  margin: 0 auto;
  width: 96.7%;
	max-width: 1160px;
}
.l-content .flowArea .flowBox .flowList {
  float: left;
	width: 22.4%;
  max-width: 260px;
}
.l-content .flowArea .flowBox .flowList li {
  float: left;
}
.l-content .flowArea .flowBox .flowList .flowNo {
  width: 2.5vw;
  max-width: 30px;
	height: 2.5vw;
  max-height: 30px;
	background: #3071b7;
	color: #fff;
	font-size: min(2vw,24px);
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.l-content .flowArea .flowBox .flowList .flowTtl_txt {
  margin-left: 3.8%;
	font-size: min(1.67vw,20px);
	line-height: 1.5;
	font-weight: bold;
}
.l-content .flowArea .flowBox .flowListArr {
	float: left;
  width: 3.4%;
  height: 9.2vw;
	background: url(/pr/frames_ad_4/img/pic_step_arrow.png) no-repeat;
  background-size: 100%;
	margin-top: 7%;
}
.l-content .flowArea .flowBox .flowList .flowTxt {
	font-size: min(1.17vw,14px);
	line-height: 1.42;
	padding: 4% 2%;
}
.l-content .flowArea .flowBox .flowList .flowPic {
  width: 77%;
  max-width: 200px;
  height: auto;
	margin: 3.8% auto;
	display: block;
}
.l-content .flowArea .flowBox .flowList .flowPic img {
  width: 100%;
  height: auto;
}

/* faqBlock */
.l-content .faqArea .faqBlock .faqBox {
  width: 84%;
	max-width: 1000px;
	margin: 30px auto 50px;
}
/* accordion */
.l-content .faqArea .faqBlock .faqBox .VN_accordion {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionButton {
  cursor: pointer;
	border: 1px solid #bfbfbf;
	background: #fafafa;
	font-weight: bold;
	font-size: min(1.17vw,14px);
	padding: 1% 2%;
}
.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionButton span {
  width: 1.6%;
  max-width: 25px;
  height: auto;
  float: right;
  color: #004bb1;
  padding-right: 10px;
}
.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionMore {
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding: 2%;
}

.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionButton .faq_icn_q {
  float: left;
  width: 1.3vw;
  max-width: 14px;
  height: 1.4vw;
  max-height: 16px;
  margin-right: 1%;
	margin-top: 0.2%;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQBAMAAADUulMJAAAALVBMVEX///8BacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYBacYKK3JLAAAADnRSTlMAESIzRGZ3iJmqu8zd7gKjCLQAAAB3SURBVAjXY2BgzFxVwgAEse/evVvIwMAKpN69FmDQe7eZMe9dA0PfGwEGtnePGO49Bao594wByGRg6HvJ8O4BkM57haAfMzAI9L0AKeHYBFSc99ZA9+27iwzc7665vXuXwMC4D2RwAAOD2L13r+eBDGN2EeC4CADSujijJWfdvQAAAABJRU5ErkJggg==) no-repeat;
	background-size: 100%;
  display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionMore dt.faq_icn_a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQBAMAAADUulMJAAAAMFBMVEX////dAADdAADdAADdAADdAADdAADdAADdAADdAADdAADdAADdAADdAADdAADdAABa8vWAAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAZ0lEQVQIHQXBsQ0BAQAF0IcQBa1SbhONAWyg1yi1NmCDG8EAFzkj2OSC4IjL9x4GywLMcwHb3EGdFvqpOxhnkxWmmeWI9beXG8qX8kUv793pxyhJUpikqs7ZW3QMc3Vo0Tw1D5QfgD+Eni3pzSBC4gAAAABJRU5ErkJggg==) no-repeat;
	float: left;
  width: 1.3vw;
  max-width: 14px;
  height: 1.4vw;
  max-height: 16px;
  margin-right: 1%;
  background-size: 100%;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionMore dd{
	margin-left: 2.7%;
	font-size: min(1.17vw,14px);
	line-height: 1.5;
}
.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionButton .VN_accordionOpen img,
.l-content .faqArea .faqBlock .faqBox .VN_accordion .VN_accordionButton .VN_accordionClose img {
  width: 100%;
  height: auto;
  padding-top: 27%;
}

/* environmentArea */
.l-content .environmentArea {
  padding: 3.3% 6.2%;
  background-color: #f6f8f8;
}
.l-content .environmentArea h2 {
  font-size: min(2.3vw,27px);
  font-weight: bold;
  margin-bottom: 3%;
  text-align: center;
}
.l-content .environmentArea .environmentBox {
  float: left;
  width: 27%;
  max-width: 283px;
  background-color: #FFF;
  padding: 2.4% 2.4% 1%;
  font-size: min(1.17vw,14px);
  margin-right: 2.2%;
}
.l-content .environmentArea .environmentBox .evmTtl {
  font-size: min(1.34vw,16px);
  font-weight: bold;
  text-align: center;
  padding-bottom: 7.1%;
  margin-bottom: 8.8%;
  border-bottom: #bdbdbd 1px dotted;
}
.l-content .environmentArea .environmentBox .environmentSmall {
  font-size: min(0.92vw,11px);
}
.l-content .environmentArea .environmentBox .evmTxt dd {
  margin: 0 0 7.1% 5.3%;
  white-space: nowrap;
}
.l-content .environmentArea .environmentNote {
  font-size: min(1.25vw,15px);
  margin-top: 3%;
  text-align: center;
}

/* =====================================
　　240801追加ここから
===================================== */
/* -----------------------------
ancNavi
----------------------------- */
/* ancNavi */
.l-content .static_header_fixed_header {
  width: 100%;
  max-width: 1200px;
}
.l-content .ancNavi {
  width: 100%;
  background-color: #FFF;
}
.l-content .ancNavi ul {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #ccc;
}
.l-content .ancNavi ul li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: left;
  font-size: min(1.34vw,16px);
  font-weight: bold;
  white-space: nowrap;
}
.l-content .ancNavi ul li:first-child,
.l-content .ancNavi ul li:last-child {
  border-left: none;
}
.l-content .ancNavi ul li {
  display: flex;
  align-items: center;
  height: 3.75vw;
  max-height: 45px;
  border-left: 1px solid #cccccc;
}
.l-content .ancNavi ul li a {
  display: flex;
  align-items: center;
  padding: 0 2em 0 1.8em;
  text-decoration: none;
  color: #333;
  background: url(/pr/frames_ad_4/img/icon_unker.png) no-repeat 0.4em center #fff;
  background-size: 1em;
}
.l-content .ancNavi ul li a:hover {
  opacity: 0.75;
}

/*mvArea_2*/
.l-content .mvArea_2 {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 11%;
}
.l-content .mvArea_2 .logoArea {
  position: absolute;
  width: 10.1%;
  max-width: 121px;
  top: 5%;
  left: 2.5%;
}
.l-content .mvArea_2 .logoArea img {
  width: 100%;
  max-width: 121px;
  height: auto;
}
.l-content .mvArea_2 .mvWrap {
  position: relative;
  height: 34vw;
  max-height: 408px;
  background-color: #ced2da;
}
.l-content .mvArea_2 .mvWrap .mvTxtArea {
  position: absolute;
  top: 23%;
  left: 2.5%;
}
.l-content .mvArea_2 .mvWrap .mvTxt_01 {
  font-size: min(1.92vw,23px);
}
.l-content .mvArea_2 .mvWrap .mvTxt_02 {
  font-size: min(2.67vw,32px);
  line-height: 1.3;
  margin-top: 3%;
}
.l-content .mvArea_2 .mvWrap .mvTxt_02 .color {
  color: #0f218b;
}
.l-content .mvArea_2 .mvWrap .mvTxt_02 .number {
  font-size: min(3.59vw,43px);
}
.l-content .mvArea_2 .mvWrap .mvTxt_02 .large {
  font-size: min(4vw,48px);
  line-height: 1.8;
}
.l-content .mvArea_2 .dawnloadBtn {
  position: absolute;
  width: 22.7%;
  max-width: 272px;
  top: 5.7%;
  right: 10.8%;
}
.l-content .mvArea_2 .dawnloadBtn a {
  width: 100%;
  font-size: min(1.5vw,18px);
  padding: 6% 0 5.4%;
}
.l-content .mvArea_2 .mvWrap .pc { 
  width: 36%;
  max-width: 432px;
  height: auto;
  position: absolute;
  top: 25%;
  right: 4.2%;
}
.l-content .mvArea_2 .mvWrap .pc img {
  width: 100%;
  height: auto;
}
.l-content .mvArea_2 .mvWrap .anime {
  width: 31.6%;
  max-width: 380px;
  position: absolute;
  top: 30.8%;
  right: 6.4%;
}
.l-content .mvArea_2 .mvWrap .anime img {
  width: 100%;
  height: auto;
  max-width: 380px;
}
.l-content .mvArea_2 .mvWrap .mvBtn {
  position: absolute;
  left: 5%;
  bottom: -8%;
  width: 40%;
  max-width: 480px;
}
.l-content .mvArea_2 .mvWrap .mvBtn .btnAddTxt img {
  width: 3.45%;
  height: auto;
  max-width: 20px;
}
.l-content .mvArea_2 .mvWrap .mvBtn .btnAddTxt .rev {
  transform: scale(-1, 1);
}
.l-content .mvArea_2 .mvWrap .mvBtn .btnAddTxt p {
  font-size: min(1.75vw,21px);
  margin: 0 5%;
}
.l-content .mvArea_2 .mvWrap .mvBtn .btnAddTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1%;
}
.l-content .mvArea_2 .mvWrap .mvBtn .btnArea a {
  width: 100%;
  font-size: min(2vw,24px);
  padding: 2.6% 0 2%;
}

/*pointArea*/
.l-content .pointArea {
  text-align: center;
}
.l-content .pointArea h2 {
  color: #2f5597;
  font-size: min(3.09vw,37px);
  font-weight: bold;
}
.l-content .pointArea .bg {
  background-color: #f6f8f8;
  padding: 4.2% 0;
}
.l-content .pointArea .point {
  width: 86%;
  max-width: 1032px;
  background-color: #fff;
  margin: 2% auto;
  padding: 3%;
  text-align: left;
}
.l-content .pointArea .point .item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.l-content .pointArea .point .item:nth-child(2) {
  margin: 5% 0;
}
.l-content .pointArea .point .item img {
  width: 12%;
  max-width: 96px;
  height: auto;
  margin-right: 3.6%;
}
.l-content .pointArea .point .item .txt {
  text-align: left;
}
.l-content .pointArea .point .item .txt .bold {
  font-size: min(2vw,24px);
  font-weight: bold;
}
.l-content .pointArea .point .item .txt .normal {
  font-size: min(1.67vw,20px);
  margin: 1% 0;
  white-space: nowrap;
}
.l-content .pointArea .plus {
  width: 86%;
  max-width: 1032px;
  background-color: #fff;
  margin: 0 auto;
  padding: 2% 3% 3%;
}
.l-content .pointArea .plus img {
  width: 5%;
  max-width: 51px;
  height: auto;
}
.l-content .pointArea .plus h3 {
  font-size: min(2.5vw,30px);
  margin: 1.6% auto 1%;
}
.l-content .pointArea .plus .txt {
  width: 77%;
  max-width: 795px;
  font-size: min(1.67vw,20px);
  line-height: 1.8;
  margin: 0 auto;
  text-align: left;
  white-space: nowrap;
}
.l-content .pointArea .gray {
  background-color: #f6f8f8;
  padding: 4.2% 0;
  margin-top: 4.2%;
}
.l-content .pointArea .gray .bold {
  font-size: min(2.92vw,35px);
  font-weight: bold;
}
.l-content .pointArea .gray .normal {
  width: 34%;
  font-size: min(1.67vw,20px);
  line-height: 1.61;
  margin: 1% auto 3%;
  text-align: left;
  white-space: nowrap;
}
.l-content .pointArea .gray .add {
  font-size: min(2.5vw,30px);
  font-weight: bold;
  margin-bottom: 0.9%;
}

/*movieArea*/
.l-content .movieArea {
  width: 100%;
  margin: 5% auto;
}
.l-content .movieArea .movieTitle {
  font-size: min(2.5vw,30px);
  margin-bottom: 1.2%;
}
.l-content .movieArea .movie__wrap img {
  width: 58.4%;
  max-width: 700px;
  height: auto;
}

/* voiceArea */
.l-content .slick-track {
  display: flex;
}
.l-content .slick-slide {
  height: 40vw!important;
  max-height: 480px;
  object-fit: cover;
}
.l-content .voiceArea {
  margin-bottom: 5%;
}
.l-content .voiceArea .h2ttl {
  margin-bottom: 2.1%;
}
.l-content .slider__list {
  position: relative;
  max-width: 1200px;
}
.l-content .slider__list .prev-arrow {
  bottom: 0;
  cursor: pointer;
  left: 18%;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 1;
}
.l-content .slider__list .next-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  right: 18%;
  top: 0;
  z-index: 1;
}
.l-content .slider__item {
  border: 1px solid #666;
  padding: 0.25% 0.3%;
}
.l-content .slider__head {
  border-bottom: 1px dotted #707070;
  font-size: min(1.09vw,13px);
  margin-bottom: 2.77%;
  padding-bottom: 2.77%;
}
.l-content .slider__head__inner {
  align-items: center;
  display: flex;
  margin-bottom: 1.5%;
}
.l-content .slider__head__company {
  font-size: min(1.34vw,16px);
  font-weight: bold;
}
.l-content .slider__body__ttl {
  font-size: min(1.7vw,20px);
  margin-bottom: 4.3%;
}
.l-content .slider__body {
  display: flex;
}
.l-content .sliderImgArea {
  width: 74.4%;
  max-width: 256px;
  margin-right: 3%;
}
.l-content .sliderImgArea img {
  width: 100%;
  height: auto;
}
.l-content .slider__body_manager {
  font-size: min(1.09vw,13px);
}
.l-content .slider__body_manager:first-of-type {
  margin-top: 6.2%;
}
.l-content .slider__body_list {
  margin-bottom: 6.4%;
}
.l-content .slider__body_list dt {
  font-size: min(1.34vw,16px);
  font-weight: bold;
  margin-bottom: 4%;
}
.l-content .slider__body_list dd {
  display: list-item;
  font-size: min(1.17vw,14px);
  list-style-type: disc;
  margin-left: 1rem;
}
.l-content .slider__body_list dd:not(:first-of-type) {
  margin-top: 4.8%;
}
.l-content .slider .slider__item {
  position: relative;
}
.l-content .slider__foot__btn {
  width: 20.6%;
  max-width: 145px;
  position: absolute;
  right: 5%;
  bottom: 5%;
}
.l-content .slider__foot__btn a {
  width: 100%;
  font-size: min(1.09vw,13px);
}
.l-content .voiceArea .btnArea {
  margin-top: 4%;
}

/* serviceArea */
.l-content .serviceArea {
  margin: 6.7% auto;
}
.l-content .serviceArea h2 {
  margin-bottom: 2.5%;
  font-size: min(2.92vw,35px);
}
.l-content .serviceArea .serviceBox {
  margin: 2.5% 0 5% 4.2%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-content .serviceArea .serviceBox .serviceBoxContent {
  width: 42%;
  max-width: 483px;
}
.l-content .serviceArea .serviceBox .ttl {
  font-size: min(2.09vw,25px);
  font-weight: bold;
  line-height: 2.24;
  text-align: center;
  color: #fff;
  background: #2f5597;
  width: 72.5%;
  max-width: 350px;
  box-sizing: border-box;
}
.l-content .serviceArea .serviceBox .ttl03 {
  width: 94%;
  max-width: 450px;
}
.l-content .serviceArea .serviceBox .txt {
  font-size: min(1.42vw,17px);
  line-height: 1.52;
  margin: 4% 0 3.5%;
  font-weight: bold;
}
.l-content .serviceArea .serviceBox .servicePoint {
  width: 100%;
  max-width: 483px;
  height: 17.4vw;
  max-height: 209px;
  background: url(/pr/frames_ad_4/img/bg_box.png) no-repeat;
  background-size: 100%;
}
.l-content .serviceArea .serviceBox .servicePoint p {
  font-size: min(1.65vw,19px);
  font-weight: bold;
  color: #2f5597;
  position: relative;
  top: 7.2%;
  left: 4.2%;
}
.l-content .serviceArea .serviceBox .servicePoint ul {
  position: relative;
  top: 15.4%;
  left: 9%;
  font-size: min(1.42vw,17px);
  line-height: 1.94;
}
.l-content .serviceArea .serviceBox .service_img_1,
.l-content .serviceArea .serviceBox .service_img_2,
.l-content .serviceArea .serviceBox .service_img_3 {
  width: 45%;
  margin-left: 5%;
}
.l-content .serviceArea .serviceBox .service_img_1 img {
  width: 85.1%;
  max-width: 440px;
}
.l-content .serviceArea .serviceBox .service_img_2 img {
  width: 90.5%;
  max-width: 468px;
}
.l-content .serviceArea .serviceBox .service_img_3 img {
  width: 98.8%;
  max-width: 511px;
}
.l-content .serviceArea .serviceBtnDetail a {
  width: 77%;
  max-width: 360px;
}

/*supportArea*/
.l-content .supportArea {
  width: 77%;
  max-width: 1000px;
  height: 9.2vw;
  max-height: 110px;
  background-color: #fff6eb;
  display: flex;
  align-items: center;
  padding: 0 2.5%;
  margin: 3% auto;
}
.l-content .supportArea .img {
  width: 8.6%;
  max-width: 61px;
  margin-right: 2.16%;
}
.l-content .supportArea .img img {
  width: 100%;
  height: auto;
}
.l-content .supportArea .txt {
  width: 60%;
  max-width: 555px;
  font-size: min(1.5vw,18px);
}
.l-content .supportArea .btn {
  width: 31.2%;
  max-width: 288px;
}
.l-content .supportArea .btn a {
  width: 100%;
  font-size: min(1.42vw,17px);
  padding: 3% 1%;
}

/*btnArea_02*/
.l-content .btnArea_02{
  background: #1d3e79 url(/pr/frames_ad_4/img/bg_box_02.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #fff;
  text-align: center;
  font-size: min(1.65vw,19px);
  font-weight: bold;
  height: 20vw;
  max-height: 200px;
  margin: 0 auto 3%;
}
.l-content .btnArea_02 .btn_02{
  background: url(/pr/frames_ad_4/img/icon_book.png) no-repeat;
  background-size: 25.8%;
  padding: 2% 0 0 13.4%;
  box-sizing: border-box;
  height: 10vw;
  max-height: 120px;
}
.l-content .btnArea_02 .m-btnWin--conversion, 
.l-content .btnArea_02 .m-btn--default {
  width: 24vw;
  max-width: 288px;
  font-size: min(1.42vw,17px);
  padding: 3% 1%;
}
.l-content .btnArea_02 p{
  margin: 0 0 2.7%;
}

/*meritArea*/
.l-content .meritArea {
  margin: 4.2% auto 4%;
}
.l-content .meritArea .meritBlock {
  margin: 0 auto;
  background-color: #f6f8f8;
  padding: 1.66% 1.66% 2%;
}
.l-content .meritArea .meritBlock .meritTtl {
  font-size: min(2.5vw,30px);
  text-align: center;
  line-height: 1.26;
  font-weight: bold;
  padding: 0.8% 0;
}
.l-content .meritArea .meritBlock .meritBoxWrap {
  width: 31%;
	max-width: 360px;
	float: left;
	margin: 1%;	
}
.l-content .meritArea .meritBlock .meritBoxWrap .meritBox {
  width: 100%;
	max-width: 360px;
  height: 10vw;
  max-height: 120px;
  background: #fff;
  font-size: min(1.17vw,14px);
  line-height: 1.5;
  text-align: center;
  margin: 3% 0 5.5%;
  vertical-align: middle;
}
.l-content .meritArea .meritBlock .meritBoxWrap ul li:last-child {
  margin-bottom: 0;
}
.l-content .meritArea .meritBlock .meritBoxWrap .meritBox_long {
  width: 100%;
	max-width: 360px;
  height: 21.7vw;
  max-height: 260px;
  background: #fff;
  font-size: min(1.17vw,14px);
  line-height: 1.5;
  text-align: center;
  margin: 3% 0 0;
  vertical-align: middle;
}
.l-content .meritArea .meritBlock .meritBoxWrap .meritBox_long .txt {
	text-align: left;
  width: 83.5%;
	max-width: 300px;
	margin: 0 auto;
	font-size: min(1.17vw,14px);
  line-height: 1.3;
}
.l-content .meritArea .meritBlock .meritBoxWrap .meritBox .ttl,
.l-content .meritArea .meritBlock .meritBoxWrap .meritBox_long .ttl {
	font-size: min(2.84vw,34px);
	line-height: 1.2;
	font-weight: bold;
	padding: 3% 0 1.5%;
}
.l-content .meritArea .meritBlock .meritBoxWrap .meritBox_long img {
  width: 83.5%;
  max-width: 300px;
  height: auto;
}
.l-content .meritArea .meritBlock .m-link {
  width: 31%;
  max-width: 360px;
  position: relative;
  font-size: min(1.09vw,13px);
  margin: 0 auto 1%;
  padding-right: 1%;
  text-align: center;
}
.l-content .meritArea .meritBlock .meritBtn a {
  width: 34.5%;
  max-width: 400px;
  font-size: min(1.42vw,17px);
  padding: 1.2% 0 1.1%;
}

</pre></body></html>