@charset "UTF-8";
/* CSS Document */

:root {
  --font-family:  "fot-udkakugo-large-pr6n", sans-serif;
  --font-weight-exrta-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
}

a {text-decoration: none;}

a:hover {
	text-decoration: none;
}



/* テーマタイトル */
.content_categoly_title {
    background-color: #FFF;
    padding: 0;
    position: relative;
}
.content_categoly_title > span {
    font-size: 16px;
    color: #FFF;
    padding: 10px 20px;
    background-color: #3296C8;
    line-height: 100%;
    
    display: inline-block;
    margin: 2px;
    margin-right: 15px;
}


.case_feature {
    border: solid 1px #FAFAFA;
    padding: 24px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
    background-color: #FFF;
}
.case_feature_point {
    font-size: 15px;
    margin-bottom: 8px;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1;
}
.case_feature ul {
    margin: 0;
    padding: 0;
}
.case_feature li {
    list-style: none;
    padding-left: 2rem;
    line-height: 160%;
    margin: 8px 0;
    font-size: 84%;
}
.case_feature li:before {
    content: "●";
    margin-right: 10px;
    color: #DDD;
}
.case_feature li:first-letter {
    margin-left: -2rem;
}


.case_intro_box {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    margin-left: 10px;
    margin-right: 10px;
}

/* メイン */

section#main {
	padding-top: 10px;
}


/* 提案一覧 */

h3 {
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
}

.case_list_sama {
    font-size: 80%;color: #888;
    display: inline-block;
    margin-left: 0.5em;
}

.acms-label {
	font-size: 11px;
}


ul.caseList,
ul.caseList li {
	padding: 0;
	list-style: none;
}
ul.caseList li img {
	width: 100%;
	height: auto;
}

#cateIndex div.desc {
	margin-top: 10px;
}
ul.caseList .catch{
	font-size: 1.6rem;
	margin-bottom: 10px;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
    color: #333;
    line-height: 120%;
}

#cateIndex ul.caseList .catch{
	font-size: 21px;
	margin-bottom: 2rem;
	line-height: 1.4;
}
#cateIndex ul.caseList li div.content  img.listImage {
	box-shadow: #888 0px 1px 3px;
}



ul.caseList li div.content .tag {
	font-size: 1.2rem;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
    line-height: 105%;
}
ul.caseList li div.content .tag a {
	display: inline-block;
	font-size: 1.05rem;
	color: #476694;
	line-height: 105%;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-regular);
    font-style: normal;
}
#cateIndex ul.caseList li div.content .tag a {
	font-size: 1.3rem;
	text-decoration: none;
}

ul.caseList .desc .tag a:after {
	content:"/";
	margin-right: 0.4rem;
}
ul.caseList .desc .tag a:last-child:after {
	content:"";
	margin-right: 0;
}

.desc .cate {
	line-height: 105%;
	font-size: 1.4rem;
	margin-bottom: 2.4rem;
	color: #0692cc;
}
#cateIndex .desc .cate {
	line-height: 105%;
	font-size: 1.8rem;
	color: #0692cc;
	margin-bottom: 10px;
}


@media only screen and (min-width :768px) {

}
@media only screen and (min-width : 1200px) {
	#mainLeft {
		margin-right: 20px;
	}
}


ul.caseList li div.content {
	position: relative;
	width: 100%;
}
ul.caseList li div.content  img.listImage {
	width: 100%;
	height: auto;
	box-shadow: #888 0px 0px 1px;
	margin-bottom: 15px;
}



ul.caseList li div.content .discription {
	padding: 20px;
	border-top: solid 1px #EFEFEF;
}
ul.caseList li div.content  .discription .company {
	font-size: 1.8rem;
	float: left;	
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
    font-style: normal;
}
ul.caseList li div.content .discription .cate {
	font-size: 1.3rem;
	float: right;
	margin-top: 0.4rem;
	color: rgba(98,98,98,1.00);
}
ul.caseList li div.content  a {
	color: #000;
}
@media only screen and (max-width : 767px) {
	ul.caseList li div.content  .discription .company {
		font-size: 1.6rem;
		float:  none;	
	}
	ul.caseList li div.content  .discription .cate {
		font-size: 1.3rem;
		float: none;
	}
}


/* 関連リンク */
 dl.relatedLinks {
	padding-left: 1.5rem;
	 border-left: solid 3px #999;
}
.relatedLinks dt a{
	font-size: 1.7rem;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
	color: #000;
	margin-bottom: 1.8rem;
}


/* タグ */

.tagWrap {
	text-align: center;
	padding: 15px 15px 5px 15px;
	border-radius:3px;
	background: #F6F6F6;
}
.tagWrap .acms-list-inline li {
	padding-right: 5px;
}
.tagWrap .label {
	font-size: 1.15rem;
	background-color: #FFF;
	box-shadow: #888 0 1px 2px;
	padding: .5em .6em .4em;
	border-radius: 0.15em;
}
.tagWrap .label a {
	color: #000;
}
.themeTag {
	font-size: 2rem;
}
.themeTag .acms-label {
	font-size: 2rem;
}


/*　カテゴリー別　*/
#categolyList ul,
#categolyList ul li {
	list-style:  none;
	margin: 0;
	padding: 0;
}
#categolyList div > div  > ul {
	border-bottom: solid 1px #DDD;
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
}

#categolyList div > div  > ul > li {
	background-color: rgba(227,227,227,1.00);
	border-top: solid 1px #DDD;
}
#categolyList div > div  > ul > li span {
	padding: 0.5rem 0.8rem;
	display: block;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
	font-size: 1.4rem;
}

#categolyList ul li {
	font-size: 1.25rem;
	background-color: #FFF;
}
#categolyList div > div  > ul > li > ul > li a {
	color: #555;
	display: block;
	padding: 0.8rem;
	border-top: solid 1px #DDD;
}
#categolyList div > div  > ul > li > ul > li a:hover {
	background-color: #FAFAFA;
}




/*　事例　*/
.case-catch {
	font-size: 24px;
	color: #127e9c;
    text-indent: -1.5rem;
    margin-left: 3rem;
    
}
@media only screen and (max-width :479px) {
	.case-catch {
		font-size: 20px;
        line-height: 140%;
        text-align: left;
	}
}


/* コメント */
.comment_wrap .comment_text {
    font-size: 15px;
    line-height: 1.8;
}