@charset "utf-8";

.benefits-v2-wrapper {background:#f2f2f2; padding-bottom:200px;}

.benefits-v2-heading {position:relative; height:780px; text-align:center; color:#fff;}
.benefits-v2-heading:before {content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% - 56px); background:#21d695; clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 75%);}
.benefits-v2-heading .inner {position:relative; display:flex; align-items:center; height:100%; background:url("images/top_img.jpg") 50% 50% fixed no-repeat; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 77%, 0 100%);}
.benefits-v2-heading h2 {font-size:100px; font-weight:800; line-height:1.33em; letter-spacing:-.02em;}
.benefits-v2-heading p {font-size:18px; line-height:1.6em; letter-spacing:-.04em;}

.benefits-v2-content {padding:20px 50px 200px;}

.bf-head {text-align:center; margin-bottom:100px;}
.bf-head h3 {color:#242424; font-size:36px; line-height:1.33em; letter-spacing:-.03em;}
.bf-head h3 strong {color:#5250aa;}
.bf-head p {color:#686868; font-size:18px; line-height:1.6em; letter-spacing:-.03em; margin-top:8px;}

.bf-nav {max-width:1700px; margin:0 auto 110px; text-align:center; color:#242424; font-size:17px; line-height:48px; letter-spacing:-.03em;}
.bf-nav ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-5px;}
.bf-nav ul li {padding:5px;}
.bf-nav ul li a {position:relative; overflow:hidden; display:block; min-width:150px; background:#fff; padding:0 24px; border:1px solid #ddd; border-radius:50px;}
.bf-nav ul li a:before {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#5250aa; transition:.3s;}
.bf-nav ul li a span {position:relative;}
.bf-nav ul li a:hover {color:#fff; border-color:#5250aa;}
.bf-nav ul li a:hover::before {width:100%;}

.bf-items {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1400px; margin:0 auto;}
.bf-item {width:100%; background:#fff; padding:0 65px; border-radius:12px; margin-bottom:15px; overflow:hidden;}
.bf-item .inner {display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1100px; min-height:380px; margin:0 auto;}
.bf-item .cnt {flex:1 1 auto; min-width:0; width:1%; padding:60px 0;}
.bf-item h4 {color:#242424; font-size:26px; line-height:1.35em; letter-spacing:-.03em; margin-bottom:10px;}
.bf-item .badge {display:inline-block; vertical-align:middle; color:#fff; font-size:16px; font-weight:400; line-height:30px; letter-spacing:-.03em; text-align:center; padding:0 10px; margin:-.2em 8px 0; border-radius:30px; background:#ffc45f;}
.bf-item .badge.st2 {background:#ef5632;}
.bf-item .tt {margin-bottom:10px; color:#ef5632; font-size:18px; font-weight:600; line-height:1.5em; letter-spacing:-.03em;}
.bf-item .txt {color:#454545; font-size:17px; line-height:1.647em; letter-spacing:-.03em;}
.bf-item .txt ul li {padding-left:.7em; text-indent:-.7em;} 
.bf-item .txt.mgb {margin-bottom:35px;}
.bf-item .etc {color:#454545; font-size:18px; font-weight:700; line-height:1.389em; letter-spacing:-.03em; text-align:center; margin-top:23px;}
.bf-item .etc ul {display:flex; flex-wrap:wrap;}
.bf-item .etc ul li {margin-right:-13px;}
.bf-item .etc ul li span {display:flex; flex-direction:column; justify-content:center; align-items:center; width:150px; height:150px; padding:10px; background:#fff; border:1px solid #ddd; border-radius:100%; box-shadow:-5px 0 7px rgba(0,0,0,.1);}
.bf-item .btns {margin-top:20px;}
.bf-item .btns.mgt {margin-top:60px;}
.bf-item .btn {display:inline-flex; align-items:center; justify-content:space-between; min-width:180px; height:50px; margin:6px 6px 0 0; padding:0 25px; color:#242424; font-size:16px; font-weight:500; line-height:1.33em; letter-spacing:-.03em; background:#fff; border:1px solid #ddd; border-radius:50px;}
.bf-item .btn:after {content:""; width:22px; height:22px; margin:-.1em 0 0 20px; background:url("images/btn_arrow.svg") 50% 50% no-repeat; background-size:contain; transition:.2s;}
.bf-item .btn:hover {color:#fff; background:#ef5632; border-color:#ef5632;}
.bf-item .btn:hover::after {background-image:url("images/btn_arrow_on.svg"); transform:translateX(5px);}
.bf-item .btn:last-child {margin-bottom:0;}
.bf-item .sns {display:flex; margin-left:-30px;}

.bf-item.type1 .img {width:45%; padding-right:40px; padding-left:17px;}

.bf-item.type2 .img {order:2; width:48%; padding-left:40px; text-align:right;}

.bf-item.type3 {width:calc(50% - 5px);}
.bf-item.type3 .inner {justify-content:center; align-items:flex-start;}
.bf-item.type3 .cnt {flex:0 1 auto; width:auto; padding:85px 0;}

.bf-item.type2#n8 .img {width:44%;}
.bf-item.type2#n12 .img {position:relative; width:53%; padding-left:0; margin-left:50px;}
.bf-item.type2#n12 .img img {position:absolute; top:50%; right:0; object-fit:cover; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.bf-item.type2#n14 .inner {min-height:300px;}
.bf-item.type2#n14 .img {position:relative; width:53%; padding-left:0; margin-left:50px;}
.bf-item.type2#n14 .img img {position:absolute; top:50%; right:0; object-fit:cover; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.bf-item.type1#n15 .inner {min-height:300px;}
.bf-item.type1#n15 .img {width:61%;}
.bf-item#n16 {background:url("images/benefit_14.jpg") 50% 50%/cover no-repeat;}

.event-v2-heading {text-align:center; margin-bottom:60px;}
.event-v2-heading h2 {font-size:36px; line-height:1.333em; letter-spacing:-.03em;}
.event-v2-heading p {color:#454545; font-size:18px; line-height:1.44em; letter-spacing:-.03em; margin-top:10px;}
.event-v2-heading .point {color:#254699}

.event-v2-section-7 {position:relative; background:#aaaaaa; padding:155px 0 170px;}
.event-v2-section-7:before {content:""; position:absolute; top:-120px; bottom:-120px; left:0; right:0; background:#f58220; clip-path:polygon(0 0, 23% 0, 100% 29%, 100% 100%, 77% 100%, 0 71%);}
.event-v2-section-7 .event-v2-heading {}
.event-v2-section-7 .event-v2-heading * {color:#fff;}
.event-v2-section-7 .form {max-width:1100px; margin:0 auto; background:#fff; border-radius:16px; padding:50px 90px; box-shadow:0 0 16px rgba(0,0,0,.1);}
.event-v2-section-7 .form .txt1 {text-align:center; color:#ef5632; font-size:20px; font-weight:700; line-height:1.44em; letter-spacing:-.03em;}
.event-v2-section-7 .form .txt2 {text-align:center; color:#242424; font-size:24px; font-weight:700; line-height:1.44em; letter-spacing:-.03em; margin-bottom:30px;}
.event-v2-section-7 .form .input-group {display:flex; margin-bottom:15px;}
.event-v2-section-7 .form .input {width:50%; height:50px; margin-right:10px; border:1px solid #ddd; border-radius:6px; background:#fff;}
.event-v2-section-7 .form .submit {flex:0 0 160px; width:160px; height:50px; background:#ef5632; border-radius:6px; border:0; color:#fff; font-size:18px; font-weight:600;}
.event-v2-section-7 .form .agree {color:#686868; font-size:16px; line-height:1.6em;}
.event-v2-section-7 .form .checkbox label:before {width:22px; height:22px; background:#fff url("images/checkbox_off.png") 50% 50% no-repeat; border-radius:100%; border:0;}
.event-v2-section-7 .form .checkbox input:checked + label:before {background-image:url("images/checkbox_on.png"); outline:none;}

@media (max-width: 1600px) {
	.benefits-v2-heading {height:660px;}
	.benefits-v2-heading h2 {font-size:85px;}
	.benefits-v2-heading p {font-size:16px;}

	.bf-head {margin-bottom:60px;}
	.bf-head h3 {font-size:32px;}
	.bf-head p {font-size:16px;}

	.bf-nav {margin-bottom:60px; font-size:15px; line-height:42px;}
	.bf-nav ul li a {min-width:130px; padding:0 20px;}
}

@media (max-width: 1280px) {
	.bf-item .txt {font-size:16px;}
	.bf-item .etc {font-size:16px;}
	.bf-item .etc ul li span {width:140px; height:140px;}
	
}

@media (max-width: 1024px) {
	.benefits-v2-heading {height:580px;}
	.benefits-v2-heading h2 {font-size:65px;}
	.benefits-v2-heading p {font-size:15px;}

	.benefits-v2-content {padding-bottom:140px;}

	.bf-head {margin-bottom:50px;}
	.bf-head h3 {font-size:26px;}
	.bf-head p {font-size:15px;}

	.bf-nav {display:none;}

	.bf-item {padding:0 50px;}
	.bf-item .inner {min-height:330px;}
	
	.bf-item .img {padding:15px 0;}
	.bf-item .cnt {padding:40px 0;}
	.bf-item h4 {font-size:22px;}
	.bf-item .badge {font-size:14px; line-height:24px; padding:0 8px;}
	.bf-item .tt {font-size:16px;}
	.bf-item .txt {font-size:15px;}
	.bf-item .etc {font-size:14px;}
	.bf-item .etc ul li {margin-right:-10px;}
	.bf-item .etc ul li span {width:120px; height:120px;}
	.bf-item .btns.mgt {margin-top:30px;}
	.bf-item .btn {min-width:auto; height:45px; font-size:15px; padding:0 20px;}
	.bf-item .btn:after {width:16px; height:16px; margin-left:12px;}

	.bf-item.type1 .img {padding-right:10%; padding-left:0;}
	.bf-item.type2 .img {padding-left:10%;}
	.bf-item.type3 .cnt {padding:50px 0;}

	.bf-item.type2#n2 .img {padding-left:5%;}
	.bf-item.type2#n12 .img {width:50%;}
	.bf-item.type2#n14 .img {width:50%;}

	.event-v2-heading {margin-bottom:47px;}
	.event-v2-heading h2 {font-size:30px;}
	.event-v2-heading p {font-size:16px;}

	.event-v2-section-7 {padding:80px 0;}
	.event-v2-section-7:before {top:-80px; bottom:-80px;}
	.event-v2-section-7 .form {width:80%; padding:40px 70px;}
	.event-v2-section-7 .form .txt1 {font-size:18px; margin-bottom:2px;}
	.event-v2-section-7 .form .txt2 {font-size:20px;}
	
}


@media (max-width: 900px) {
	.bf-item.type3 {width:100%;}

	.event-v2-section-7 .form {width:90%; padding:40px;}
	.event-v2-section-7 .form .submit {width:120px; flex:0 0 120px;}
}

@media (max-width: 760px) {
	.benefits-v2-wrapper {padding-bottom:80px;}

	.benefits-v2-heading {height:calc(100vh - 190px);}
	.benefits-v2-heading:before {height:calc(100% - 27px); clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 80%);}
	.benefits-v2-heading .inner {background:url("images/top_img_m.jpg") 50% 50% no-repeat; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 80%, 0 100%);}
	.benefits-v2-heading h2 {font-size:50px; line-height:1em; margin-bottom:10px;}
	.benefits-v2-heading p {font-size:13px;}

	.benefits-v2-content {padding:15px 16px 80px;}

	.bf-head {margin-bottom:45px;}
	.bf-head h3 {font-size:23px;}
	.bf-head p {font-size:13px;}

	.bf-item {padding:25px; border-radius:10px; margin-bottom:10px;}
	.bf-item .inner {flex-direction:column; min-height:auto !important;}
	.bf-item .img {width:100% !important; padding:0 !important; margin:25px 0 0 0 !important; transform:none !important; text-align:center !important;}
	.bf-item .img img {height:160px;}
	.bf-item .cnt {position:relative; z-index:2; width:100% !important; padding:0; transform:none !important;}
	.bf-item h4 {font-size:19px; margin-bottom:7px;}
	.bf-item .badge {font-size:11px; line-height:22px; padding:0 6px; margin:-.2em 0 0 4px;}
	.bf-item .tt {font-size:14px; margin-bottom:7px;}
	.bf-item .txt {font-size:13px;}
	.bf-item .txt.mgb {margin-bottom:30px;}
	.bf-item .etc {font-size:11px; position:relative; padding-bottom:27%;}
	.bf-item .etc ul {position:absolute; top:0; left:0; width:100%; height:100%;}
	.bf-item .etc ul li {width:27%; margin-right:-2%;}
	.bf-item .etc ul li span {width:100%; height:100%; padding:8px;}
	.bf-item .btns {margin-top:12px !important;}
	.bf-item .btn {height:38px; padding:0 15px; font-size:13px; margin:3px 3px 0 0;}
	.bf-item .btn:after {width:12px; height:12px;}

	.bf-item .sns {margin:-6px -6px 0;}
	.bf-item .sns img {height:auto; width:70px;}

	.bf-item.type1 .img {order:2;}
	.bf-item.type3 .cnt {padding:0;}
	.bf-item#n9 .img {text-align:right !important; margin-top:-15px !important;}
	.bf-item#n9 .img img {height:150px;}

	.bf-item.type2#n12 {padding-bottom:80px;}
	.bf-item.type2#n12 .img {position:absolute; top:15%; left:48%; width:85% !important; height:106%; margin:0 !important;}
	.bf-item.type2#n12 .img img {height:100%; left:0; object-fit:contain;}
	.bf-item.type2#n12 .mo-width-1 {width:90%;}
	.bf-item.type2#n12 .mo-width-2 {width:70%;}

	.bf-item.type2#n14 {padding-bottom:70px;}
	.bf-item.type2#n14 .img {position:absolute; top:15%; left:48%; width:85% !important; height:106%; margin:0 !important;}
	.bf-item.type2#n14 .img img {height:100%; left:0; object-fit:contain;}
	.bf-item.type2#n14 .txt {width:60%;}

	.event-v2-heading {margin-bottom:47px;}
	.event-v2-heading h2 {font-size:22px;}
	.event-v2-heading p {font-size:13px;}

	.event-v2-section-7 {padding:80px 0 100px;}
	.event-v2-section-7:before {top:-20px; bottom:-20px; clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);}
	.event-v2-section-7 .event-v2-heading {margin-bottom:15px;}
	.event-v2-section-7 .form {width:100%; padding:30px 16px 25px;}
	.event-v2-section-7 .form .txt1 {font-size:14px;}
	.event-v2-section-7 .form .txt2 {font-size:17px; margin-bottom:20px;}
	.event-v2-section-7 .form .input-group {display:block; margin-bottom:-20px;}
	.event-v2-section-7 .form .input {display:block; width:100%; height:44px; margin-bottom:6px;}
	.event-v2-section-7 .form .submit {width:100%; height:50px; font-size:18px; margin-top:40px;}
	.event-v2-section-7 .form .agree {position:relative; top:-64px; font-size:14px;}
	.event-v2-section-7 .form .checkbox label:before {width:20px; height:20px; background-size:contain;}
	
}