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

/*==================

   Index page

====================*/

body#indexCon{}


body#indexCon div#header #logo {
	width:300px;
	height:58px;
	line-height:58px;
	position: absolute;
	left: 0;
	top: 22px;
}

#indexContents{
	width:680px;
	float:left;
}
#indexSidebar{
	width:250px;
	float:right;
}
#indexSidebar .sectionInfo{
	margin-bottom:17px;
}
#indexSidebar aside p{
	margin-bottom: 17px;
}

/* --------------

  News 　seminar

-------------- */

#articleBoxSP{
	height:20em;
	width:680px;
}
iframe.articleBox{
	border:none;
	height: 280px;
	margin: 0 0 25px 0;
	padding:0;
	width: 450px;
}

#indexContents h2{
	background:url(../img/top/index_titleBack.gif) repeat-x left top #FFF;
	line-height:50px;
	height:50px;
	border:#bbbdbf solid 1px;
	position:relative;
	margin:0 0 0.75em 0;
}
#indexContents h2 img{
	margin:12px;
}
#indexContents h2 span.newsIndexLink{
	display:block;
	position:absolute;
	right:12px;
	top:20px;
	background:url(../img/base/link_figure.gif) no-repeat right top;
	padding:0 20px 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	height:15px;
}
#indexContents h2 span.newsIndexLink a{}

/* --------------

  Case

-------------- */
#indexContents section.indexCase h2{
	background:url(../img/top/index_titleBack_case.gif) repeat-x left top #af172c;
	border:none;
	line-height:47px;
	height:47px;
	margin:0;
}
.indexCaseList{
	border-style:none solid solid solid;
	border-width:4px;
	border-color:#af172c;
}

#indexContents .indexCaseList dl{
	margin:0 14px;
	padding:16px 0;
}
#indexContents .indexCaseList dt.index_clientFigure{
	float:left;
	width:66px;
}

#indexContents .indexCaseList dt.index_clientName{font-size:1.5em;	margin:0 0 0.25em 80px;}
#indexContents .indexCaseList dd{font-size:1.2em;margin:0 0 0 80px;}

#indexContents .indexCaseList dt.index_clientName .text_s{
	background-color:#af172c;
	font-size:0.75em;
	line-height:1;
	color:#fff;
	padding:1px 3px 0px 3px;
}

/* --------------

  Sidebar

-------------- */

#indexSidebar .sectionInfo{
	border:#D0D2D3 solid 4px;
}
#indexSidebar .sectionInfo ul{
	width:210px;
	margin:16px;
}

#indexSidebar .sectionInfo li{
	margin-bottom:18px;
}
#indexSidebar .sectionInfo li a{
	display:block;
	color:#333;
}
#indexSidebar .sectionInfo li a:hover{
	/*background-color:#f5f5f5;*/
	text-decoration:none;
}
#indexSidebar a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	background-color:#fff;
}


#indexSidebar .sectionInfo li img{
	border-bottom:#D0D2D3 solid 1px;
	padding-bottom:6px;
	margin-bottom:6px;
}
#indexSidebar .sectionInfo li span{
	display:inline-block;
	font-size:1.1em;
	padding-left:28px;
}

/* --------------- */

#indexContents p.pageTop{
	clear:both;
	text-align:right;
	font-size:1.2em;
}
#indexContents p.pageTop a{
	background: url(../img/base/pageTop_figure.gif) no-repeat right top;
	color:#333;
	padding-right:19px;
}
#indexContents p.pageTop a:hover{
	color:#ae162b;
}
/* --------------- */
#globalFooter .footNavbox h3{
	font-size:1.2em;
	margin-bottom:0.5em;
}

.main_corona {
    color: #222;
    font-size: 26px;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
    text-shadow: 1px 1px 2px #FFF;
    margin-bottom: 40px;
    margin-left: -40px;
}
.main_corona strong {
    font-size: 18px;
}
.mv_full .slide_h1.second {
    padding-left: 40px;
    font-size: 26px;
}
.mv_full .slide_h1.second span.small02 {
    font-size: 36px;
    padding-left: 20px;
    letter-spacing: initial;
    font-family: 'Noto Serif JP', serif;
}
.mv_full .slide_h1.second span.small02 + .small02 {
    padding-left: 30px;
}

@media all and (min-width: 768px) {
    .mv_full.cam {
        padding: 125px 0 262px;
    }
}

.service_column_section {
	padding-top: 0;
}
.corp_column {
    display: flex;
    justify-content: space-between;
}
.corp_column a {
    max-width: 30%;
}
.corp_column a img {
    max-width: 100%;
}
.corp_column a h3 {
    font-size: 18px;
    color: #ae162b;
    font-weight: bold;
    margin: 10px 0;
}
.corp_column a p {
    font-size: 14px;
}


.saperpMv {
	background: url(../img/top/saperpMv.jpg) no-repeat center 0;
	padding: 120px 0 150px 0;
}
.saperpMv h1 {
	text-align: center;
}
.saperpMv strong {
	display: block;
	font-size: 80px;
}
.saperpMv b {
	font-size: 38px;
}
.saperpMv .mv_cvBtn {
    justify-content: center;
    margin: 20px auto 0 auto;
}
.saperpMv .mv_cvBtn a {
}