@charset "utf-8";
/* CSS Document */
/* 目次 */
#it .llcpage-only {
    display: none;
}

/*--------------------------------------------------------------------------------
IT用
--------------------------------------------------------------------------------*/
#it.pages .block{
	margin: 20px auto;
}
#it.pages .fsLarge{
    font-size: 16px;
    font-size: 1.6rem;
}
#it.pages .img-box{
    margin: 20px 0;
}
/*--------------------------------------------------------------------------------
見出し
--------------------------------------------------------------------------------*/
#it.pages h4 {
	text-align: left;
}


/*--------------------------------------------------------------------------------
ITポイントmenu
--------------------------------------------------------------------------------*/
#it .point-menu .menu-list {
    width:100%;
}
#it .point-menu .menu-list a{
	display: grid;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border-radius: 10px;
	color: #0851A0;
	margin: 10px auto;
	border: 3px solid #0851A0;
	padding: 10px;
	font-weight: 500;
	text-align: center;
	transition: 0.3s ease-in-out;
}
#it .point-menu .menu-list a:hover{
	background: #0851A0;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: 500;
}
#it .point-menu .menu-list a{
	font-size: 20px;
	font-size: 2.0rem;
}

/*--------------------------------------------------------------------------------
it-top ITスマイルトップページ
--------------------------------------------------------------------------------*/
#it .it-top .wrap-m {
    width: 100%;
}
#it .it-top ul.navi {
    display: flex;
    margin: 20px 0;
    justify-content: center;
}
#it .it-top ul.navi li {
	background: none;
	display:inline;
	padding: 0;
	margin: 0 15px 0 0;
}
#it .it-top ul.navi li.end {
	margin-right: 0;
}
/*------------------point------------------*/
#it .it-top .point {
	position: relative;
	margin: 0 0 30px 0;
}
#it .it-top .point p {
	margin: 24px auto 0;
}
#it .it-top .point ul {
    position: absolute;
    top: 22%;
    margin: 0 auto;
    width: 98%;
    right: 0;
    left: 0;
}
#it .it-top .point ul li {
    background: none;
    margin: 0 0 10px 0;
}
#it .it-top .pointBtn img {
    max-width: 50%;
    display: block;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
}
#it.pages .staff .img-box {
    margin: 0 0 20px;
    width: 100%;
}
#it .border {
    border-bottom: 1px solid;
}
/*------------------------------------------------------------
#it .point-seminar
------------------------------------------------------------*/
#it .point-seminar .box01 {
    background-color: #fff8e5;
    border: 1px solid #D1D1D1;
    padding: 10px 20px 20px 20px;
    margin-top: 24px;
}
#it .box01h2 {
    background: #e8e8e8;
    font-weight: bold;
    border: none;
    color: #0A2553;
    padding: 10px 25px;
    margin: 20px 0 0 0;
}
#it .point-seminar .box01 h3 {
	font-weight: bold;
	font-size: 1.5em;
	color: #F60;
	padding: 0;
	margin: 10px 10px 10px 10px;
}

/*--------------------------------------------------------------------------------
銀行融資・助成金支援 it-support
--------------------------------------------------------------------------------*/
#it .btn{
    margin: 20px auto;
    width: auto;
}

/*--------------------------------------------------------------------------------
 questions
--------------------------------------------------------------------------------*/
#it dl.qa {
    margin-top: 16px;
    background-color: #f8f8f8;
    padding: 2%;
}
#it dl.qa dt {
    font-size: 1.2em;
    padding: 0 0 0 30px;
    margin: 0 0 10px 0;
    line-height: 1.6;
    position: relative;
}
#it dl.qa dt:before {
    content: "Q.";
    font-weight: bold;
    font-size: 1.2em;
    position: relative;
    color: #000000;
    margin-right: 10px;
}
#it dl.qa dd {
    margin: 0 0 0 30px;
}
#it dl.qa span.type {
    font-weight: 400;
    font-size: 14px;
}
#it dl.qa:last-child {
    margin-bottom: 5rem;
}


@media screen and (min-width:1000px) {
#it.pages .fsLarge {
    font-size: 24px;
    font-size: 2.4rem;
}
#it.pages .staff .img-box {
    margin: 20px 0;
    width: 30%;
    margin: 0 auto 20px 0;
}
#it .it-top .pointBtn img {
    max-width: 240px;
    margin-top: -54px;
    margin-right: 1rem;
}

/*--------------------------------------------------------------------------------
ITポイントmenu
--------------------------------------------------------------------------------*/
#it .point-menu .menu-list {
    width: calc(100%/3);
}
#it .point-menu .menu-list a{
	height: 180px;
	padding: 20px;
    margin: 0 10px;
	font-size: 24px;
	font-size: 2.4rem;
    display: grid;
}
#it .point-menu .menu-list .small {
    font-size: 16px;
}
/*--------------------------------------------------------------------------------
IT会社設立の3つのポイント it-point
--------------------------------------------------------------------------------*/
#it .con01 .text-box {
    width: 90%;
}
#it .con03 .text-box {
    width: 77%;
}
/*--------------------------------------------------------------------------------
contents
--------------------------------------------------------------------------------*/
#it .it-top .point p {
    margin: 0;
}
#it .it-top .point ul {
    margin: 0 auto;
    width: 96%;
}
#it .it-top .point ul li {
	padding: 0;
	margin: 0 0 10px 0;
}

}/*メディアクエリ閉じ*/