@charset "utf-8";

/* 20220325 edit */
.contents_lp_20220325 { margin-top: -10px; }
.contents_lp_20220325 .lp_inner { max-width: 960px; margin: 0 auto; }
.contents_lp_20220325 .lp_wrap {display: flex;}
.contents_lp_20220325 .lp_section { margin-top: 15px; }
.contents_lp_20220325 .lp_txt { font-size: 16px; line-height: 1.7; }
.contents_lp_20220325 .lp_img img { display: block; width: 100%; }
.contents_lp_20220325 .lp_mainvisual { max-width: 1366px; min-height: 460px; background: url(../jpg/img_mainvisual.jpg) no-repeat center / 1366px; margin: 0 auto; position: relative; }
.contents_lp_20220325 .lp_mainvisual .lp_mv_txt { width: 100%; height: 100%; color: #fff; position: absolute; top: 0; left: 0; }
.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .lp_inner { height: 100%; }
.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .lp_wrap { height: 100%; padding: 4% 0; flex-direction: column; justify-content: space-between; }
.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .lp_img { width: 705px; transform: translateX(-40px); }
.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .mv_ttl { font-size: 40px; line-height: 1.4; }
.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .lp_txt { margin-top: 20px; font-size: 20px; }
.contents_lp_20220325 .lp_section.sec01 .lp_txt { font-size: 18px; font-weight: bold;line-height: 1.8; }
.contents_lp_20220325 .lp_section.sec01 .sec_list { margin-top: 50px; }
.contents_lp_20220325 .lp_section.sec01 .sec_list li { display: flex; align-items: center; }
.contents_lp_20220325 .lp_section.sec01 .sec_list li:not(:last-child) { margin-right: 30px; }
.contents_lp_20220325 .lp_section.sec01 .sec_list .lp_img { width: 80px; margin-right: 20px; }
.contents_lp_20220325 .lp_section.sec01 .sec_list .lp_txt { font-size: 30px; font-weight: bold; }
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky {margin-top: 70px;min-height: 370px;background: url(../jpg/bg_bridgesky.jpg) no-repeat center / contain;}
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky.lp_wrap {justify-content: space-around;align-items: center;flex-wrap: wrap;align-items: stretch;}
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky .lp_area_title {width: 100%;margin-bottom: -50px;}
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky .lp_area_title img { width: 50%; margin: 0 auto; }
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky .lp_box_bridgesky {width: 45%;color: #fff;padding: 35px 40px;border: 1px solid #fff;background-color: rgba(0, 0, 0, .6);margin: 60px auto;}
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky .lp_box_ttl { font-size: 26px; line-height: 1; }
.contents_lp_20220325 .lp_section.sec01 .lp_area_bridgesky .lp_txt { font-size: 22px; font-weight: normal; margin-top: 15px; }
.contents_lp_20220325 .lp_section.sec01 .lp_area_txt { margin-top: 50px; width: 805px; }
.contents_lp_20220325 .lp_section.sec01 .lp_area_txt .lp_txt { font-size: 42px; font-weight: bold; line-height: 1.4; }
.contents_lp_20220325 .lp_section.sec01 .lp_area_txt .lp_txt span { display: inline-block; color: #6684B4;  -webkit-background-clip: text; background-clip: text; }
.contents_lp_20220325 .lp_section.sec02 .lp_box_content { padding: 60px 0; }
.contents_lp_20220325 .lp_section.sec02 .lp_box_content:nth-of-type(odd) { background-color: #e6edf6; }
.contents_lp_20220325 .lp_section.sec02 .lp_box_content:nth-of-type(even) { background-color: #fff; }
.contents_lp_20220325 .lp_section.sec02 .lp_wrap { justify-content: space-between; }
.contents_lp_20220325 .lp_section.sec02 .lp_box_ttl { color: #003282; line-height: 1; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxttl.lp_wrap { align-items: center; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxttl .lp_box_ttl { font-size: 42px; }
.contents_lp_20220325 .lp_section.sec02 .lp_num { font-size: 110px; }
.contents_lp_20220325 .lp_section.sec02 .lp_box_content:nth-of-type(odd) .lp_num { color: #fff; }
.contents_lp_20220325 .lp_section.sec02 .lp_box_content:nth-of-type(even) .lp_num { color: #dee7f2; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail { margin-top: 60px; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .lp_box { width: 48%; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .lp_box_ttl { font-size: 28px; padding-left: 66px; position: relative; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .box_issue .lp_box_ttl::before { content: ''; width: 46px; height: 42px; background: url(../png/icon_issue.png) no-repeat center / contain; position: absolute; top: -5px; left: 5px; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .box_solution .lp_box_ttl::before { content: ''; width: 56px; height: 61px; background: url(../png/icon_solution.png) no-repeat center / contain; position: absolute; top: -20px; left: 0; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .box_solution { margin-top: 40px; padding-top: 40px; position: relative; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .box_solution::before { content: ''; width: 78px; height: 30px; background: url(../png/icon_arrow.png) no-repeat center / contain; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .lp_txt { margin-top: 15px; color: #595757; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .sec_list { margin-top: 20px; }
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxdetail .sec_list.lp_wrap { justify-content: center; }
.contents_lp_20220325 .lp_section.sec02 .sec_list li { margin: 0 20px; }
.contents_lp_20220325 .lp_section.sec02 .sec_list .lp_img { width: 80px; margin: 0 auto; }
.contents_lp_20220325 .lp_section.sec02 .sec_list .lp_txt { margin-top: 5px; font-size: 16px; font-weight: bold; text-align: center; }
.contents_lp_20220325 .lp_section.sec03 { margin: 50px 0; }
.contents_lp_20220325 .lp_section.sec03 .lp_info { margin-top: 30px; }
.contents_lp_20220325 .lp_section.sec03 .lp_wrap { justify-content: center; align-items: flex-end; }
.contents_lp_20220325 .lp_section.sec03 .lp_wrap .lp_img { width: 264px; margin-right: 30px; }
.contents_lp_20220325 .lp_section.sec03 .lp_ttl { font-size: 20px; font-weight: bold; line-height: 1; }
.contents_lp_20220325 .lp_section.sec03 .lp_txt { font-size: 13px; font-weight: bold; line-height: 1.5; margin-top: 5px; }
.contents_lp_20220325 .lp_section .sec_list li:nth-child(1) .lp_txt { color: #da1a87; background: linear-gradient(180deg, #da1a87 0%, #a61c90 50%, #2722a7 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.contents_lp_20220325 .lp_section .sec_list li:nth-child(2) .lp_txt { color: #6b08b2; background: linear-gradient(180deg, #6b08b2 0%, #3e43d2 50%, #0094ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.contents_lp_20220325 .lp_section .sec_list li:nth-child(3) .lp_txt { color: #55d54a; background: linear-gradient(180deg, #55d54a 0%, #33b03c 50%, #007826 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
/*20220329*/
.contents_lp_20220325 .lp_img a img:hover{
	opacity: 0.8;
}
/*20220510*/
.contents_lp_20220325 .lp_section.sec01{margin-top: 5px;}
.contents_lp_20220325 .lp_section.sec01 .txt_margin .lp_txt {
	margin-bottom: 15px;
}
.contents_lp_20220325 .lp_section.sec01 .txt_margin .lp_txt:first-child{
	margin-bottom: 30px;
}
.contents_lp_20220325 .lp_section.sec01 .lp_txt sup{
	font-size: 10px;
	vertical-align: top;
}
.contents_lp_20220325 .lp_section.sec01 .lp_txt span.cap{
	display: block;
	font-size: 15px;
}
.contents_lp_20220325 .lp_section.sec02 .lp_area_boxttl .lp_box_ttl sup{
	font-size: 15px;
	vertical-align: top;
}
/* @media screen and (max-width: 1366px) {
	.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .mv_ttl { margin-top: 6vw; }
	.contents_lp_20220325 .lp_mainvisual .lp_mv_txt .lp_txt { margin-top: 1.5vw; }
} */

/*20220929*/
p.app_showcase {
    float: right;
    text-decoration: underline;
    color: #fff;
    font-size: 15px;
    background: url(../png/btn_more.png) no-repeat left 0px top 5px;
    padding-left: 20px;
    padding-top: 5px;
}
p.app_showcase-l {
    float: left;
    text-decoration: underline;
    color: #000;
    font-size: 15px;
    background: url(../png/btn_more.png) no-repeat left 0px top 6px;
    padding-left: 20px;
    padding-top: 5px;
}
.box_solution a:hover, .lp_box_bridgesky a:hover {
	opacity: 0.5;
	transition: 0.5s;
}