@charset "utf-8";
div#contents{margin-bottom: 0}

div.cont.cont1{display: flex}
div.cont1-logo img{max-width:100%}

@media screen and (max-width:428px){
	div.cont.cont1{flex-direction: column}
	div.cont1-logo{width: 5.71rem; margin-top:2.14rem}
}
@media screen and (min-width:429px) and (max-width:1280px){
	div.cont.cont1{align-items: flex-end; justify-content: space-between}
	div.cont1-logo{width: 6.67rem; padding-left:3.33rem}

}
@media screen and (max-width:1280px){
}
@media screen and (min-width:1281px){
	div.cont.cont1{align-items: flex-end; justify-content: space-between}
	div.cont1-logo{width: 10.62rem}
}

ul.cont2-img{display: flex}
ul.cont2-img img{max-width:100%}

@media screen and (max-width:1280px){
	section#section2{margin: -3.33rem 0 0}
}
@media screen and (min-width:1281px){
	section#section2{margin: -6.25rem 0 0}
}

div.cont3-text h2.subTitle{text-align: center}
div.cont3-text h3.subTitle{text-align: center}
p.cont3-text{background-color: var(--color-background-secondary); text-align: center; line-height: 160%; font-weight: 700; color: var(--color-text-light)}
div.cont3-img{width: 100%}
div.cont3-img img{max-width: 100%}
ul.cont3-list{display: flex}
li.cont3-list{display: flex; box-sizing:border-box}
p.cont3-list{display: flex; align-items: center; justify-content: center; width:100%; text-align: center; color: var(--color-text-light); border: 1px solid #222}
@media screen and (max-width:1280px){
	p.cont3-text{padding: 2rem; font-size: 1.2rem}
	div.cont3-list{margin-top: 3.33rem}
	div.cont3-img{margin: 3.33rem auto 0; max-width: 33.33rem}
	ul.cont3-list{gap: 10px}
	li.cont3-list{width: calc((100% - (10px * 3)) / 4)}
	p.cont3-list{padding: 1rem 10px}
}
@media screen and (min-width:1281px){
	p.cont3-text{white-space: pre-line; padding: 3.12rem 10px; font-size: 1.5rem}
	div.cont3-list{margin-top: 6.25rem}
	div.cont3-img{margin: 6.25rem auto 0; max-width: 43.75rem}
	ul.cont3-list{gap: 1.25rem}
	li.cont3-list{width: calc((100% - (1.25rem * 3)) / 4)}
	p.cont3-list{padding: 1.25rem 10px}
}

section#section4{background: url(/image/company/cont4_backimg.jpg) no-repeat}
div.cont4-text h4.subTitle{color: #fff; text-align: center}
ul.cont4-list{display: flex; flex-direction: column}
p.cont4-list{line-height: 144%; text-align: center; white-space: pre-line; color: #fff; background-color: rgb(255 255 255 / 10%)}
p.cont4-list strong{display: inline-block; border-bottom: 2px solid #fff}
@media screen and (max-width:1280px){
	section#section4{padding: 3.33rem 0}
	div.cont4-text h4.subTitle{margin-bottom: 1.33rem}
	ul.cont4-list{gap: 10px}
	p.cont4-list{padding: 1rem 10px; font-size: 1.07rem}
	p.cont4-list strong{margin-bottom: 3px}
}
@media screen and (min-width:1281px){
	section#section4{padding: 6.25rem 0}
	div.cont4-text h4.subTitle{margin-bottom: 3.12rem}
	ul.cont4-list{gap: 0.94rem}
	p.cont4-list{padding: 1.25rem 10px; font-size: 1.13rem}
	p.cont4-list strong{margin-bottom: 5px}
}

div.cont5-text h2.subTitle{text-align: center}
div.cont5-text h3.subTitle{text-align: center}
div.cont5-text h4.subTitle{text-align: center}

ul.cont5-list{display: flex; flex-wrap:wrap}
li.cont5-list{flex: 1 1 auto; background-color: var(--color-background-secondary); box-sizing: border-box}
span.cont5-list{display: block; font-weight: 700; color: var(--color-primary)}
p.cont5-list{font-weight: 700; line-height: 130%}
table.cont5-table{width: 100%}
th.cont5-table{background-color: var(--color-background-primary); color: #fff}
td.cont5-table{text-align: center; border: 1px solid var(--color-border); color: var(--color-text-light)}
div.table-desc{margin:0.6rem 0 0 0; text-align:right}
p.table-desc-item{display:flex; justify-content:flex-end; align-items:center}
p.table-desc-item:before{content:''; display:block; width:4px; height:4px; margin:0 4px 0 0; border-radius:50%; background:var(--color-background-primary)}
@media screen and (max-width:1280px){
	div.cont5-text h4.subTitle{margin-bottom: 2rem}
	ul.cont5-list{gap: 10px}
	li.cont5-list{width: calc((100% - 10px) / 2); padding: 1.33rem}
	span.cont5-list{font-size: 1.33rem; margin-bottom: 10px}
	p.cont5-list{font-size: 1.13rem; white-space: pre-line}
	div.cont5-table{margin-top: 2rem}
	th.cont5-table{padding: 10px}
	td.cont5-table{padding: 10px 0}
}
@media screen and (min-width:1281px){
	div.cont5-text h4.subTitle{margin-bottom: 3.12rem}
	ul.cont5-list{gap: 1.25rem}
	li.cont5-list{width:calc(20% - 1.25rem); padding: 1.87rem}
	span.cont5-list{font-size: 1.87rem; margin-bottom: 0.94rem}
	p.cont5-list{font-size: 1.25rem; white-space: pre-line}
	div.cont5-table{margin-top: 3.12rem}
	th.cont5-table{padding: 0.94rem}
	td.cont5-table{padding: 0.94rem 0}
}

div.cont6-text h2.subTitle{text-align: center; color: #fff; background: url(/image/company/cont6_backimg.jpg) no-repeat rgb(7 0 23 / 23%) 50% 0; background-size: cover; background-blend-mode: multiply}
ul.cont6-list{display: flex; flex-wrap: wrap}
li.cont6-list{padding: 50px; box-sizing: border-box}
ul.cont6-list1 li.cont6-list{flex:1 1 auto; border: 1px solid}
ul.cont6-list2 li.cont6-list{background-color:var(--color-background-secondary)}

div.cont6-list{display: flex; flex-direction: column}
p.cont6-list{font-weight: 700; display: block}
ul.cont6-list-in{display: flex; flex-direction: column}
li.cont6-list-in{position:relative; word-break:keep-all; font-weight: 300; list-style-position: inside}
li.cont6-list-in.active{color: var(--color-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px}
li.cont6-list-in:before{content: ''; margin-right: 5px; width: 2px; height: 2px; display: inline-block; background-color: #222; position: absolute; top: 9px; left: 0}
@media screen and (max-width:767px){
	ul.cont6-list1 li.cont6-list{width:100%}
}
@media screen and (min-width:768px) and (max-width:1280px){
	ul.cont6-list1 li.cont6-list{width: calc((100% - 10px) / 2)}
}
@media screen and (max-width:1280px){
	div.cont6-text h2.subTitle{padding: 3.33rem 0}
	div.cont6-text h4.subTitle{margin:3.33rem 0 1.33rem}
	ul.cont6-list{gap: 10px}
	li.cont6-list{padding: 2rem}
	ul.cont6-list2 li.cont6-list{width: calc((100% - 10px) / 2)}

	div.cont6-list{gap: 10px}
	h2.cont6-list{font-size: 1.2rem; margin-bottom: 2rem}
	p.cont6-list{font-size: 1rem; margin-bottom: 10px}
	ul.cont6-list-in{gap: 5px; margin-bottom: 1.33rem}
	li.cont6-list-in{padding-left: 8px; font-size: 1.07rem}
}
@media screen and (min-width:1281px){
	div.cont6-text h2.subTitle{padding: 6.25rem 0}
	div.cont6-text h4.subTitle{margin:6.25rem 0 1.87rem}
	ul.cont6-list{gap: 1.25rem}
	li.cont6-list{padding: 3.12rem}
	ul.cont6-list1 li.cont6-list{width: calc((100% - (1.25rem * 2)) / 3)}
	ul.cont6-list2 li.cont6-list{width: calc((100% - 1.25rem) / 2)}

	div.cont6-list{gap: 1.25rem}
	h2.cont6-list{font-size: 1.62rem; margin-bottom: 3.12rem}
	p.cont6-list{font-size: 1.25rem; margin-bottom: 0.94rem}
	ul.cont6-list-in{gap: 8px; margin-bottom: 1.87rem}
	li.cont6-list-in{padding-left: 10px; font-size: 1.13rem}
}

div.cont7-text h2.subTitle{text-align: center}
ul.cont7-list{display: flex; flex-wrap:wrap}
li.cont7-list{flex: 1 1 auto; border: 1px solid; box-sizing: border-box}
div.cont7-list-icon{display: flex; justify-content: center; align-items: flex-start}
div.cont7-list-title{display: flex; align-items: center; justify-content: center}
h2.cont7-list{text-align: center}
h2.cont7-list span{display: block; }
p.cont7-list{text-align: center; color: var(--color-text-light)}
@media screen and (max-width:500px){
	li.cont7-list{width: calc(100% - 10px)}
}
@media screen and (min-width:501px) and (max-width:767px){
	li.cont7-list{width: calc((100% - (10px * 2)) / 3)}
}
@media screen and (max-width:767px){
	li.cont7-list{padding: 2.14rem 1.07rem}
}
@media screen and (min-width:768px) and (max-width:1280px){
	li.cont7-list{padding: 3.33rem 1.33rem; width: calc((100% - (10px * 3)) / 4)}
}
@media screen and (max-width:1280px){
	div.cont7-text h2.subTitle{margin-bottom: 3.33rem}
	ul.cont7-list{gap: 10px}
	div.cont7-list-icon{height: 2.67rem}
	div.cont7-list-title{height: 4rem; margin: 1rem 0 1rem}
	h2.cont7-list{font-size: 1.13rem}
	h2.cont7-list span{font-size: 14px; margin-top: 5px}
	p.cont7-list{margin-bottom: 10px}
}
@media screen and (min-width:1281px){
	div.cont7-text h2.subTitle{margin-bottom: 5rem}
	ul.cont7-list{gap: 1.25rem}
	li.cont7-list{padding: 3.12rem 1.25rem; width: calc((100% - (1.25rem * 6)) / 7)}
	div.cont7-list-icon{height: 3.75rem}
	div.cont7-list-title{height: 2.81rem; margin:10px 0 1.87rem}
	h2.cont7-list{font-size: 1.25rem}
	h2.cont7-list span{font-size: 14px; margin-top: 5px}
	p.cont7-list{margin-bottom: 10px}
}

section#section8{margin-bottom:0}
div.cont8-info{background: url(/image/company/cont8-backimg.jpg) no-repeat 50% 0; background-size: cover}
h2.cont8-info{color: #fff; text-align: center; text-decoration: underline; text-underline-offset: 6px}
p.cont8-info{text-align: center; color: #fff; line-height: 155%; font-weight:300}
p.cont8-info:last-child{margin-bottom: 0}
@media screen and (max-width:1280px){
	div.cont8-info{padding: 3.33rem 0}
	h2.cont8-info{font-size: 1.47rem; margin-bottom:1.33rem}
	p.cont8-info{font-size: 1.14rem; margin: 5px 0; white-space: pre-line}
}
@media screen and (min-width:1281px){
	div.cont8-info{padding: 6.25rem 0}
	h2.cont8-info{font-size: 1.87rem; margin-bottom:1.87rem}
	p.cont8-info{font-size: 1.37rem; margin: 1.25rem 0; white-space: pre-line}
}



@media screen and (max-width:1280px){
}
@media screen and (min-width:1281px){
}



@media screen and (max-width:1280px){
}
@media screen and (min-width:1281px){
}