@charset "uff-8";

footer .inner { max-width:114rem; width:100%; margin:0 auto; padding:0 2rem; }
footer .footer-text { margin:5rem 0; }
footer .footer-text ul { display:flex; justify-content:space-between; }
footer .footer-text ul li { width:30%; color:#fff; font-size:1.4rem; }
footer .footer-text ul li p { font-size:130%; padding-bottom:1rem; margin-bottom:1rem; border-bottom:solid 1px #fff; text-align:center; }
footer .footer-text ul li img { margin-top:1rem; }
footer .footer-cate { background:#4E2500; padding:3rem 0; border-bottom:solid 1px #9F9F9F; border-top:solid 1px #9F9F9F; margin-bottom:5rem; }
footer .footer-cate .wrap { width:90%; margin:0 auto; display:flex; justify-content:space-between; }
footer .footer-cate .wrap .cate-wrap { width:30%; position:relative; }
footer .footer-cate .wrap .cate-wrap:nth-child(1){ margin-right:4%; }
footer .footer-cate .wrap .cate-wrap:nth-child(2){ width:40%; padding:0 4%; border-right:dashed 1px #707070; border-left:dashed 1px #707070; }
footer .footer-cate .wrap .cate-wrap:nth-child(3){ margin-left:4%; }
footer .footer-cate .wrap .cate-wrap .ttl { color:#fff; border-bottom:solid 1px #fff; font-size:2rem; font-weight:bold; padding-bottom:1rem; margin-bottom:1rem; }
footer .footer-cate .wrap .cate-wrap ul { margin-left:1em; padding-left:1em; }
footer .footer-cate .wrap .cate-wrap ul li { list-style:disc; color:#fff; }

@media screen and (max-width:910px){
  footer .footer-cate .wrap .cate-wrap .ttl { font-size:1.8rem; }
  footer .footer-cate .wrap .cate-wrap ul { margin-left:1.5em; padding-left:0; }
  footer .footer-cate .wrap .cate-wrap ul li a { font-size:1.4rem; }
}
@media screen and (max-width:600px){
  footer .footer-text ul { display:block; width:80%; margin:5rem auto; }
  footer .footer-text ul li { width:100%; margin-bottom:3rem; }
  footer .footer-text ul li:last-child { margin-bottom:0; }
  footer .footer-cate { padding:0; }
  footer .footer-cate .wrap { display:block; width:100%; }
  footer .footer-cate .cate-wrap {
    width:100%!important;
    padding:1.5rem!important;
    border-right:none!important;
    border-left:none!important;
    margin:0!important;
    border-bottom:solid 1px #9f9f9f;
    position:relative;
  }
  footer .footer-cate .cate-wrap:last-child { border-bottom:none; }
  footer .footer-cate .cate-wrap:after {
    content:"";
    display:block;
    width:1rem;
    height:1rem;
    border-right:solid 2px #fff;
    border-bottom:solid 2px #fff;
    position:absolute;
    top:2rem;
    right:2rem;
    transform:rotate(45deg);
    transition:all ease-out .4s;
  }
  footer .footer-cate .cate-wrap.open:after {
    transform:rotate(-135deg);
  }
  footer .footer-cate .wrap .cate-wrap .ttl { border-bottom:none; padding:0; margin:0; }
  footer .footer-cate .cate-wrap ul { margin-top:1rem; margin-left:0!important; display:flex; flex-wrap:wrap; }
  footer .footer-cate .cate-wrap ul li { width:calc(50% - 2rem); margin-left:2rem; }
}

/* 強み 20250326 ----------*/
.strengths_contents {background: #F8F7F5;	margin: 0; padding: 2rem;	box-sizing: border-box; margin-top: 50px;}
.strengths_contents .sec_subttl {font-size: 2rem; line-height: 1.5; margin: 0 0 1rem; color: #444; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; text-align: center;}
.strengths_contents .sec_text {font-size: 1.4rem;	line-height: 1.5;width: 100%; max-width: 540px; margin: 0 auto; color: #444;}
.strengths_contents .sec_inner{	display: flex; align-items: center; gap: 20px; width: 100%; max-width: 1100px; margin: 0 auto!important;}
.strengths_contents .strengths_left{flex: 1;}
.strengths_contents .strengths_right{flex: 2;}
section.strengths_contents { max-width: unset;}
@media screen and (max-width: 768px) {
	body #footer.retouch {margin-top: 0;}
	.main_inner {margin-bottom: 0;}
	.strengths_contents .sec_subttl,.strengths_contents .sec_text {font-size: 2rem;}
	.strengths_contents .sec_inner{flex-wrap: wrap;}
	.strengths_contents .strengths_left{flex: auto;}
	.strengths_contents .strengths_right{flex: auto;}
}
@media screen and (max-width: 414px) {
	.strengths_contents {margin-top: 8rem;}
}
