@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}
body {overflow-x: hidden;}

.contents{ overflow-x: hidden!important; padding-top: 90px!important;}
@media (max-width: 600px) {
    .contents{padding-top: 80px!important;}
}


a.anchor_h {
    padding-top: 90px !important;
    margin-top: -94px !important;
    display: block;
}
@media (max-width: 650px) {
    a.anchor_h {
		padding-top: 100px !important;
		margin-top: -104px !important;
		display: block;
	}
}

footer.box-footer div.wrapper {width: 90%!important;}
.footer-partner-item .text {width: 100%!important;}


section{padding: 0px 40px;}
section h2{font-weight: bold; font-size: 22px; line-height: 1.2em; margin-bottom: 0px;}
section h3{font-weight: bold; font-size: 20px;}
section h4{font-weight: bold; font-size: 14px;}

@media (max-width: 600px) {
    section h2{font-weight: bold; font-size: 18px; line-height: 1.3em; margin-bottom: 30px;}
    section h3{font-weight: bold; font-size: 16px;}
    section h4{font-weight: bold; font-size: 12px;}
    
}


/* eye_catching */
.eye_catching_industry{background-image: url(/common/img/industry/industry_eye_catching.svg); background-size: 30%; position: relative;}
.eye_catching_industry:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(203, 227, 250, 0.3); position: absolute; z-index: -1;}
.eye_catching{max-width: 1000px; width: calc(100% - 40px); text-align: center; padding: 0px 0px; margin: auto auto 30px;}
.eye_catching div{width: 100%; text-align: center; padding: 30px 0px; margin: auto; background: rgba(255, 255, 255, 0.7);}

.eye_catching div h1{color: #0f3f91; font-size: 3em; font-weight: 700; text-align: center; padding: 30px 0;}
.eye_catching div img{width: calc(100% - 0px); height: auto; object-fit: cover; object-position: center; margin: auto;}
.eye_catching div p{text-align: center;}


@media (max-width: 1000px) {
    .eye_catching{width: calc(100% - 40px); }
}
@media (max-width: 440px) {
    .eye_catching div h1{font-size: 2em; padding: 20px 0;}
}


/*

<div class="eye_catching_industry">
<section class="eye_catching">
	<div>
        <!--<img src="/common/img/industry/industry_eye_catching.svg" alt="業種別ソリューション ">-->
        <h1>業種別ソリューション</h1>
        <p>リックソフトは、2005年の設立から20年以上に渡り、数多くのお客様の業務効率化を支援してきました。</p>
        <p>各業種特有の課題やニーズに対し<b>「利便性の高い製品」× 「豊富な知見」</b> を掛け合わせソリューションのご提案をしております。</p>
	</div>
</section>
</div>


*/





/* industry_lst */

.industry_lst{max-width: 1000px; width: 100%; display: flex; flex-wrap: wrap; margin: auto auto 50px;}

.industry_lst li{width: calc(100% / 3 - 10px); margin: auto 5px 10px;}
.industry_lst li a{width: calc(100% - 42px); display: block; border: 1px solid #ccc; padding: 20px 20px 10px; text-align: center; border-radius: 6px;}
.industry_lst li a:hover{ box-shadow: 0px 0px 20px #7aaac1 inset;}
.industry_lst li a:hover h2{color: #555;}
.industry_lst li a:hover p{color: #555;}

.industry_lst li h2{width: 100%; text-align: center;}
.industry_lst li img{width: 50%; height: auto; margin: auto auto 1em;}
.industry_lst li p{width: 100%; text-align: center; margin-bottom: 0; line-height: 1.2em;}

.industry_lst li a.comingsoon{pointer-events: none; background: rgba(216,230,234,0.5); }
.industry_lst li a.comingsoon img{filter:grayscale(100%); position: relative; z-index: -1;}
.industry_lst li a.comingsoon p{font-size: 1.6em; padding: 15px 0;}


.industry_lst li:nth-child(2) p{padding: 15px 0 25px!important;}
.industry_lst li:nth-child(3) p{padding: 15px 0 25px!important;}

@media (max-width: 1100px) {
    .industry_lst li p{font-size: 0.86em;}
    .industry_lst li:nth-child(2) p{padding: 15px 0 15px!important;}
    .industry_lst li:nth-child(3) p{padding: 15px 0 15px!important;}
    
   
}
@media (max-width: 1000px) {
    .industry_lst{width: calc(100% - 0px); }
}

@media (max-width: 610px) {
    .industry_lst li{width: calc(100% / 2 - 10px); margin: auto 5px 10px;}
    .industry_lst li p{font-size: 0.80em;}
    .industry_lst li:nth-child(2) p{padding: 15px 0 21px!important;}
    .industry_lst li:nth-child(3) p{padding: 15px 0 15px!important;}
}

@media (max-width: 510px) {
    .industry_lst li{width: calc(100% / 1 - 10px); margin: auto 5px 10px;}
    .industry_lst li a.comingsoon p{font-size: 1.2em; padding: 10px 0;}
    .industry_lst li:nth-child(2) p{padding: 10px 0 10px!important;}
    .industry_lst li:nth-child(3) p{padding: 10px 0 10px!important;}
}

/*
<section
    <ul class="industry_lst">
        <li><a href="/industry/automotive/">
            <h2>自動車関連</h2>
            <img src="/common/img/industry/industry_item01.webp" alt="自動車関連の業種別ソリューション ">
            <p>多くの自動車関連企業に選ばれるアトラシアン製品と、リックソフトの豊富な知見で、アジャイル開発の導入や開発プロセスの品質向上、効率化をサポートします</p>
            </a>
        </li>
        <li><a href="" class="comingsoon">
            <h2>金融サービス</h2>
            <img src="/common/img/industry/industry_item02.webp" alt="金融サービスの業種別ソリューション ">
            <p>Coming Soon</p>
            </a>
        </li>

*/