/*pc_css*/
#synergy .intxt {
	text-align: left;
	display: inline-block;
}

@media screen and (min-width:750px) {
	#synergy #header .innerbox .nav li.synergy a {
		padding: 12px 19px;
		background: #b32c29;
		color: #fff;
		margin: 0 1px;
	}

	#synergy #header .innerbox .nav li ul.innavilist li p {
		padding: 0 15px !important;
		padding: 0 0 0 0;
		border-left: 1px solid #fff;
	}

	#synergy #header .innerbox .nav li ul.innavilist li a {
		padding: 0 0 15px 0;
		display: block;
		color: #fff;
		background: none !important;
		box-sizing: border-box;
		font-size: 100%;
		font-weight: normal;
	}

	#synergy #header .innerbox .nav li ul.innavilist li:first-child a p {
		border-left: none;
	}

	#synergy #header .innerbox .nav li ul.innavilist li a:hover {
		color: #CCC !important;
		background: none !important;
	}

	#synergy #header .synergy .innavi {
		display: block !important;
	}

	#synergy.ccont01 #header .innavi ul.innavilist li a,
	#synergy.ccont02 #header .innavi ul.innavilist li a,
	#synergy.ccont03 #header .innavi ul.innavilist li a,
	#synergy.ccont04 #header .innavi ul.innavilist li a,
	#synergy.ccont05 #header .innavi ul.innavilist li a,
	#synergy.ccont06 #header .innavi ul.innavilist li a {
		padding: 0 0 11px 0 !important;
	}

	#synergy.ccont01 #header .innavi ul.innavilist li.inprofessional a,
	#synergy.ccont02 #header .innavi ul.innavilist li.inflow a,
	#synergy.ccont03 #header .innavi ul.innavilist li.inquality a,
	#synergy.ccont04 #header .innavi ul.innavilist li.inbim a,
	#synergy.ccont05 #header .innavi ul.innavilist li.infem a,
	#synergy.ccont06 #header .innavi ul.innavilist li.inict a {
		border-bottom: 4px solid #af2c29;
	}

	#synergy .mainbox .tlbox {
		position: absolute;
		top: 50%;
		text-align: center;
		font-weight: bold;
		font-size: 2.5em;
		color: #fff;
		margin: -1% 0 0 0;
		width: 100%;
	}

	#synergy .mainbox {
		width: 100%;
		height: 295px;
		background: url(/images/synergy/main.jpg) 50% 50% no-repeat;
		background-size: cover;
		position: relative;
		margin: 150px 0 0 0;
	}

	#synergy .mainbox2 .tlbox {
		text-align: center;
		font-weight: bold;
		font-size: 2.5em;
		color: #1a1a1a;
		margin: -1% 0 0 0;
		width: 100%;
		line-height: 1.4em;
	}

	#synergy .mainbox2 .tlbox span {
		font-weight: normal;
		font-size: 0.35em;
		line-height: 1em;
	}

	#synergy .mainbox2 .tlbox span.s02 {
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1em !important;
	}

	#synergy .mainbox2 .capbox {
		display: inline-block;
		border: 1px solid #1a1a1a;
		padding: 10px 20px;
		font-size: 0.9em;
		line-height: 1.8em;
		margin: 40px 0 0 0;
	}

	#synergy .mainbox2 {
		width: 100%;
		padding: 100px 0;
		background: #f2f2f2;
		position: relative;
		margin: 150px 0 0 0;
		text-align: center;
	}

	#synergy .indexcontainer {
		padding: 90px 0 0 0;
		margin-bottom: 60px;
	}

	#synergy .tlbox {
		font-weight: bold;
		font-size: 1.8em;
		margin: 0 0 40px 0;
		text-align: center;
	}

	#synergy .cinnerbox ul {
        width: 988px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 28px;
        margin-bottom: 32px;
    }
    #synergy .cinnerbox ul li {
        width: 219px;
        list-style: none;
    }

	#synergy .cinnerbox ul li span {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	#synergy .cinnerbox ul li.box1 {
		width: 311px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;
	}

	#synergy .cinnerbox ul li.box2 {
		width: 188px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;
	}

	#synergy .cinnerbox ul li a {
		background: url(/images/index/sarrow_on.svg) 50% 70% no-repeat;
		background-color: rgba(255, 255, 255, 1);
		background-size: 17px;
		text-align: center;
		display: block;
		padding: 30px 0 60px 0;
		line-height: 1.5em;
		border: 1px solid #1a1a1a;
	}

	#synergy .cinnerbox ul li a.box1 {
		background: url(/images/index/sarrow_on.svg) 50% 70% no-repeat;
		background-color: rgba(255, 255, 255, 1);
		background-size: 17px;
		text-align: center;
		display: block;
		padding: 10px 0 60px 0;
		line-height: 1.5em;
		border: 1px solid #1a1a1a;
	}

	#synergy .cinnerbox ul li a:hover {
		background: url(/images/index/sarrow.svg) 50% 70% no-repeat;
		background-color: rgba(174, 44, 14, 1);
		background-size: 17px;
		text-align: center;
		display: block;
		line-height: 1.5em;
		color: #fff;
		border: 1px solid #af2c29;
	}

	#synergy .cinnerbox ul li a:hover span {
		color: #fff;
	}

	#synergy .outlinebox .inbox {
		padding: 90px 0;
	}

	/* == BIM == */

		
	#synergy .row .lineup-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }



	#synergy .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#synergy .tlbox .textbox {
		font-size: 0.75em;
		text-align: left;
		line-height: 1.7em;
		margin: 50px 0 0 0;
		font-weight: lighter;
	}

	#synergy .tlbox .imgbox {
		margin: 100px auto 150px auto;
		width: 550px;
	}

	#synergy .tlbox .line {
		background-color: #b32c29;
		height: 2.5px;
		margin: 30px auto;
	}

	#synergy .tlbox .cardbox {
		margin-top: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#synergy .cardbox .card1 {
		width: 880px;
		margin: 20px auto;
	}

	#synergy .cardbox .card2 {
		width: 430px;
		margin-bottom: 40px;
	}

	#synergy .cardbox .title {
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		margin: 16px 0;
		display: flex;
		height: 36px;
	}

	#synergy .cardbox .title h3 {
		padding-top: 0.75%;
	}

	#synergy .banner {
		background-color: #b32c29;
		width: 6px;
		margin-right: 10px;
	}

	/*== ICT ==*/
	#synergy .row {
		display: block;
		margin-bottom: 60px;
	}
	
	#synergy .row .subtitle{
		margin-bottom: 20px;
		text-align: left;
	}
	
	
	#synergy .row .row-title{
		color: #b32c29;
		margin-bottom: 20px;
		text-align: left;
	}

	#synergy .row .row-body {
		display: flex;
		flex-wrap: wrap;
		margin: 50px auto;
	}

	#synergy .row-body-reverse {
		flex-direction: row-reverse;
	}

	#synergy .row .row-body .text-box {
		text-align: justify;
		line-height: 1.7em;
	}

	#synergy .row .row-body .text-box h3 {
		text-align: left;
		font-size: 16pt;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#synergy .row .row-body .text-box p {
		font-size: 14pt;
		text-align: justify;
		line-height: 1.7em;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#synergy .row .row-body .comment {
		font-size: 11pt; 
		color: rgb(124, 124, 124);
	}

	#synergy .row .row-body .img-box {
		display: block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#synergy .img-box .img-title{
		display: flex;
		line-height: 1.4em;
		justify-content: center;
		margin-bottom: 10px;
	}
	#synergy .img-box .img-title p{
		font-weight:bold;
		font-size: 14pt;
		color: #fff;
		background-color: #434343;
	}

	/* Lightbox2 */

	/* == width == */
	#synergy .w-10p {
		width: 9%;
		margin: 0 auto;
	}
	#synergy .w-20p {
		width: 16%;
		margin: 0 auto;
	}
	#synergy .w-30p {
		width: 26%;
		margin: 0 auto;
	}
    #synergy .w-33p {
		width: 32%;
		margin: 0 auto;
	}

	#synergy .w-40p {
		width: 36%;
		margin: 0 auto;
	}
	#synergy .w-45p {
		width: 43%;
		margin: 0 auto;
	}

	#synergy .w-50p {
		width: 46%;
		margin: 0 auto;
	}

	#synergy .w-55p {
		width: 51%;
		margin: 0 auto;
	}

	#synergy .w-60p {
		width: 56%;
		margin: 0 auto;
	}
	#synergy .w-66p {
		width: 64%;
		margin: 0 auto;
	}

	#synergy .w-70p {
		width: 66%;
		margin: 0 auto;
	}

	#synergy .w-80p {
		width: 76%;
		margin: 0 auto;
	}
	#synergy .w-85p {
		width: 80%;
		margin: 0 auto;
	}

	#synergy .w-90p {
		width: 86%;
		margin: 0 auto;
	}
	
	#synergy .w-100p {
		width: 96%;
		margin: 0 auto;
	}

	/* == margin == */
	#synergy .ml10{
		margin-left: 10px;
	}

	#synergy .ml20{
		margin-left: 20px;
    }

	#synergy .ml30{
		margin-left: 30px;
	}

	#synergy .ml40{
		margin-left: 40px;
	}

	#synergy .ml50{
		margin-left: 50px;
	}

	/* == padding == */
	#synergy .pt10{
		padding-top: 10px;
	}

	#synergy .pt20{
		padding-top: 20px;
	}

	#synergy .pt30{
		padding-top: 30px;
	}

	#synergy .pt40{
		padding-top: 40px;
	}

	#synergy .pt50{
		padding-top: 50px;
	}

	/* == outlinebox == */
	#synergy .outlinebox hr {
        margin: 30px 0;
	}

	#synergy .outlinebox .tlbox2 {
		font-size: 1.6rem;
        text-align: center;
        line-height: 1.8;
		font-weight: bold;
	}

	#synergy .outlinebox .tlbox3 {
		font-size: 1.7em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 90px 0;
		font-weight: bold;
	}

	#synergy .outlinebox .pimgbox {
		width: 930px;
		margin: 0 auto;
		padding: 90px 0 0 0;
	}

	#synergy .outlinebox .pimgbox img {
		width: 100%;
	}

	#synergy .outlinebox .leftbox {
		width: 48%;
		float: left;
		text-align: right;
		font-size: 2.8em;
		font-family: "A1明朝";
		line-height: 1 !important;
	}

	#synergy .outlinebox .leftbox.width100 {
		width: 100%;
		float: none;
		text-align: center;
		font-size: 2.8em;
		font-family: "A1明朝";
		line-height: 1 !important;
	}

	#synergy .outlinebox .rightbox {
		width: 48%;
		float: right;
		text-align: left;
		font-weight: bold;
		font-size: 2.8em;
		color: #b12c29;
		margin: 5px 0 0 0;
		line-height: 1 !important;

	}

	*::-ms-backdrop,
	#synergy .outlinebox .rightbox

	/* IE11のみ */
		{
		width: 48%;
		float: right;
		text-align: left;
		font-weight: bold;
		font-size: 2.8em;
		color: #b12c29;
		margin: 10px 0 0 0;
		line-height: 1 !important;
	}

	#synergy .outlinebox .innerbox {
		display: inline-block;
		margin: 0 20px;
		font-size: 0.3em;
		line-height: 1.8em !important;
		text-align: left;
		color: #1a1a1a;
		font-weight: normal !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}

	#synergy .outlinebox .innerbox span.bo1 {
		font-size: 1.8em !important;
		font-weight: bold;
		color: #b12c29 !important;
	}

	#synergy .outlinebox .innerbox span.bo2 {
		font-size: 1.4em !important;
		font-weight: bold !important;
		color: #1a1a1a;
	}

	#synergy .outlinebox .arrowbox {
		padding: 0 0 90px 0;
		background: url(/images/synergy/arrow.svg) 50% bottom no-repeat;
		background-size: 38px 19px;
		margin: 0 0 90px 0;
	}

	#synergy .outlinebox .arrowbox:last-child {
		padding: 0 0 90px 0;
		background: none;
		background-size: 38px 19px;
		margin: 0 0 0 0;
	}

	#synergy .outlinebox .sybox {
		width: 500px;
		margin: 0 auto;
	}

	#synergy .outlinebox .sybox li {
		font-size: 2.2em;
		color: #b12c29;
		font-weight: bold;
		margin: 0 0 90px 0;
		line-height: 1em;
	}

	#synergy .outlinebox .sybox li span {
		font-size: 0.4em;
		font-weight: normal;
		color: #1a1a1a;
		line-height: 0.1em;
	}

	#synergy .qphbox a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}
}

@media screen and (max-width:750px) {
	#synergy .mainbox .tlbox {
		position: absolute;
		top: 50%;
		text-align: center;
		font-weight: bold;
		font-size: 1.5em;
		color: #fff;
		margin: -3% 0 0 0;
		width: 100%;
	}

	#synergy .mainbox {
		width: 100%;
		height: 100px;
		background: url(/images/synergy/main.jpg) 50% 50% no-repeat;
		background-size: cover;
		position: relative;
		margin: 55px 0 0 0;
	}

	#synergy .mainbox2 .tlbox {
		text-align: center;
		font-weight: bold;
		font-size: 1.5em;
		color: #1a1a1a;
		margin: -1% 0 0 0;
		width: 100%;
		line-height: 1.4em;
	}

	#synergy .mainbox2 .tlbox span {
		font-weight: normal;
		font-size: 0.35em;
		line-height: 1em;
	}

	#synergy .mainbox2 .tlbox span.s02 {
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1em !important;
	}

	#synergy .mainbox2 .capbox {
		display: inline-block;
		border: 1px solid #1a1a1a;
		padding: 10px 20px;
		font-size: 0.9em;
		line-height: 1.8em;
		margin: 40px 0 0 0;
	}

	#synergy .mainbox2 {
		width: 100%;
		padding: 40px 0;
		background: #f2f2f2;
		position: relative;
		margin: 55px 0 0 0;
		text-align: center;
	}

	#synergy .indexcontainer {
		padding: 40px 0 0 0;
		margin-bottom: 30px;
	}

	#synergy .tlbox {
		font-weight: bold;
		font-size: 1.5em;
		margin: 0 0 40px 0;
		text-align: center;
	}

	#synergy .cinnerbox ul {
		width: 100%;
		margin: 0 0 0 0;
	}

	#synergy .cinnerbox ul li {
		width: 100;
		float: none;
		margin: 0 0 20px 0;
		list-style: none;
	}

	#synergy .cinnerbox ul li span {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	#synergy .cinnerbox ul li.box1 {
		width: 311px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;
	}

	#synergy .cinnerbox ul li.box2 {
		width: 188px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;
	}

	#synergy .cinnerbox ul li a {
		background: url(/images/index/sarrow_on.svg) 95% 50% no-repeat;
		background-color: rgba(255, 255, 255, 1);
		background-size: 17px;
		text-align: left;
		display: block;
		padding: 20px;
		line-height: 1.5em;
		border: 1px solid #1a1a1a;
		height: auto !important;
	}

	#synergy .cinnerbox ul li a.box1 {
		background: url(/images/index/sarrow_on.svg) 95% 50% no-repeat;
		background-color: rgba(255, 255, 255, 1);
		background-size: 17px;
		text-align: left;
		display: block;
		padding: 20px;
		line-height: 1.5em;
		border: 1px solid #1a1a1a;
	}

	#synergy .cinnerbox ul li a:hover {
		background: url(/images/index/sarrow.svg) 95% 50% no-repeat;
		background-color: rgba(174, 44, 14, 1);
		background-size: 17px;
		display: block;
		line-height: 1.5em;
		color: #fff;
		border: 1px solid #af2c29;
	}

	#synergy .cinnerbox ul li a:hover span {
		color: #fff;
	}

	#synergy .outlinebox .inbox {
		padding: 40px 0;
	}

	/*----BIM----*/

		
	#synergy .row .lineup-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }



	#synergy .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#synergy .tlbox .textbox {
		font-size: 1em;
		text-align: left;
		line-height: 1.7em;
		margin: 40px 0 0 0;
		font-weight: lighter;
	}

	#synergy .tlbox .imgbox {
		margin: 40px auto 100px auto;
		width: 80%;
	}

	#synergy .tlbox .line {
		background-color: #b32c29;
		height: 2.5px;
		margin: 40px auto;
	}

	#synergy .tlbox .cardbox {
		margin-top: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#synergy .cardbox .card1,
	#synergy .cardbox .card2 {
		width: 100%;
		margin: 20px auto;
	}

	#synergy .cardbox .title {
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		margin: 16px 0;
		display: flex;
	}

	#synergy .cardbox .title h3 {
		padding-top: 2px;
	}

	#synergy .banner {
		background-color: #b32c29;
		width: 6px;
		margin: -1% 10px 0 0;
	}

	/*== ICT ==*/
	#synergy .row {
		display: block;
		margin-bottom: 60px;
	}
	
	#synergy .row .subtitle{
		margin-bottom: 20px;
		text-align: left;
	}
	#synergy .row .row-title{
		font-size: 24px;
		color: #b32c29;
		margin-bottom: 20px;
		text-align: left;
	}

	#synergy .row .row-body {
		flex-wrap: wrap;
		margin: 50px auto;
	}

	#synergy .row .row-body .text-box {
		text-align: justify;
		line-height: 1.7em;
		margin: auto;
		margin-bottom: 60px;
	}

	#synergy .row .row-body .text-box h3 {
		text-align: left;
		font-size: 16pt;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#synergy .row .row-body .text-box p {
		font-size: 14pt;
		text-align: justify;
		line-height: 1.7em;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#synergy .row .row-body .comment {
		font-size: 11pt; 
		color: rgb(124, 124, 124);
	}

	#synergy .row .row-body .img-box {
		display: block;
		margin: 40px auto;
		text-align: center;
	}

	#synergy .img-box .img-title{
		display: flex;
		line-height: 1.4em;
		justify-content: center;
		margin-bottom: 10px;
	}

	#synergy .img-box .img-title p{
		font-weight:bold;
		font-size: 14pt;
		color: #fff;
		background-color: #434343;
	}

	/*----ICTfff----*/
	#synergy .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#synergy .tlbox .textbox {
		font-size: 1em;
		text-align: left;
		line-height: 1.7em;
		margin: 40px 0 0 0;
		font-weight: lighter;
	}

	#synergy .tlbox .imgbox {
		margin: 40px auto 100px auto;
		width: 80%;
	}

	#synergy .tlbox .cardbox {
		margin-top: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#synergy .cardbox .card1,
	#synergy .cardbox .card2 {
		width: 100%;
		margin: 20px auto;
	}

	#synergy .cardbox .title {
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		margin: 16px 0;
		display: flex;
	}

	#synergy .cardbox .title h3 {
		padding-top: 2px;
	}

	#synergy .banner {
		background-color: #b32c29;
		width: 6px;
		margin: -1% 10px 0 0;
	}

	#synergy .outlinebox .subtl {
		font-size: 1.5em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 90px 0;
		font-weight: bold;
	}

	#synergy .outlinebox .tlbox {
		font-size: 1.5em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 40px 0;
		font-weight: bold;
	}

	#synergy .outlinebox .tlbox2 {
		font-size: 1.5em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 40px 0;
		font-weight: bold;
	}

	#synergy .outlinebox .pimgbox {
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 0 0;
	}

	#synergy .outlinebox .pimgbox img {
		width: 100%;
	}


	#synergy .outlinebox .leftbox {
		width: 48%;
		float: left;
		text-align: right;
		font-size: 2.8em;
		font-family: "A1明朝";
	}

	#synergy .outlinebox .leftbox {
		width: 48%;
		float: left;
		text-align: right;
		font-size: 2em;
		font-family: "A1明朝";
	}

	#synergy .outlinebox .textbox .leftbox {
		width: 100%;
		float: left;
		text-align: center;
		font-family: "A1明朝";
		margin: 0 0 30px 0;
	}

	#synergy .outlinebox .leftbox.width100 {
		width: 100%;
		float: none;
		text-align: center;
		font-size: 2em;
		font-family: "A1明朝";
	}

	#synergy .outlinebox .rightbox {
		width: 48%;
		float: right;
		text-align: left;
		font-weight: bold;
		font-size: 2em;
		color: #b12c29;
	}

	#synergy .outlinebox .textbox .rightbox {
		width: 100%;
		float: right;
		text-align: center;
		font-weight: bold;
		color: #b12c29;
	}

	#synergy .outlinebox .innerbox {
		display: inline-block;
		margin: 0 0;
		font-size: 0.4em;
		line-height: 1.8em !important;
		text-align: center;
		color: #1a1a1a;
		font-weight: normal !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}

	#synergy .outlinebox .innerbox span.bo1 {
		font-size: 1.8em !important;
		font-weight: bold;
		color: #b12c29 !important;
	}

	#synergy .outlinebox .innerbox span.bo2 {
		font-size: 1.4em !important;
		font-weight: bold !important;
		color: #1a1a1a;
	}

	#synergy .outlinebox .arrowbox {
		padding: 0 0 50px 0;
		background: url(/images/synergy/arrow.svg) 50% bottom no-repeat;
		background-size: 38px 19px;
		margin: 0 0 50px 0;
	}

	#synergy .outlinebox .arrowbox:last-child {
		padding: 0 0 50px 0;
		background: none;
		background-size: 38px 19px;
		margin: 0 0 0 0;
	}

	#synergy .outlinebox .sybox {
		width: 88%;
		margin: 0 auto;
		padding: 0 0 0 12%;
	}

	#synergy .outlinebox .sybox li {
		font-size: 1.8em;
		color: #b12c29;
		font-weight: bold;
		margin: 0 0 50px 0;
		line-height: 1em;
	}

	#synergy .outlinebox .sybox li span {
		font-size: 0.5em;
		font-weight: normal;
		color: #1a1a1a;
		line-height: 0.1em;
	}

	/*spheader*/
	#synergy #header .innerbox .nav li.synergy a {
		padding: 15px 19px;
		background: #b32c29;
		color: #fff;
		margin: 0 0;
	}

	#synergy #header .synergy .innavi a {
		color: #1a1a1a !important;
	}

	#synergy.ccont01 #header .innavi .inprofessional,
	#synergy.ccont02 #header .innavi .inflow,
	#synergy.ccont03 #header .innavi .inquality,
	#synergy.ccont04 #header .innavi .inbim,
	#synergy.ccont05 #header .innavi .infem,
	#synergy.ccont06 #header .innavi .inict {
		background: #f0d2d0 !important;
	}

	#synergy #header .synergy .innavi {
		display: block;
	}

	#synergy #header .synergy .menuright img:first-child {
		display: none;
	}

	#synergy #header .synergy .menuright img:last-child {
		display: block;
	}

	#synergy .qphbox img {
		width: 80%;
	}
}

@media print {
	#synergy #header .innerbox .nav li.synergy a {
		padding: 12px 19px;
		background: #b32c29;
		color: #fff;
		margin: 0 1px;
	}

	#synergy #header .synergy .innavi {
		display: block !important;
	}

	#synergy.ccont01 #header .innavi ul.innavilist li a,
	#synergy.ccont02 #header .innavi ul.innavilist li a,
	#synergy.ccont03 #header .innavi ul.innavilist li a,
	#synergy.ccont04 #header .innavi ul.innavilist li a,
	#synergy.ccont05 #header .innavi ul.innavilist li a,
	#synergy.ccont06 #header .innavi ul.innavilist li a {
		padding: 0 0 11px 0 !important;
	}

	#synergy.ccont01 #header .innavi ul.innavilist li.inprofessional a,
	#synergy.ccont02 #header .innavi ul.innavilist li.inflow a,
	#synergy.ccont03 #header .innavi ul.innavilist li.inquality a,
	#synergy.ccont04 #header .innavi ul.innavilist li.inbim a,
	#synergy.ccont05 #header .innavi ul.innavilist li.infem a,
	#synergy.ccont06 #header .innavi ul.innavilist li.inict a {
		border-bottom: 4px solid #af2c29;
	}

	#synergy .mainbox .tlbox {
		position: absolute;
		top: 50%;
		text-align: center;
		font-weight: bold;
		font-size: 2.5em;
		color: #fff;
		margin: -1% 0 0 0;
		width: 100%;
	}


	#synergy .mainbox {
		width: 100%;
		height: 295px;
		background: url(/images/synergy/main.jpg) 50% 50% no-repeat;
		background-size: cover;
		position: relative;
		margin: 135px 0 0 0;

	}

	#synergy .mainbox2 .tlbox {
		text-align: center;
		font-weight: bold;
		font-size: 2.5em;
		color: #1a1a1a;
		margin: -1% 0 0 0;
		width: 100%;
		line-height: 1.4em;
	}

	#synergy .mainbox2 .tlbox span {
		font-weight: normal;
		font-size: 0.35em;
		line-height: 1em;
	}

	#synergy .mainbox2 .tlbox span.s02 {
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1em !important;
	}

	#synergy .mainbox2 .capbox {
		display: inline-block;
		border: 1px solid #1a1a1a;
		padding: 10px 20px;
		font-size: 0.9em;
		line-height: 1.8em;
		margin: 40px 0 0 0;
	}


	#synergy .mainbox2 {
		width: 100%;
		padding: 100px 0;
		background: #f2f2f2;
		position: relative;
		margin: 135px 0 0 0;
		text-align: center;

	}

	#synergy .indexcontainer {
		padding: 90px 0 0 0;
	}

	#synergy .tlbox {
		font-weight: bold;
		font-size: 1.8em;
		margin: 0 0 40px 0;
		text-align: center;
	}

	#synergy .cinnerbox ul {
		width: 988px;
		margin: 0 0 0 -28px;

	}

	#synergy .cinnerbox ul li {
		width: 219px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;

	}

	#synergy .cinnerbox ul li span {
		font-size: 0.9em;
		line-height: 1.5em;

	}

	#synergy .cinnerbox ul li.box1 {
		width: 311px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;

	}

	#synergy .cinnerbox ul li.box2 {
		width: 188px;
		float: left;
		margin: 0 0 28px 28px;
		list-style: none;

	}

	#synergy .cinnerbox ul li a {
		background: url(/images/index/sarrow_on.svg) 50% 70% no-repeat;
		background-color: rgba(255, 255, 255, 1);
		background-size: 17px;
		text-align: center;
		display: block;
		padding: 30px 0 60px 0;
		line-height: 1.5em;
		border: 1px solid #1a1a1a;
	}

	#synergy .cinnerbox ul li a.box1 {
		background: url(/images/index/sarrow_on.svg) 50% 70% no-repeat;
		background-color: rgba(255, 255, 255, 1);
		background-size: 17px;
		text-align: center;
		display: block;
		padding: 10px 0 60px 0;
		line-height: 1.5em;
		border: 1px solid #1a1a1a;
	}

	#synergy .cinnerbox ul li a:hover {
		background: url(/images/index/sarrow.svg) 50% 70% no-repeat;
		background-color: rgba(174, 44, 14, 1);
		background-size: 17px;
		text-align: center;
		display: block;
		line-height: 1.5em;
		color: #fff;
		border: 1px solid #af2c29;

	}

	#synergy .cinnerbox ul li a:hover span {
		color: #fff;

	}

	#synergy .outlinebox .inbox {
		padding: 90px 0;

	}

	/*----BIM----*/

		
	#synergy .row .lineup-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }



	#synergy .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#synergy .tlbox .textbox {
		font-size: 0.75em;
		text-align: left;
		line-height: 1.7em;
		margin: 50px 0 0 0;
		font-weight: lighter;
	}

	#synergy .tlbox .imgbox {
		margin: 100px auto 150px auto;
		width: 550px;
	}

	#synergy .tlbox .line {
		background-color: #b32c29;
		height: 2.5px;
		margin: 30px auto;
	}

	#synergy .tlbox .cardbox {
		margin-top: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#synergy .cardbox .card1 {
		width: 880px;
		margin: 20px auto;
	}

	#synergy .cardbox .card2 {
		width: 430px;
		margin-bottom: 40px;
	}

	#synergy .cardbox .title {
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		margin: 16px 0;
		display: flex;
	}

	#synergy .cardbox .title h3 {
		padding-top: 2px;
	}

	#synergy .banner {
		background-color: #b32c29;
		width: 6px;
		margin: -1% 10px 0 0;
	}

	/*== ICT ==*/
	#synergy .row {
		display: block;
		margin-bottom: 60px;
	}
	
	#synergy .row .subtitle{
		margin-bottom: 20px;
		text-align: left;
	}
		#synergy .row .row-title{
		color: #b32c29;
		margin-bottom: 20px;
		text-align: left;
	}

	#synergy .row .row-body {
		display: flex;
		flex-wrap: wrap;
		margin: 50px auto;
	}

	#synergy .row-body-reverse {
		flex-direction: row-reverse;
	}

	#synergy .row .row-body .text-box {
		text-align: justify;
		line-height: 1.7em;
	}

	#synergy .row .row-body .text-box h3 {
		text-align: left;
		font-size: 16pt;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#synergy .row .row-body .text-box p {
		font-size: 14pt;
		text-align: justify;
		line-height: 1.7em;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#synergy .row .row-body .img-box {
		margin-right: auto;
		margin-left: auto;
	}
	/* == width == */
	#synergy .w-30p {
		width: 26%;
		margin: auto;
	}

	#synergy .w-40p {
		width: 36%;
		margin: auto;
	}

	#synergy .w-50p {
		width: 46%;
		margin: auto;
	}

	#synergy .w-55p {
		width: 51%;
		margin: auto;
	}

	#synergy .w-60p {
		width: 56%;
		margin: auto;
	}

	#synergy .w-70p {
		width: 66%;
		margin: auto;
	}

	#synergy .w-80p {
		width: 76%;
		margin: auto;
	}

	#synergy .w-90p {
		width: 86%;
		margin: auto;
	}
	
	#synergy .w-100p {
		width: 96%;
		margin: auto;
	}

	/* == outlinebox == */
	#synergy .outlinebox .subtl {
		font-size: 1.5em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 90px 0;
		font-weight: bold;
	}

	#synergy .outlinebox .tlbox {
		font-size: 1.7em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 40px 0;
		font-weight: bold;
	}

	#synergy .outlinebox .tlbox2 {
		font-size: 1.7em;
		text-align: center;
		line-height: 1.7em;
		margin: 0 0 90px 0;
		font-weight: bold;

	}

	#synergy .outlinebox .pimgbox {
		width: 930px;
		margin: 0 auto;
		padding: 90px 0 0 0;

	}

	#synergy .outlinebox .pimgbox img {
		width: 100%;

	}

	#synergy .outlinebox .leftbox {
		width: 48%;
		float: left;
		text-align: right;
		font-size: 2.8em;
		font-family: "A1明朝";
		line-height: 1 !important;
	}

	#synergy .outlinebox .leftbox.width100 {
		width: 100%;
		float: none;
		text-align: center;
		font-size: 2.8em;
		font-family: "A1明朝";
		line-height: 1 !important;
	}

	#synergy .outlinebox .rightbox {
		width: 48%;
		float: right;
		text-align: left;
		font-weight: bold;
		font-size: 2.8em;
		color: #b12c29;
		line-height: 1 !important;
	}

	#synergy .outlinebox .innerbox {
		display: inline-block;
		margin: 0 20px;
		font-size: 0.3em;
		line-height: 1.8em !important;
		text-align: left;
		color: #1a1a1a;
		font-weight: normal !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}

	#synergy .outlinebox .innerbox span.bo1 {
		font-size: 1.8em !important;
		font-weight: bold;
		color: #b12c29 !important;
	}

	#synergy .outlinebox .innerbox span.bo2 {
		font-size: 1.4em !important;
		font-weight: bold !important;
		color: #1a1a1a;
	}

	#synergy .outlinebox .arrowbox {
		padding: 0 0 90px 0;
		background: url(/images/synergy/arrow.svg) 50% bottom no-repeat;
		background-size: 38px 19px;
		margin: 0 0 90px 0;
	}

	#synergy .outlinebox .arrowbox:last-child {
		padding: 0 0 90px 0;
		background: none;
		background-size: 38px 19px;
		margin: 0 0 0 0;
	}

	#synergy .outlinebox .sybox {
		width: 500px;
		margin: 0 auto;
	}

	#synergy .outlinebox .sybox li {
		font-size: 2.2em;
		color: #b12c29;
		font-weight: bold;
		margin: 0 0 90px 0;
		line-height: 1em;
	}

	#synergy .outlinebox .sybox li span {
		font-size: 0.4em;
		font-weight: normal;
		color: #1a1a1a;
		line-height: 0.1em;
	}
}