/* CSS Document */


html {scroll-behavior: smooth; overflow-x: hidden;}
body{background: url() no-repeat; background-size: cover; background-attachment: fixed; background-position: center bottom; scroll-behavior: smooth; margin: 0; font-feature-settings: "palt";}
p {margin-block-start: 0; margin-block-end: 0;}
.wrapper_header {background: #f0f0f0; }
.hedeer_h1{position:relative; width: 100%; height: 84vh;}
.hedeer_h1 h1{position: absolute; top: 40%; left: 50%; transform: translateY(-40%) translateX(-50%);width: 65%;}
.hedeer_h1 h1 img {height: auto; max-width: 2000px; width: 100%;}

.main {background: #fff; width: 100vw; margin: 0; padding: 0; position: relative;}
.schedule_header {max-width: 1080px; width: calc(100% - 100px); display: flex; margin: -80px auto 0; align-items: flex-start ;}
.schedule_header li{width:calc(100% / 5); text-align: center;flex: 1;}
.schedule_header li img{width: 100% ; max-width: 160px ; height: auto ; display: block ; margin: 0 auto ; vertical-align: top ;}
.info {max-width: 1200px; width: calc(100% - 100px); margin: 0 auto; padding: 100px 50px;}
.solution_note {margin: 0 0 60px}
.solution_note p{background:  url(images/img_partner_meeting.svg) no-repeat top +2rem right +10rem; }
.outline dl{margin: 10px auto; display: flex; font-size: 15px; align-items: center;}
.outline dl dt{width: 200px; text-align: center; font-weight: bold; background: #f5f5f5; padding: 20px 0; margin: 0 20px 0 0;}
.outline dl dd{vertical-align:middle;}

	
.tab-container {max-width: 1200px; width: calc(100% - 100px); margin: auto;}
.tab-labels {display:flex; width: 100%; }
.tab-label { flex: 1; text-align: center; padding: 30px 0 20px; background: #f0f0f0; cursor: pointer; transition: background 0.3s; }
.tab-labels label:nth-child(-n+4):hover, .button a:hover {opacity: 0.3;}
.tab-label img {width: 80%; max-width: 160px; vertical-align: top; fill: #000; transition: filter 0.3s; padding: 0 10px; }
.tab-container input[type="radio"] { display: none; }
.tab-content { display: none; background: #fff; }

/* アクティブなタブのスタイル */
#tab1:checked ~ .tab-labels label[for="tab1"], #tab2:checked ~ .tab-labels label[for="tab2"], #tab3:checked ~ .tab-labels label[for="tab3"], #tab4:checked ~ .tab-labels label[for="tab4"], #tab5:checked ~ .tab-labels label[for="tab5"] { background: #000; }
	
#tab1:checked ~ .tab-labels label[for="tab1"] img, #tab2:checked ~ .tab-labels label[for="tab2"] img, #tab3:checked ~ .tab-labels label[for="tab3"] img, #tab4:checked ~ .tab-labels label[for="tab4"] img, #tab5:checked ~ .tab-labels label[for="tab5"] img { filter: brightness(0) invert(1); }

/* アクティブなコンテンツの表示 */
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 { display: block; }
	.tab-labels_sp {display: none;}
	
	
	.tab-content h3{font-size: 34px; line-height: 2.5rem; padding: 75px 0 50px;}
	.outline {}
	.outline_table {border: 1px solid #ccc; margin: 20px 0 0 220px;}
	.outline_table dd {border-left: 1px solid #ccc; padding: 20px 0 20px 20px; width: 90rem;}
	.outline_table ul {display: flex; align-items: flex-start; padding: 10px 0}
	/* .outline_table ul li:first-child {margin: 0 10px 0 0; width: 95px;} */
	.outline_table ul li img {    max-width: 95px;}
	.outline_table ul li span{font-size: 20px; display: block; padding: 8px 0 0;}
	.outline_pct {display: flex; align-items: flex-start; padding: 10px 0}
	.outline_pct li {padding: 0 10px 0 0;}
	.outline_pct span {font-size: 18px; line-height: 1.2rem; font-weight: bold; padding: 0 0 10px; display: block; }
	.link_out{background:  url(https://hennge.com/jp/wp-content/plugins/my-snow-monkey/assets/images/common/icon-blank.svg) no-repeat top 0 right 0; padding: 0 19px 0 0;}
	
	.session { display: flex; gap: 2em; margin-bottom: 1.5em; align-items: center; padding: 0 20px; margin: 0; border-bottom: 1px solid #ccc;} 
	.session:last-child{border-bottom:none}
	.time { font-weight: bold; min-width: 100px; width: 8rem; line-height: 1.3;}
	.memo {padding: 5px 0 0; font-size: 13px; text-align: right}
	

	.button {text-align: center; padding: 80px 0;}
	.button a{width: 280px; padding: 29px 45px 29px 40px; margin: 15px auto 30px; font-size: 20px; display: inline-block; align-items: center; border-radius: 99em; background: #ffc749; color: #333; font-weight: 700; line-height: 1.35; letter-spacing: .04em; position: relative;}
	.button a img, .hedeer_h1 a img {position: absolute; top: 17px; right: 20px;}
	
	.par_form { width: calc(100% - 120px); max-width: 1200px; background: #f6f7f9; border: 1px solid #e6e7e9; margin: 30px auto 80px !important; padding: 40px 20px 50px; }
	.par_form .mktoForm { width: 90% !important; margin: 0 auto !important; max-width: 680px; }

	.icon_full{ position: absolute; top: -40px; left: 10px; width: 77px; }
	.icon_full02{ position: absolute; top: -40px; left: calc(50% - 24%); width: 77px; }
	.icon_full03{ position: absolute; top: -40px; left: calc(50% - -1.2%); width: 77px;}
	.icon_full04{ position: absolute; top: -40px; left: calc(50% - -26%); width: 77px;}

	.form {background: #fff; color: #333;  margin: 0 auto; width: 100%; padding: 20px 0}
	.form h3 {font-size: 28px; padding: 40px 0 0; text-align: center;}
	form#mktoForm_6813 {margin: 0 auto 70px; width: 95% !important; max-width: 615px !important; color: #fff !important;}
	
	.c-footer { flex-direction: row-reverse; justify-content: space-between; padding: 30px 51px 30px 45px; background-color: #000;}
	.u-flex {display: flex;}
	.c-footer__item { margin-left: 14px; font-size: 13px; }
	
	.scroll_down { display: inline-block; position: absolute; right: calc(50% - 34px); bottom: 0; z-index: 2; padding: 10px 10px 90px; color: #fff !important; font-size: 11px; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; writing-mode: vertical-lr; transition: 0.2s; overflow: hidden; } 
	.scroll_down::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 1px; height: 80px; background: #000; } .scroll_down::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 1px; height: 80px; background: #fff; animation: sdl06 3s cubic-bezier(1, 0, 0, 1) infinite; } @keyframes sdl06 { 0% { transform: scale(1, 0); transform-origin: 0 0; } 50% { transform: scale(1, 1); transform-origin: 0 0; } 50.1% { transform: scale(1, 1); transform-origin: 0 100%; } 100% { transform: scale(1, 0); transform-origin: 0 100%; } }
	
	@media screen and (max-width: 1065px) {
		.hedeer_h1 {height: 55vh;}
		.outline_table {border: 1px solid #ccc; margin: 20px 0 0 0;}
		.outline dl {flex-direction: column;}
		.outline dl dt {width: 100%;}
		.outline dl dd {width: 100%; padding: 10px 0 30px;}
		.outline_pct li {flex: 1;}
		.outline_pct li img{width: 100%; height: auto;}
		.tab-label img {max-width: 88%;}
		.schedule_header img{max-width: 200px;}
		.solution_note p{background-position: top +2rem right; }
		.icon_full{top: -27px; left: 5px; width: 60px;}
		.icon_full02, .icon_full03, .icon_full04{top: -27px; width: 60px;}
		.memo {padding: 5px 0 0; font-size: 13px;}
		}
	@media screen and (max-width: 890px) {
		.hedeer_h1 {height: 500px;}
		.hedeer_h1 h1 {width: 100%;}
		.hedeer_h1 h1 img {height: auto; max-width: 2000px; width: 100%;}
		.outline_table {margin: 0;}
		.solution_note p {background: none;}
		.tab-label {padding: 30px 0;}
		.tab-label img { max-width: 80%; }
		}
	@media screen and (max-width: 780px) {
		/* .schedule_header {background: url(images/img_sc_sp.svg) top center no-repeat; width: 85%; height: 25vh; background-size: contain;}
		.schedule_header li {display: none;} */
		.schedule_header li img {width: 80%;}
		.info {padding: 50px 50px 100px;}
	}
	@media screen and (max-width: 610px) {
		.hedeer_h1 h1 {width: 100%;}
		.mktoForm .mktoHasWidth {min-width: 42vw;}
		.session {flex-direction: column; padding: 30px 0; gap: 0;}
		.outline dl dt{margin: 0; padding: 15px 0;}
		.outline_table ul {align-items: flex-start;}
		.outline_table dd{border-left: none; border-top: 1px solid #ccc; width: calc(100% - 60px); margin:25px 0 0; padding: 20px 0;}
		.tab-labels_pc {display: none;}
		.tab-labels_sp {display: block;}
	}
	@media screen and (max-width: 580px) {
		.hedeer_h1 {height: 350px;}
		.schedule_header {margin: -3vh auto 0;}
		.c-form {width: 85%; margin: auto;}
		.c-footer__item {margin-left: 0; margin-right: ;15px;}
		.info {width: 85%; padding: 50px 0 100px;}
		.fade-container{height: 150px;}
		.button {0 0 80px 0;}
		.button a {width: 260px; padding: 29px 45px 29px 20px;}
		.case {height: 460px;}
		.slide-item {height: 400px;}
		.tab-container {width: 85%; }
		.tab-content h3 {font-size: 24px;line-height: 2rem;padding: 45px 0 30px;}
		.outline_pct {flex-direction: column-reverse;}
		.icon_full {top: -22px; left: 1.5vw; width: 50px;}
		.icon_full02, .icon_full03, .icon_full04 {top: -22px; width: 50px;}
		.par_form {}
		.mktoForm textarea.mktoField {min-height: 5rem;}
	}
	@media screen and (max-width: 390px) {
		.button a { width: 230px; padding: 29px 55px 29px 5px; }
	}