@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */


    /* anc（リンクナビ）
    ------------------------------------------ */
@media screen and (min-width: 600.02px) {
    .ancNav {
        width: 88%;
        max-width: 600px;
    }  
    .ancNav .ancNavlist li {
		width: 50%;
    }
}
@media screen and (max-width: 600px) {
    #aboutThoughtsAnc02 .aboutThoughtsWrap .ancNav {
        opacity: 1 !important;
    }
}
/* =======================================================================================
	PAGE
======================================================================================= */
/*---------------------------------------------------------------------
    aboutIntroCont 
---------------------------------------------------------------------*/
   .aboutIntroCont .leadTxtBox {
       text-align: center;
    }

@media screen and (max-width: 900px) {
   .aboutIntroCont .leadTxtBox br[aria-hidden="true"] {
		display: none;
	}
}



/*---------------------------------------------------------------------
    aboutThoughtsContainer
---------------------------------------------------------------------*/

    /* aboutThoughtsCon
    ------------------------------------------ */
    .aboutThoughtsCon{
        padding: var(--site-marpad-XL) 0;
        background: url("../images/share/about_bg_01.jpg") center top / cover no-repeat;
    }
    .aboutThoughtsCon .heading_Line  {
        position: relative;
        z-index: 0;
    }
    .aboutThoughtsCon .heading_Line h2 .hTxt {
        text-align: center;
    }


    /* aboutThoughtsBox
    ------------------------------------------ */
    .aboutThoughtsBox{
        background-color: rgb(var(--site-variationColor-whitish));
        padding: 100px 60px;
        font-family: var(--site-font_family-serif);
        margin-top: -30px;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.25);
    }

    .aboutThoughtsBox .txtBox > p {
		line-height: 2.5;
		margin: 2.3em 0;
        text-align: center;
	}
    .aboutThoughtsBox .teamName {
        text-align: center;
        margin-top:var(--site-marpad-M) ;
        font-family: var(--site-font_family-sans);
	}
    .aboutThoughtsBox .deco {
        max-width: 600px;
        margin: 5em auto 0;
    }
@media screen and (max-width: 900px) {
    .aboutThoughtsBox {
        padding: 80px 50px;
	}
    .aboutThoughtsBox .txtBox > p {
		line-height: 2.2;
		margin: 2.1em 0;
	}
}
@media screen and (max-width: 600px) {
    .aboutThoughtsBox {
        padding: 80px 20px;
        width: 90%;
	}
    .aboutThoughtsBox .txtBox {
		padding: 0 10px;
	}
    .aboutThoughtsBox .txtBox > p {
		line-height: 2;
		margin: 1.75em 0;
	}

}
@media screen and (max-width: 480px) {
	.topMessageSection .txtBox > p {
		line-height: 1.9;
		margin: 1.35em 0;
	}
    .aboutThoughtsBox .txtBox > p br[aria-hidden="true"] {
		display: none;
	}
}





/*---------------------------------------------------------------------
    aboutSolutionContainer
---------------------------------------------------------------------*/
    .aboutSolutionCon{
    }
    .aboutSolutionCon_bg{
        margin-top: var(--site-marpad-M);
        padding: var(--site-marpad-XL) 0;
    }

/* noticeTxtWrap
--------------------------------- */
	.noticeTxtWrap {
		text-align: center;
	}
	.noticeTxtWrap .noticeTxtBox {
	}
	.noticeTxtBox .txt {
		margin-left:0.3em;
		line-height: 1.6;
        position: relative;
	}
	.noticeTxtWrap .noticeTxtBox .txt::before {
        content: "";
        position: absolute;
        left: -27px;
        top: 0px;
        z-index: 3;
        background: url("../images/about/lb_btn_icon.svg"), #526884 center center no-repeat;
        width: 24px;
        height: 24px;
        background-size: 100% auto;
        border: 3px solid #526884;
    }

/* aboutSolutionBox
--------------------------------- */
	.aboutSolutionBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.aboutSolutionBox .ab_itemBox {
		position: relative;
		width: 31.5%;
		background-color: rgb(var(--site-themeColor-accent_1));
        padding: 60px 30px 90px;
        margin-bottom: 2em;
	}
	.aboutSolutionBox .ab_itemBox::after {
        content: "";
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 3;
        background: url("../images/about/lb_btn_icon.svg") center center no-repeat;
        width: 40px;
        height: 40px;
        background-size: 100% auto;
	}
.aboutSolutionBox a.ab_itemBox::after{
    opacity: 1;
    transition: all .2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
	.aboutSolutionBox a:hover.ab_itemBox::after {
        opacity: .65;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
	


    /* ab_icon 
    -----------------*/
    .aboutSolutionBox .aboutItem [class*="ab_icon_0"] {
        display: block;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-size: 83%;
        background-position: center center;
        background-repeat: no-repeat;
        border: 2px solid #fff;
        margin: 0 auto 1em;;
    }
    .aboutSolutionBox .aboutItem .ab_icon_01 {   background-image: url("../images/about/about_icon_01.svg");  }
    .aboutSolutionBox .aboutItem .ab_icon_02 {   background-image: url("../images/about/about_icon_02.svg");  }
    .aboutSolutionBox .aboutItem .ab_icon_03 {   background-image: url("../images/about/about_icon_03.svg");  }
    .aboutSolutionBox .aboutItem .ab_icon_04 {   background-image: url("../images/about/about_icon_04.svg");  }
    .aboutSolutionBox .aboutItem .ab_icon_05 {   background-image: url("../images/about/about_icon_05.svg");  }
    .aboutSolutionBox .aboutItem .ab_icon_06 {   background-image: url("../images/about/about_icon_06.svg");  }



    /* ab_txt
    -----------------*/
	.aboutSolutionBox .ab_itemBox .ab_txt {
		text-align: center;
		color:#fff;
        line-height: 1.4;
        font-size: clamp(1.4rem, (14 / 1200 * 100vw), 1.6rem);
        letter-spacing: 0.02em;
	}
	.aboutSolutionBox .ab_itemBox .ab_txt .txt_sizeL{
        font-size: clamp(1.6rem, (16 / 1200 * 100vw), 2rem);
        font-weight: 500;
         letter-spacing: 0.07em;
	}

	
@media screen and (max-width: 900px) {
	.aboutSolutionBox {
	}
	.aboutSolutionBox .ab_itemBox {
		width: 48%;
        padding: 30px 20px 80px;
	}
    /* ab_icon 
    -----------------*/
    .aboutSolutionBox .aboutItem [class*="ab_icon_0"] {
        width: 70px;
        height: 70px;
    }
}
@media screen and (max-width: 600px) {
	.aboutSolutionBox .ab_itemBox {
        margin-bottom: 2em;
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
	}
	.aboutSolutionBox .ab_itemBox::after {
        width: 35px;
        height: 35px;
	}
}


 /*------------------------------------------------------------
/* venobox | venobox2 を別途読み込む
------------------------------------------------------------*/
    .vbox-inline { /*インライン読み込み*/
        max-width:900px!important;
        width: 85%;
    }
	/* インラインコンテンツ
	--------------------------------- */
	.aboutSolutionContentsWrap{
	}
	.displayed_if_JS_is_disabled {
		display: none; /* noscript時は非表示解除 */
	}
	hr.displayed_if_JS_is_disabled {
		margin: 8rem 0;
	}
	[id*="aboutSolutionContents-"] {
		display: none; /* venobox用：初期値を非表示にする | noscript時は非表示解除 */
	}
 /* aboutSolutionContentsWrap
---------------------------------------------------*/
	.aboutSolutionContentsWrap {
		display: none;
	}
	.aboutSolutionContentsInner .txtBox {
		padding:60px;
        margin: 0 auto;
	}
	.aboutSolutionContentsInner .txtBox dt {
        margin-bottom: 1em;
	}
	.aboutSolutionContentsInner .txtBox dt .icon{
        margin: 0 auto 1em;
        display: block;
        width: max(4.5vw,60px);
    }
	.aboutSolutionContentsInner .txtBox dt .line_txt {
        color: rgb(31, 64, 99);
        display: inline-block;
        line-height: 1.6;
        font-weight: 500;
	}
	.aboutSolutionContentsInner .txtBox dt .line_txt::after {
        content: "";
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0.2em;
        width: 100%;
        height: 3px;
        background-color: rgb(31, 64, 99);
    }

    /*-----------------------------------------------------
    button
    -----------------------------------------------------*/
	.aboutSolutionContentsInner .btnItem {
        margin-top: 2.5em;
    }
	.aboutSolutionContentsInner  .btnItem a{
		display: block;
		position: relative;
		width: 85%;
        max-width: 300px;
        font-size: clamp(1.4rem, (14 / 1200 * 100vw), 1.6rem);
		text-align: center;
		text-decoration: none;
		letter-spacing: .15em;
		margin: 0 auto;
        padding: 0.8em  1em;
        color: #fff;
        z-index: 0;
        background:#353535;
	}	

@media screen and (max-width: 736px) { /*{SP}*/
	.aboutSolutionContentsInner .txtBox {
		padding:20px 20px 30px;
		margin-top: 0;
	}
	.aboutSolutionContentsInner .picBox .imgcapkeep {
		inset: 0 0 auto auto;
	}
}