@charset "utf-8";

/* =reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* clearfix */
.clearfix::after{
  display : block;
  content : ' ';
  clear : both;
}


/* =global
-------------------------------------------------------------- */
html,
body {
  color: #333;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック",
    YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 1.6em;
}

body {
  -webkit-font-smoothing: antialiased;
}

a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a.no_opa:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}

a {
  color: #3d72b8;
}
a:hover {
  color: #ddd;
  text-decoration: none;
}

img {
  line-height: 0;
  vertical-align: bottom;
}
@media screen and (max-width:736px) {
	.mobile{display: inherit;}
	.pc{display:none;}
}
@media screen and (min-width:737px) {
	.mobile {display: none;}
	.pc {display: inherit;}
}
.inner {
  width: calc(100% - min(3.2258vw, 40px));
  max-width: 1200px;
  margin: 0 auto;
}
.dflex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}


#footer .bg_gray {
  background-color: #4C4948;
  color: #fff;
  padding: 40px 0;
}

.foot_link {
  margin-right: 45px;
}
.foot_link a {
  color: #fff;
  display: block;
  text-align: left;
  font-size: 17px;
  padding: 10px 0;
}
.foot_link a:hover,
.foot_link02 a:hover {
  color: #00bdd4;
}

.foot_link li ul li a {
  padding: 8px 0 8px 10px;
  font-size: 14px;
}
.foot_link li ul li a:before {
  content: "└";
  padding-right: 10px;
}

.foot_link02 li a {
  display: block;
  background-image: url(../images/page/lp_s2/icon_arrow.png);
  background-repeat: no-repeat;
  background-position: center left;
  margin-right: 45px;
  padding-left: 12px;
  font-size: 14px;
}

.foot_link02 li:last-child a {
  margin-right: 0;
}
.footerUtility ul {
  margin-left: -1.1rem;
}
.footerUtility li {
  margin-left: 1.1rem;
}
@media screen and (max-width:736px) {
    html, body {
        width: 100%;
        -webkit-text-size-adjust : 100%;
        font-size: 3.5vw;
        line-height: 1.7em;
    }

    img {
        max-width: 100% !important;
        height: auto;
        vertical-align: bottom;
    }
    .mobile{display: inherit;}
    .pc{display:none;}

    .inner,.inner_min,.inner_wide{
        width: 94%;
        margin: 0 auto;
    }
	#footer .bg_gray{
		background-color:#333333;
		color: #fff;
		padding:30px 0;
	}
	.foot_link{
		margin-right:0;
		width: 100%;
		box-sizing: border-box;
	}
	.foot_link a{
		color: #fff;
		display: block;
		text-align: left;
		font-size:3.5vw;
		padding: 15px 10px;
		border-bottom: 1px solid #666;
	}
	.foot_link a:hover,
	.foot_link02 a:hover{
		color: #00bdd4;
	}

	.foot_link li ul li a{
		padding: 12px 0 12px 25px;
		font-size:3.5vw;
	}
	.foot_link li ul li a:before{
		content: "└";
		padding-right: 10px;
	}

	.foot_link02 li{
		width: 100%;
	}
	.foot_link02 li a{
		display: block;
		background-image: url(../images/page/lp_s2/icon_arrow.png);
		background-repeat: no-repeat;
		background-position: center left;
		margin:0 0 0 10px;
		padding: 12px 0 12px 15px;
		font-size:3.5vw;
		text-align: left;
	}

	.foot_link02 li:last-child a{margin-right: 0;}
}
  .event-bnr a{
    max-width: 820px;
    display: block;
    margin: 2rem auto;
    width: 100%;
  }
  .event-bnr a img{
   max-width: 100%;
  }


/* =lp
-------------------------------------------------------------- */

/* common */
.lp_container {
	text-align: center;
	line-height: 1;
	color: #000;
}
.lp_container img {
	max-width: 100%;
	height: auto;
}
.lp_container .red {
	color: #d33a3b;
}
@media screen and (max-width: 736px) {
	.lp_container .inner {
		width: 89.3334%;
	}
}
.cv_area {
	position: relative;
	padding: 7.8em 0 3.628em;
	padding-top: 3.628em;
	font-size: 2.7907vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.cv_btn {
	font-size: 3.7209vw;
}
@media screen and (min-width: 1241px) {
	.cv_area,
	.cv_btn {
		font-size: 23px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.cv_area,
	.cv_btn {
		font-size: min(1.8548vw ,23px);
	}
}
.cv_area .inner {
	position: relative;
	padding: 3em 1em;
	color: #fff;
	background: rgba(254, 138, 2, .8) url(../images/page/lp_s2/cv_bg.webp) no-repeat left center / cover;
	border-radius: 1em;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cv_area .cv_tit {
	margin-bottom: 0.4em;
	font-size: 214.2857%;
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.4;
	color: #2d318b;
	color: inherit;
}
.cv_area .cv_tit span {
	font-size: 120%;
}
.cv_area .cv_lead {
	margin-bottom: 0.8em;
	font-size: 160%;
	font-weight: 700;
	line-height: 1.3;
}
.cv_area .cv_lead strong {
	font-size: 140%;
}
@media screen and (min-width: 737px) {
	.cv_area .cv_lead strong {
		font-size: 160%;
	}
}
.cv_area .cv_txt {
	margin-bottom: 2em;
	font-size: 120%;
}
.cv_btn {
	width: 100%;
	margin-inline: auto;
}
.cv_btn a {
	position: relative;
	display: block;
	width: fit-content;
	margin-inline: auto;
	padding: 1em calc((1em / 1.05) + 1.621621em) 1em calc((1em / 1.05) + 2.837837em);
	text-align: left;
	font-size: 105%;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.05em;
	color: #fe8a02;
	background: #fff;
	border-bottom: 0.14em #da5700 solid;
	border-radius: 0.4em;
}
.cv_btn a::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 1.837837em;
	height: 1.3em;
	top: calc(50% - 0.65em);
	left: calc(1em / 1.05);
	background: url(../images/page/lp_s2/cv_icon_orange.svg) no-repeat left center / contain;
}
.cv_btn a::after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 0.621621em;
	height: 1.027027em;
	top: calc(50% - 0.5135135em);
	right: calc(1em / 1.05);
	background: url(../images/page/lp_s2/cv_arw_orange.svg) no-repeat left center / contain;
}
.cv .cv_btn a {
	color: #fff;
	background-color: #fe8a02;
}
.cv .cv_btn a::before {
	background-image: url(../images/page/lp_s2/cv_icon.svg);
}
.cv .cv_btn a::after {
	background-image: url(../images/page/lp_s2/cv_arw.svg);
}
.cv_btn2 {
	width: 100%;
	margin-inline: auto;
}
@media screen and (min-width: 737px) {
	.cv_btn {
		max-width: 440px;
	}
	.cv_btn2 {
		max-width: 440px;
	}
}


/* mv */
.mv {
	font-size: 3.2558vw;
	color: #fff;
	background-color: #4f6b9f;
	background: url(../images/page/lp_s2/mv_bg.jpg) no-repeat center center / cover;
}
@media screen and (min-width: 1241px) {
	.mv {
		font-size: 20px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.mv {
		font-size: min(1.6129vw ,20px);
	}
}
.mv .inner {
	display: flex;
	flex-direction: column;
	padding: 5em 0;
}
.mv .left {
	display: flex;
	flex-direction: column;
	gap: 2.5em;
}
.mv .right {
	margin-top: 2.5em;
}
.mv .txt1 {
	padding: 0.8em 0;
	text-align: left;
	font-size: 250%;
	font-weight: 700;
	line-height: 1.2;
	border-top: 0.04em #fff solid;
	border-bottom: 0.04em #fff solid;
}
.mv .txt1 span {
	display: block;
	margin-bottom: 0.5em;
	font-size: 60%;
	letter-spacing: 0.05em;
}
.mv .txt2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em 0.5em;
	font-size: 120%;
}
.mv .txt2 ul li::before {
	content: '【';
}
.mv .txt2 ul li::after {
	content: '】';
}
.mv .txt3 {
	padding: 0.6em 0.5em;
	font-size: 120%;
	letter-spacing: 0.1em;
	line-height: 1.5;
	background-color: #12b3c7;
}
.mv .txt3 span {
	font-weight: 700;
}
.mv .txt4 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1em;
}
.mv .txt4 ul li {
	position: relative;
	width: calc(25% - (3em / 4));
	line-height: 1.4;
	font-weight: 700;
	color: #4f6b9f;
	background-color: #fff;
}
.mv .txt4 ul li::before {
	display: block;
	content: '';
	padding-top: 100%;
}
.mv .txt4 ul li span {
	position: absolute;
	display: block;
	width: 100%;
	font-size: 82%;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
}
@media screen and (min-width: 737px) {
	.mv {
		background-image: url(../images/page/lp_s2/mv_bg_pc.jpg);
	}
	.mv .inner {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.mv .left {
		width: 68%;
	}
	.mv .right {
		width: 28%;
		margin: 0;
	}
	.mv .txt1 span {
		letter-spacing: 0.1em;
	}
	.mv .txt2 ul {
		justify-content: flex-start;
		width: 24em;
		font-size: 130%;
	}
	.mv .txt3 {
		width: fit-content;
		font-size: 130%;
		line-height: 1;
	}
	.mv .txt4 ul li {
		width: calc(50% - 0.5em);
	}
	.mv .txt4 ul li span {
		font-size: 100%;
	}
}


/* fv */
.fv {
	padding: 12.4vw 0 8.8vw;
	background: url(../images/page/lp_s2/fv_bg.jpg) no-repeat center center / cover;
}
.fv img {
	width: 100%;
}
.fv .txt2 {
	margin-top: 10.6667vw;
}
.fv .cv_btn {
	margin-top: 5.6vw;
}
@media screen and (min-width: 737px) {
	.fv {
		position: relative;
		padding: 115px 0 85px;
		background-image: url(../images/page/lp_s2/fv_bg_pc.jpg);
		overflow: hidden;
	}
	.fv::before {
		position: absolute;
		content: '';
		width: 936px;
		height: 936px;
		top: 50%;
		left: 50%;
		background-color: #fff;
		border-radius: 100px;
		rotate: 45deg;
		translate: -50% -50%;
	}
	.fv .inner {
		position: relative;
		max-width: 797px;
	}
	.fv .txt2 {
		margin-top: 57px;
	}
	.fv .cv_btn {
		margin-top: 40px;
	}
}

/* sec_tit */
.sec_tit {
	font-size: 8.1395vw;
	font-weight: 700;
	line-height: 1.8;
	color: #fff;
}
.sec_tit span {
	padding: 0.1em 0;
	border-bottom: 2px #fff solid;
}
@media screen and (min-width: 1241px) {
	.sec_tit {
		font-size: 53px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec_tit {
		font-size: min(4.2742vw ,53px);
	}
}
.sec_lead {
	font-size: 4.186vw;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
}
@media screen and (min-width: 1241px) {
	.sec_lead {
		font-size: 26.6666px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec_lead {
		font-size: min(2.1505vw ,26.6666px);
	}
}


/* sec1 */
.sec1 {
	font-size: 3.2558vw;
	background-color: #ebebeb;
}
@media screen and (min-width: 1241px) {
	.sec1 {
		font-size: 20px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec1 {
		font-size: min(1.6129vw ,20px);
	}
}
.sec1 .inner:not(.cv_area .inner) {
	padding: 4.2em 0 3.9em;
}
.sec1 .tit {
	margin-bottom: 0.8em;
	font-size: 250%;
	font-weight: 900;
	line-height: 1.3333;
	letter-spacing: -0.05em;
}
.sec1 .tit span {
	font-size: 80%;
}
.sec1 .txt1 {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 28.2222em;
	min-height: 2.6666em;
	margin-bottom: 1em;
	margin-inline: auto;
	padding: 0.3em 0;
	font-size: 150%;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.3;
	color: #fff;
	background-color: #4f6b9f;
	border-radius: 2.6666em;
	box-sizing: border-box;
}
.sec1 .lead {
	margin-bottom: 3.6em;
	text-align: left;
	line-height: 1.83333;
	letter-spacing: 0.05em;
}
.sec1 .lead .red {
	font-weight: 700;
}
.sec1 .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3.7em 0;
}
.sec1 .list li {
	background-color: #fff;
}
.sec1 .list dt {
	position: relative;
	min-height: 2.27em;
	padding-left: 3.0417em;
	padding-bottom: 0.9375em;
	text-align: left;
	font-size: 160%;
	font-weight: 700;
	line-height: 1.1458;
	letter-spacing: 0.05em;
	background-color: #ebebeb;
}
.sec1 .list dt .num {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.27em;
	height: 2.27em;
	top: 0;
	left: 0;
	background-color: #12b3c7;
}
.sec1 .list dt .num svg {
	width: auto;
	height: 1em;
}
.sec1 .list dd .img img {
	width: 100%;
}
.sec1 .list dd p {
	padding: 2.1333em;
	text-align: left;
	line-height: 1.3333;
}
.sec1 .list dd p strong {
	display: block;
	padding-bottom: 0.4em;
	font-weight: 500;
	font-size: 140%;
	color: #2551a1;
}
.sec1 .cv_area {
	background-image: url(../images/page/lp_s2/sec1_cv_bg.jpg);
}
.sec1 .cv_area::before {
	background-color: #ebebeb;
}
@media screen and (min-width: 737px) {
	.sec1 .tit {
		letter-spacing: 0.05em;
	}
	.sec1 .lead {
		text-align: center;
	}
	.sec1 .list li {
		width: 47.2222%;
	}
}

/* sec2 */
.sec2 {
	font-size: 3.7209vw;
	background-color: #4f6b9f;
}
@media screen and (min-width: 1241px) {
	.sec2 {
		font-size: 24px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec2 {
		font-size: min(1.9355vw, 24px);
	}
}
.sec2 .inner:not(.cv_area .inner) {
	padding: 3em 0 2.97em;
}
.sec2 .sec_tit {
	margin-bottom: 1.35em;
}
.sec2 .box_txt {
	margin: 2em 0;
	font-size: 120%;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}
.sec2 .box_txt:last-child {
	margin-bottom: 0;
}
.sec2 .box1 {
	margin-bottom: 1.4444em;
}
.sec2 .box1_cont1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.8em;
	min-height: 9em;
	color: #fff;
	background: url(../images/page/lp_s2/sec2_box1_bg.jpg) no-repeat center center / cover;
}
.sec2 .box1_cont1 .tit {
	font-size: 152.7778%;
	font-weight: 700;
}
.sec2 .box1_cont1 p {
	font-size: 111.1111%;
	font-weight: 500;
	line-height: 1.375;
}
.sec2 .box1_cont2 {
	position: relative;
	padding: 3em 1.5em 2em;
	background-color: #fff;
}
.sec2 .box1_cont2 .tit {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8.9474em;
	height: 2.5263em;
	top: 0;
	left: 50%;
	translate: -50% -50%;
	font-size: 105.5556%;
	font-weight: 500;
	color: #fff;
	background-color: #000;
}
.sec2 .box1_cont2 .in dl {
	border: 2px #2e339b solid;
	box-sizing: border-box;
}
.sec2 .box1_cont2 .in dl + dl {
	margin-top: 1.8em;
}
.sec2 .box1_cont2 .in dt {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.81em;
	font-size: 116.6666%;
	font-weight: 500;
	line-height: 1.19;
	color: #2551a1;
	background-color: #dfe7f8;
	border-bottom: 2px #2e339b solid;
}
.sec2 .box1_cont2 .in dd {
	padding: 1em;
	text-align: left;
	font-size: 88.8889%;
	line-height: 1.4;
}
.sec2 .box1_cont2 .in dd img {
	display: block;
	width: 25%;
	max-width: 80px;
	margin: 0 auto 1em;
}
.sec2 .box1_cont2 .in dd img:last-child {
	margin-bottom: 0;
}
.sec2 .box2 {
	padding: 2em 1em 2.36em;
	background-color: #fff;
}
.sec2 .box2_cont .step_box {
	display: flex;
	align-items: center;
	gap: 1em;
}
.sec2 .box2_cont .step_box .step {
	flex: 1;
}
.sec2 .box2_cont .step_box .step li:not(:first-child)::before {
	display: block;
	content: '';
	width: 3em;
	aspect-ratio: 72.33 / 13;
	margin: 1.1em auto;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72.335 13"><path d="M52.335,0h20l-10,13Zm-26,0h20l-10,13ZM0,0H20L10,13Z" fill="%23000"/></svg>');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.sec2 .box2_cont .step_box .step li.step2::before {
	opacity: 0.4;
}
.sec2 .box2_cont .step_box .step li.step3::before {
	opacity: 0.6;
}
.sec2 .box2_cont .step_box .step1 p {
	font-size: 111.1111%;
	font-weight: 500;
}
.sec2 .box2_cont .step_box .step2 p {
	width: fit-content;
	margin-inline: auto;
	padding-bottom: 0.2em;
	font-weight: 700;
	color: #2e339b;
	border-bottom: 2px #2e339b solid;
}
.sec2 .box2_cont .step_box .step3 p {
	padding: 1.0em 0.5em;
	font-size: 90%;
	font-weight: 700;
	line-height: 1.6;
	background-color: #e3fcff;
	border: 1px #2551a1 solid;
	border-radius: 0.6em;
}
.sec2 .box2_cont .step_box .img_wrap {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: 6.5em;
}
.sec2 .box2 .tit {
	margin-bottom: 1.5em;
	font-size: 125%;
	font-weight: 700;
	line-height: 1.3;
	color: #2e339b;
}
.sec2 .box2 .tit span {
	font-size: 122.2222%;
}
.sec2 .box2_cont + .box2_cont {
	position: relative;
	margin-top: 1.6em;
	padding-top: 1.6em;
}
.sec2 .box2_cont + .box2_cont::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-image: repeating-linear-gradient(
		to left,
		rgba(0,0,0,.25),
		rgba(0,0,0,.25) 2px,
		transparent 2px,
		transparent 4px
	);
}
.sec2 .box2_cont .t {
	margin-bottom: 0.96em;
	font-size: 69.4444%;
	font-weight: 700;
	line-height: 2.24;
	color: #fff;
	background-color: #000;
}
.sec2 .box2_cont .solution .t {
	background-color: #12b3c7;
}
.sec2 .box2_cont .flex {
	display: flex;
	margin-bottom: 0.69em;
}
.sec2 .box2_cont .flex .txt {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 111.1111%;
	font-weight: 500;
	line-height: 1.375;
}
.sec2 .box2_cont .flex .txt .txt1::after {
	display: block;
	content: '';
	width: 1.175em;
	height: 0.65em;
	margin: 0.5em auto;
	background-color: #000;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec2 .box2_cont .flex .txt .txt1 .big {
	font-size: 120%;
}
.sec2 .box2_cont .flex .txt .txt2 {
	font-size: 90%;
	font-weight: 700;
	color: #2e339b;
}
.sec2 .box2_cont .flex .txt .txt2 span {
	padding-bottom: 0.1em;
	border-bottom: 2px #2e339b solid;
}
.sec2 .box2_cont .flex .img {
	width: 7.36em;
}
.sec2 .box2_cont .summary {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 5.24em;
	margin-top: 1em;
	font-size: 69.4444%;
	font-weight: 700;
	line-height: 1.4;
	background-color: #e3fcff;
	border: 1px #2551a1 solid;
	border-radius: 0.6em;
}
.sec2 .box2_cont .summary::before {
	position: absolute;
	content: '!';
	width: 1.6em;
	height: 1.6em;
	top: -0.24em;
	left: -0.44em;
	text-align: center;
	line-height: 1.8;
	color: #fff;
	background-color: #2551a1;
	border-radius: 1.6em;
}
.sec2 .box2_cont .summary strong {
	display: block;
	font-size: 140%;
}
.sec2 .box2_cont .solution {
	margin-top: 1.2em;
}
.sec2 .cv_area {
	background-image: url(../images/page/lp_s2/sec2_cv_bg.jpg);
}
.sec2 .cv_area::before {
	background-color: #4f6b9f;
}
@media screen and (min-width: 737px) {
	.sec2 .box1_cont2 {
		padding: 3em 2.2222em 2.36em;
	}
	.sec2 .box1_cont2 .in {
		display: flex;
		justify-content: space-between;
	}
	.sec2 .box1_cont2 .in dl {
		width: 47.2661%;
	}
	.sec2 .box1_cont2 .in dl + dl {
		margin-top: 0;
	}
	.sec2 .box2 {
		padding: 2em 2.2222em 2.36em;
	}
	.sec2 .box2 .in {
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.sec2 .box2 .in::before {
		position: absolute;
		content: '';
		width: 1px;
		height: 100%;
		top: 0;
		left: 50%;
		background-image: repeating-linear-gradient(
			to bottom,
			rgba(0,0,0,.25),
			rgba(0,0,0,.25) 2px,
			transparent 2px,
			transparent 4px
		);
	}
	.sec2 .box2_cont {
		width: 47.2661%;
	}
	.sec2 .box2_cont + .box2_cont {
		margin: 0;
		padding: 0;
	}
	.sec2 .box2_cont + .box2_cont::before {
		display: none;
	}
	.sec2 .cv_area {
		background-image: url(../images/page/lp_s2/sec2_cv_bg_pc.jpg);
	}
}

/* sec3 */
.sec3 {
	padding: 2.8222em 0 3.1111em;
	font-size: 4.186vw;
	background: url(../images/page/lp_s2/sec3_bg.jpg) no-repeat center center / cover;
}
@media screen and (min-width: 1241px) {
	.sec3 {
		font-size: 30px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec3 {
		font-size: min(2.4194vw, 30px);
	}
}
.sec3 .in {
	padding: 2.4em 1.2em;
	background-color: #fff;
}
.sec3 .box1 .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	margin-bottom: 1em;
	padding: 1em 0.5em 1.8em;
	font-size: 115.5556%;
	font-weight: 700;
	line-height: 1.4287;
	letter-spacing: 0.05em;
	background-color: rgba(18, 179, 199, .15);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.4em), 50% 100%, 0 calc(100% - 1.4em));
	box-sizing: border-box;
}
.sec3 .box1 li {
	text-align: left;
	font-weight: 700;
	line-height: 1.1;
}
.sec3 .box1 li:not(:last-child) {
	padding-bottom: 0.8444em;
}
.sec3 .box1 li::before {
	display: inline-block;
	content: '';
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.6666em;
	vertical-align: top;
	background: url(../images/page/lp_s2/sec3_check.svg) no-repeat center center / contain;
}
.sec3 .box1 li + li {
	position: relative;
	padding-top: 0.8444em;
}
.sec3 .box1 li + li::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-image: repeating-linear-gradient(
		to left,
		rgba(0,0,0,.25),
		rgba(0,0,0,.25) 2px,
		transparent 2px,
		transparent 4px
	);
}
.sec3 .cv::before {
	display: block;
	content: '';
	width: 15.6666em;
	height: 3.7111em;
	margin: 2.4em auto 1.6em;
	background: linear-gradient(to bottom, transparent, #2e339b);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec3 .cv .tit {
	margin-bottom: 0.7em;
	font-size: 177.7778%;
	font-weight: 700;
	line-height: 1.1875;
	color: #2d318b;
}
@media screen and (min-width: 737px) {
	.sec3 .in {
		padding: 2.4em 2.0666em;
	}
	.sec3 .box1 {
		display: flex;
		justify-content: space-between;
	}
	.sec3 .box1 .tit {
		justify-content: flex-end;
		width: 42.1314%;
		margin-bottom: 0;
		padding: 1em 2.35em 1em 0.5em;
		clip-path: polygon(0 0, calc(100% - 2.35em) 0, 100% 50%, calc(100% - 2.35em) 100%, 0 100%);
	}
	.sec3 .box1 ul {
		width: 53.7794%;
	}
}

/* sec4 */
.sec4 {
	font-size: 3.7209vw;
	background: #12b3c7 url(../images/page/lp_s2/sec4_bg.jpg) no-repeat center center / 100% auto;
}
.sec4 .inner {
	padding: 3em 0 3.6em;
}
@media screen and (min-width: 1241px) {
	.sec4 {
		font-size: 24px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec4 {
		font-size: min(1.9355vw, 24px);
	}
}
.sec4 .sec_tit {
	margin-bottom: 1.35em;
}
.sec4 .box_tit {
	margin-bottom: 1em;
	font-size: 150%;
	font-weight: 700;
	color: #fff;
}
.sec4 .box1 {
	position: relative;
	margin-bottom: 2.8889em;
}
.sec4 .box1::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #12b3c7;
	mix-blend-mode: multiply;
}
.sec4 .box1 .in {
	position: relative;
	padding: 1.9444em 1.8889em;
}
.sec4 .box1 .tit {
	margin: -0.7em 0 0.9em;
	font-size: 111.1111%;
	font-weight: bold;
	color: #fff;
}
.sec4 .box1 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.3334em;
}
.sec4 .box1 ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 7.5em;
	background-color: #fff;
}
.sec4 .box1 ul li p {
	font-weight: 700;
	line-height: 1.4;
}
.sec4 .box1 ul li p strong {
	font-size: 116.6667%;
}
.sec4 .box2 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.3334em;
	margin-bottom: 2.8889em;
}
.sec4 .box2 ul li {
	width: calc(50% - 0.6667em);
}
.sec4 .box2 ul li.c2 {
	width: 100%;
}
.sec4 .box2 ul li dl {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.sec4 .box2 ul li dt {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 6.8788em;
	font-size: 91.6666%;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.21212;
	color: #fff;
	background-color: #2551a1;
}
.sec4 .box2 ul li.c2 dt {
	min-height: 4.2125em;
	font-size: 111.1111%;
}
.sec4 .box2 ul li dd {
	position: relative;
	flex-basis: 100%;
	min-height: 6.25em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 111.1111%;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.25;
	background-color: #fff;
	box-sizing: border-box;
}
.sec4 .box2 ul li.c2 dd {
	min-height: 5.7333em;
	padding-top: 1.0889em;
	font-size: 125%;
}
.sec4 .box2 ul li dd::before {
	position: absolute;
	content: '';
	width: 3.45em;
	height: 1em;
	top: -1px;
	left: calc(50% - 1.725em);
	background-color: #2551a1;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec4 .box2 ul li.c2 dd::before {
	width: 3.7334em;
	height: 1.0889em;
	left: calc(50% - 1.8667em);
}
.sec4 .box3 {
	padding: 2em;
	background: rgba(255,255,255,.9);
}
.sec4 .box3 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.4em;
	flex-direction: column;
}
.sec4 .box3 ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 4em;
	background-color: #fff;
	border: 0.3em #83d0da solid;
	box-sizing: border-box;
}
.sec4 .box3 ul li p {
	font-weight: 700;
	line-height: 1.5;
}
.sec4 .cv::before {
	display: block;
	content: '';
	width: 15.6666em;
	height: 3.7111em;
	margin: 2.4em auto 1.6em;
	background: linear-gradient(to bottom, transparent, #fff);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec4 .cv .tit {
	margin-bottom: 1.8em;
	font-size: 140%;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	letter-spacing: -0.05em;
}
.sec4 .cv .tit span {
	font-size: 163.6363%;
}
.sec4 .cv_area {
	background-image: url(../images/page/lp_s2/sec5_cv_bg.jpg);
}
.sec4 .cv_area::before {
	background-color: #4f6b9f;
}
@media screen and (min-width: 737px) {
	.sec4 .box1 ul li {
		width: calc(50% - 0.6667em);
	}
	.sec4 .box2 ul li {
		width: calc(25% - ((1.3334em * 3) / 4));
	}
	.sec4 .box2 ul li.c2 {
		width: calc(50% - 0.6667em);
	}
	.sec4 .box3 ul {
		flex-direction: row;
	}
	.sec4 .box3 ul li {
		width: calc(20% - ((1.4em * 4) / 4));
		min-height: 7em;
	}
	.sec4 .cv::before {
		width: 39.4722em;
		height: 6.1736em;
	}
	.sec4 .cv .tit {
		font-size: 152.7778%;
	}
}

/* sec5 */
.sec5 {
	font-size: 3.7209vw;
	background-color: #4f6b9f;
}
@media screen and (min-width: 1241px) {
	.sec5 {
		font-size: 23.3333px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec5 {
		font-size: min(1.8817vw, 23.3333px);
	}
}
.sec5 .inner:not(.cv_area .inner) {
	padding: 3.6em 0 3.3143em;
}
.sec5 .sec_tit {
	margin-bottom: 1.2em;
}
.sec5 .box1 {
	padding: 2.2em 1.8em 1.8em;
	color: #fff;
	background-color: #2d318b;
}
.sec5 .box1 .tit {
	margin-bottom: 0.4em;
	font-size: 157.1428%;
	font-weight: 700;
}
.sec5 .box1 .lead {
	margin-bottom: 1.4em;
	font-size: 114.2857%;
	font-weight: 500;
}
.sec5 .box1 .in dl + dl {
	margin-top: 1.5em;
}
.sec5 .box1 .in dt {
	position: relative;
	margin-bottom: 0.4333em;
	padding: 0.75em 0;
	font-size: 85.71428%;
	font-weight: 700;
	color: #000;
	background-color: #e3fcff;
}
.sec5 .box1 .in dt::after {
	position: absolute;
	display: block;
	content: '';
	width: 0.8334em;
	height: 0.4333em;
	top: calc(100% - 1px);
	left: calc(50% - 0.4167em);
	background-color: #e3fcff;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec5 .box1 .in dd {
	padding-top: 0.6em;
	font-weight: 700;
	line-height: 1.4;
}
.sec5 .box2 {
	padding: 2.2em 1.2em 1.8em;
	background-color: #fff;
}
.sec5 .box2 .img::after {
	display: block;
	content: '';
	width: 8em;
	height: 2.3428em;
	margin: 1.7714em auto 1.3143em;
	background-color: #000;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec5 .box2 ul {
	display: flex;
	flex-direction: column;
	margin-inline: auto;
	gap: 1em;
	max-width: 19em;
}
.sec5 .box2 ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5em;
	border: 0.2857em rgba(110, 138, 191, 0.75) solid;
	box-sizing: border-box;
}
.sec5 .box2 ul li p {
	font-weight: 700;
	line-height: 1.3;
}
.sec5 .box2 ul li p span {
	font-size: 120%;
}
.sec5 .box2 .txt {
	margin-top: 1.5em;
	font-size: 120%;
	font-weight: 700;
	line-height: 1.4;
	color: #2551a1;
}
@media screen and (min-width: 737px) {
	.sec5 .box1 {
		padding: 2.2em 2.3428em 1.8em;
	}
	.sec5 .box1 .in {
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.sec5 .box1 .in::before {
		position: absolute;
		content: '';
		width: 1px;
		height: 100%;
		top: 0;
		left: 50%;
		background-image: repeating-linear-gradient(
			to bottom,
			rgba(227, 252, 255, .4),
			rgba(227, 252, 255, .4) 2px,
			transparent 2px,
			transparent 4px
		);
	}
	.sec5 .box1 .in dl {
		width: 46.8826%;
	}
	.sec5 .box1 .in dl + dl {
		margin-top: 0;
	}
	.sec5 .box2 {
		padding: 2.2em 3.5714em 2.9em;
	}
	.sec5 .box2 ul {
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
		max-width: 38.8572em;
	}
	.sec5 .box2 ul li {
		width: 30%;
		height: 7.6em;
	}
}

/* sec6 */
.sec6 {
	font-size: 3.2558vw;
	background-color: #12b3c7;
}
@media screen and (min-width: 1241px) {
	.sec6 {
		font-size: 23.3333px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec6 {
		font-size: min(1.8817vw, 23.3333px);
	}
}
.sec6 .inner:not(.cv_area .inner) {
	padding: 3.6em 0 3.3143em;
}
.sec6 .sec_tit {
	margin-bottom: 0.4em;
}


@media screen and (min-width: 1241px) {
	.sec6 .sec_tit {
		font-size: 46px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.sec6 .sec_tit {
		font-size: min(3.7097vw ,46px);
	}
}


.sec6 .sec_lead {
	margin-bottom: 3em;
	color: #000;
}
.sec6 .box + .box {
	margin-top: 3.71428em;
}
.sec6 .box_tit {
	display: flex;
	align-items: center;
	position: relative;
	text-align: left;
	min-height: 3.7666em;
	padding: 0.675em 0.675em 0.675em 3.9041em;
	font-size: 137.1428%;
	font-weight: 700;
	line-height: 2.4166;
	line-height: 1.5;
	color: #fff;
	background-color: #2d318b;
	box-sizing: border-box;
}
.sec6 .box_tit .num {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: top;
	width: 2.4166em;
	height: 2.4166em;
	top: 0.675em;
	left: 0.675em;
	margin-right: 0.8125em;
	background-color: #fff;
	border: 0.1666em rgba(158, 185, 235, .65) solid;
	box-sizing: border-box;
}
.sec6 .box_tit .num svg {
	width: auto;
	height: 1em;
}
.sec6 .box_cont {
	padding: 2em 1.5em;
	background-color: #fff;
}
.sec6 .box_cont .issue {
	padding: 0.8em 1em;
	text-align: left;
	font-size: 114.2857%;
	font-weight: 700;
	line-height: 1.5;
	border: 2px #000 solid;
	box-sizing: border-box;
}
.sec6 .box_cont .issue span {
	display: block;
	width: fit-content;
	min-width: 6.24em;
	margin-bottom: 0.5em;
	padding: 0.36em 0.6em;
	text-align: center;
	font-size: 62.5%;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #fff;
	background-color: #12b3c7;
	clip-path: polygon(0.6em 0%, 100% 0%, calc(100% - 0.6em) 100%, 0% 100%);
	box-sizing: border-box;
}
.sec6 .box_cont .summary {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.5em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 0.2857em #92a7ce solid;
	box-sizing: border-box;
}
.sec6 .box_cont .summary p {
	line-height: 1.4;
	font-size: 128.5714%;
	font-weight: 700;
}
.sec6 .box_cont .summary .caption {
	padding-bottom: 0.2em;
	font-size: 85.71428%;
	font-weight: 700;
	color: #c42556;
	border-bottom: 2px #c42556 solid;
}
.sec6 .box1 .before::after,
.sec6 .box2_cont1::after,
.sec6 .box1 .after .cont .arw::before {
	display: block;
	content: '';
	width: 9.1143em;
	height: 3.2em;
	margin: 0 auto;
	background: linear-gradient(to bottom, transparent, #6e8abe);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.sec6 .box1 {
	margin-top: 1.4857em;
}
.sec6 .box1 .tit {
	padding: 0.62em 0;
	font-size: 71.4257%;
	letter-spacing: 0.05em;
	color: #fff;
	background-color: #6e8abe;
}
.sec6 .box1 .before .tit {
	margin-bottom: 2.68em;
}
.sec6 .box1 .before .cont .img {
	max-width: 656px;
	margin: 0 auto 1.8em;
}
.sec6 .box1 .before .cont p {
	font-size: 114.2857%;
	font-weight: 700;
	line-height: 1.3;
}
.sec6 .box1 .before .cont p strong {
	font-size: 112.5%;
}
.sec6 .box1 .before::after {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.sec6 .box1 .after .tit {
	margin-bottom: 1.8em;
	background-color: #6e8abe;
}
.sec6 .box1 .after .cont {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sec6 .box1 .after .cont .in p {
	margin-bottom: 0.7em;
	font-size: 108.5714%;
	font-weight: 700;
	line-height: 1.3158;
	color: #12b3c7;
}
.sec6 .box1 .after .cont .arw {
	align-self: center;
}
.sec6 .box1 .after .cont .arw::before {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.sec6 .box_cont .box1 + .summary {
	height: 14em;
	margin-top: 2.9428em;
	background-image: url(../images/page/lp_s2/sec6_box1_summary_bg.png);
}
.sec6 .box2 {
	margin-top: 1.71428em;
}
.sec6 .box2_cont1 ul {
	display: flex;
	justify-content: center;
	gap: 1em;
	flex-wrap: wrap;
	max-width: 16em;
	margin-inline: auto;
	margin-bottom: 2em;
	font-size: 94%;
	font-weight: 500;
	line-height: 1.2;
}
.sec6 .box2_cont1 li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 6.5em;
	height: 6.5em;
	color: #12b3c7;
	border: 1px #12b3c7 solid;
	border-radius: 6.5em;
}
.sec6 .box2_cont1 p {
	font-size: 114.2857%;
	font-weight: 700;
	line-height: 1.3;
}
.sec6 .box2_cont1 p strong {
	font-size: 112.5%;
}
.sec6 .box2_cont1::after {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.sec6 .box2_cont2 dl + dl {
	margin-top: 2em;
}
.sec6 .box2_cont2 dt {
	position: relative;
	padding: 0.775em 0;
	font-size: 114.2857%;
	font-weight: 500;
	line-height: 1.375;
	color: #2551a1;
	background-color: rgba(184, 78, 126, .1);
}
.sec6 .box2_cont2 dt::before {
	position: absolute;
	content: '';
	width: 0.95em;
	height: 0.95em;
	top: 0.55em;
	left: 0.55em;
	background: url(../images/page/lp_s2/sec6_check.svg) no-repeat 0 0 / contain;
}
.sec6 .box2_cont2 dd {
	padding-top: 1em;
}
.sec6 .box2_cont2 dd img {
	width: 100%;
	max-width: 424px;
	margin-inline: auto;
}
.sec6 .box_cont .box2 + .summary {
	height: 11.657em;
	margin-top: 2.6em;
	background-image: url(../images/page/lp_s2/sec6_box2_summary_bg.png);
}
.sec6 .box3 {
	margin-top: 1.9em;
}
.sec6 .box3 .lead {
	margin-bottom: 1.6em;
	font-size: 128.5714%;
	font-weight: 700;
	line-height: 1.55;
	color: #12b3c7;
}
.sec6 .box3 .flex .txt .tit {
	padding: 0.7em 1em;
	text-align: left;
	font-size: 128.5714%;
	font-weight: 700;
	line-height: 1.4;
	background-color: #edf3ff;
	border-left: 2px #b84e7e solid;
}
.sec6 .box3 .flex .txt .tit strong {
	font-size: 111.1111%;
}
.sec6 .box3 .flex .txt ul {
	margin-top: 2em;
}
.sec6 .box3 .flex .txt ul li {
	font-size: 91.42857%;
	font-weight: 500;
	line-height: 1.1875;
	text-align: left;
	color: #2551a1;
}
.sec6 .box3 .flex .txt ul li + li {
	margin-top: 1.15625em;
}
.sec6 .box3 .flex .txt ul li::before {
	display: inline-block;
	content: '';
	width: 1.1875em;
	height: 1.1875em;
	margin-right: 0.6875em;
	vertical-align: top;
	background: url(../images/page/lp_s2/sec6_check.svg) no-repeat 0 0 / contain;
}
.sec6 .box3 .flex .img {
	margin-top: 2em;
}
.sec6 .cv_area {
	background-image: url(../images/page/lp_s2/sec6_cv_bg.jpg);
}
.sec6 .cv_area::before {
	background-color: #12b3c7;
}
@media screen and (min-width: 737px) {
	.sec6 .box_cont {
		padding: 2.6286em 2.8571em 2.9714em;
	}
	.sec6 .box_cont .issue {
		padding: 1.15em 1em;
		line-height: 1.075;
	}
	.sec6 .box_cont .issue span {
		display: inline-block;
		margin: 0 1.6em 0 0;
		vertical-align: top;
	}
	.sec6 .box1 .after .cont {
		flex-direction: row;
	}
	.sec6 .box1 .after .cont .in {
		width: 43.25%;
	}
	.sec6 .box1 .after .cont .arw::before {
		width: 3.2em;
		height: 9.1143em;
		margin: 0;
		background: linear-gradient(to right, transparent, #6e8abe);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	.sec6 .box2_cont1 ul {
		max-width: none;
	}
	.sec6 .box2_cont2 {
		display: flex;
		justify-content: space-between;
	}
	.sec6 .box2_cont2 dl {
		width: 48.3125%;
	}
	.sec6 .box2_cont2 dl + dl {
		margin-top: 0;
	}
	.sec6 .box3 .flex {
		display: flex;
		justify-content: space-between;
	}
	.sec6 .box3 .flex .txt {
		width: 48.125%;
	}
	.sec6 .box3 .flex .img {
		width: 46.5625%;
		margin: 0;
	}
}


/* case_section */
.case_section {
	font-size: 3.2558vw;
	background-color: #4f6b9f;
}
@media screen and (min-width: 1241px) {
	.case_section {
		font-size: 20px;
	}
}
@media screen and (min-width: 737px) and (max-width: 1240px) {
	.case_section {
		font-size: min(1.6129vw ,20px);
	}
}
.case_section .inner:not(.cv_area .inner) {
	padding: 3.6em 0 3.3143em;
}
.case_section .sec_tit {
	margin-bottom: 0.4em;
}
.case_box {
	margin-top: 3em;
}
.case_box .case_num {
	width: 8.2em;
	margin-bottom: -1px;
	padding: 0.9333em 0.5em 0.2em;
	font-weight: 500;
	letter-spacing: 0.05em;
	background-color: #d2f4f8;
	clip-path: polygon(0 0, calc(100% - 1em) 0%, 100% 100%, 0% 100%);
}
.case_box .case_title {
	padding: 2.4em 1.4em 1.4em;
	background-color: #d2f4f8;
}
.case_box .case_title .tit {
	padding-bottom: 0.4em;
	text-align: left;
	font-size: 200%;
	font-weight: 700;
	line-height: 1.4;
	color: #2d318b;
	border-bottom: 1px #4f6b9f solid;
}
.case_box .case_title .prof {
	padding-top: 1em;
	text-align: right;
	font-size: 93.3333%;
	font-weight: 500;
	color: #4f6b9f;
}
.case_box .case_content {
	padding: 2em 1.4em;
	background-color: #fff;
}
.case_box .case_content .issue {
	margin-bottom: 1em;
}
.case_box .case_content .issue .tit {
	margin-bottom: 0.8em;
	padding: 0.6666em 0.5em;
	font-weight: 500;
	color: #fff;
	background-color: #6e8abe;
}
.case_box .case_content .issue li {
	padding: 0.6em 0 0.6em 1.2em;
	text-align: left;
	font-size: 120%;
	font-weight: 700;
		line-height: 1.5;
	color: #12b3c7;
	background: url(../images/page/lp_s2/case_check.svg) no-repeat 0 0.8em / 1.0555em auto ;
}
.case_box .case_content .issue li + li {
	position: relative;
}
.case_box .case_content .issue li + li::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-image: repeating-linear-gradient(
		to left,
		rgba(0,0,0,.25),
		rgba(0,0,0,.25) 2px,
		transparent 2px,
		transparent 4px
	);
}
.case_box .case_content .issue_box .img {
	margin-bottom: 1em;
}
.case_box .case_content .survey_detail::after,
.case_box .case_content .result.arrow::after,
.case_box .case_content .result_box.arrow::after {
	display: block;
	content: '';
	width: 4.2em;
	height: 1.4666em;
	margin: 1.1em auto;
	background-color: #12b3c7;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.case_box .case_content .survey_detail dl {
	display: flex;
	flex-direction: column;
}
.case_box .case_content .survey_detail dt {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em 0.5em;
	font-size: 86.6666%;
	font-weight: 700;
	color: #fff;
	background-color: #6e8abe;
}
.case_box .case_content .survey_detail dd {
	flex: 1;
	padding: 1.5333em 1.3333em 1.3333em;
	background-color: #f1f1f1;
}
.case_box .case_content .survey_detail dd .overview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
}
.case_box .case_content .survey_detail dd .overview .cat {
	padding: 0.5em 1em;
	font-weight: 500;
	color: #12b3c7;
	background-color: #fff;
	border: 1px #12b3c7 solid;
	border-radius: 2em;
	box-sizing: border-box;
}
.case_box .case_content .survey_detail dd .overview p {
	font-size: 116%;
	font-weight: 500;
	line-height: calc( (1em / 1.16 ) * 2 );
}
.case_box .case_content .survey_detail dd table {
	width: 100%;
	margin-top: 1em;
}
.case_box .case_content .survey_detail dd th {
	padding: 0.5em;
	font-weight: 500;
	color: #4f6b9f;
	background-color: #e0eafc;
	border: 1px #4f6b9f solid;
}
.case_box .case_content .survey_detail dd td {
	padding: 0.5em;
	vertical-align: middle;
	font-weight: 500;
	line-height: 1.5;
	background-color: #fff;
	border: 1px #4f6b9f solid;
}
.case_box .case_content .survey_detail dd td br {
	display: none;
}
.case_box .case_content .survey_detail .comment {
	margin-top: 1em;
	text-align: right;
	font-size: 66.6666%;
	font-weight: 500;
}
.case_box .case_content .result .tit {
	margin-bottom: 2em;
	padding: 0.6666em 0.5em;
	font-weight: 500;
	color: #fff;
	background-color: #6e8abe;
}
.case_box .case_content .result .detail .txt {
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 133.3333%;
	font-weight: 700;
	line-height: 1.4;
}
.case_box .case_content .result .detail .comment {
	text-align: right;
	font-size: 66.6666%;
	color: #61677a;
}
.case_box .case_content .result .detail .txt span {
	font-size: 137.5%;
	color: #b84e7e;
}
.case_box .case_content .result.result2 .img {
	max-width: 815px;
	margin: 0 auto;
}
.case_box .case_content .result.result2 .comment {
	max-width: 815px;
	margin: 1.5em auto 0;
}
.case_box .case_content .result.result4 ul li + li {
	margin-top: 2em;
}
.case_box .case_content .result.result4 ul li .in {
	position: relative;
	height: 100%;
	border: 0.24em #c6d2e8 solid;
	border-radius: 0.6666em;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1em 0;
	padding: 2em 0;
}
.case_box .case_content .result.result4 ul li .in .t {
	position: absolute;
	width: fit-content;
	padding: 0 0.4em;
	top: -0.12em;
	left: 50%;
	font-size: 83.3333%;
	font-weight: 700;
	line-height: 1.44;
	translate: -50% -50%;
	color: #2e339b;
	background-color: #fff;
	white-space:  nowrap;
}
.case_box .case_content .result.result4 ul li .in .t br {
	display: none;
}
.case_box .case_content .result.result4 ul li .in .text {
	font-size: 89.5666%;
	font-weight: 700;
	line-height: 1.3;
}
.case_box .case_content .result.result4 ul li .in .text strong {
	font-size: 137.4767%;
	font-weight: 700;
}






.case_section .cv_area {
	background-image: url(../images/page/lp_s2/case_cv_bg.jpg);
}
.case_section .cv_area::before {
	background-color: #4f6b9f;
}
@media screen and (min-width: 737px) {
	.case_box {
		margin-top: 0;
	}
	.case_box + .case_box {
		margin-top: 3.6666em;
	}
	.case_box .case_title {
		padding: 2.4em 2.46666em 1.4em;
	}
	.case_box .case_content {
		padding: 2em 2.1333em;
	}
	.case_box .case_content .issue_box {
		display: flex;
		justify-content: space-between;
	}
	.case_box .case_content .issue_box .issue {
		width: 51.2851%;
	}
	.case_box .case_content .issue_box.issue_box3 .issue {
		width: 69.9746%;
	}
	.case_box .case_content .issue_box .img {
		width: 45.7263%;
	}
	.case_box .case_content .issue_box.issue_box3 .img {
		width: 27.2721%;
	}
	.case_box .case_content .survey_detail dl {
		flex-direction: row;
	}
	.case_box .case_content .survey_detail dt {
		width: 11.4em;
	}
	.case_box .case_content .survey_detail dd td br {
		display: inherit;
	}
	.case_box .case_content .survey_detail .comment {
		margin-bottom: -1.1em;
	}
	.case_box .case_content .result_box {
		display: flex;
		justify-content: space-between;
	}
	.case_box .case_content .result_box .result {
		width: 51.2851%;
	}
	.case_box .case_content .result_box .img {
		width: 45.7263%;
		margin-bottom: 1em;
	}
	.case_box .case_content .result:not(.result2) .txt {
		margin-bottom: 0;
		text-align: left;
	}
	.case_box .case_content .result.result3 .detail {
		display: flex;
		justify-content: space-between;
	}
	.case_box .case_content .result.result3 .detail > .txt {
		flex: 1;
	}
	.case_box .case_content .result.result3 .detail > .img {
		width: 60%;
	}
	.case_box .case_content .result.result4 ul {
		display: flex;
		justify-content: center;
		gap: 1.3333em;
	}
	.case_box .case_content .result.result4 ul li {
		max-width: 15.48em;
	}
	.case_box .case_content .result.result4 ul li + li {
		margin-top: 0;
	}
	.case_box .case_content .result.result4 ul li .in .t br {
		display: inherit;
	}
	.case_box .case_content .result_box.result4_2 {
		display: flex;
		justify-content: space-between;
	}
	.case_box .case_content .result_box.result4_2 .result {
		width: 57.3671%;
	}
	.case_box .case_content .result_box.result4_2 .img {
		width: 39.6135%;
		margin-bottom: 1em;
	}

}

.mv .txt4 ul li span {
    text-align: center;
}