@charset "utf-8";
/* CSS Document */
/* ======================================================
 * WIRE FRAME ********************************************
 * Contents

 * ELEMENT ********************************************
 * Common Setting
 * Contents
 * Navi Parts
 * Layout Parts
 * Modal Parts
====================================================== */

/*
prefix for this contents : "ms"
Example : #ms***, .ms***
*/
/********************************************************

  WIRE FRAME

********************************************************/

/* Contents
------------------------------------------------------ */
#old-layout #contents {
	position: relative
}
#old-layout .topicPath {
	position: relative;
	z-index: 1;
}
#old-layout .actionArea {
	position: absolute;
	top: 0;
	left: 50%;
	width: 980px;
	height: 56px;
	margin-left: -490px;
}
#old-layout .actionArea > .snsWrap {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	z-index: 100;
}
#old-layout .actionArea + .contentsWrap {
	margin-top: 0 !important;
  padding-top: 0 !important;
}

#old-layout .msContents{
	overflow:hidden;
}

/*----- contentsWrap -----*/
#old-layout .msContentsWrap {
	padding-top:0;
}

/*** main ***/
#old-layout #main.msMain{
	float:none;
	width:100%;
}
#old-layout #msMainVisual{
	position:relative;
	clear: both;
	width: 100%;
	height:570px;
	margin: 0 auto;
	text-align:center;
	overflow:hidden;
}
#old-layout #msMainVisual img,
#old-layout #msMainVisual map{
	position:relative;
}
#old-layout .msMainImg2{
	position:relative;
	top:-570px;
}



/********************************************************

  ELEMENT

********************************************************/

/* Common Setting
------------------------------------------------------ */
body{
	/* /common/js/common.js line375が /common/css/base.css line64とズレている点の対策*/
	font-size:15px!important;
	font-size: 1.5rem!important;
}
area{
	cursor:pointer;
}
#old-layout .msBgDummy{
	background:#999;
}


/* Section Parts
------------------------------------------------------ */
#old-layout .msSection .flL{
	margin-right:20px;
}
#old-layout .msSection .flR{
	margin-left:20px;
}
#old-layout .msSection p{
	margin-bottom:20px;
}



/* Navi Parts
------------------------------------------------------ */
/*** msAnchorNavi01 ***/
#old-layout .msAnchorNavi01{
	height:124px;
	background:#fff;
}
#old-layout .msAnchorNavi01.fixed{
	position:fixed;
	top:110px;
	width:980px;
}
#old-layout .msAnchorNavi01.fixed.fixed_notpc{
	top:0;
}
#old-layout .msAnchorNaviTtl{
	margin-top:36px;
}
#old-layout .msAncLink{
	width:572px;
	margin-top:0;
	margin-right:20px;
}
#old-layout .msAncLink li{
	float:left;
	margin-right:10px;
}
#old-layout .msAncLink span{
	width:65px;
}
#old-layout .msAncLink .btnLink02 a > span{
	background:url(/old_contents/knowledge/know_01/images/com_link_ic12_down.png) no-repeat 100% 52%;
	padding-left:35px;
	padding-right:20px;
  word-wrap: normal;
  word-break: normal;
}
#old-layout .msAncLink .btnLink02 a{
	background-repeat:no-repeat;
	background-position:5% 54%;
}
#old-layout .msAncLink .btnLink02 a.msBtnLink01{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_01.png);
}
#old-layout .msAncLink .btnLink02 a.msBtnLink02{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_02.png);
}
#old-layout .msAncLink .btnLink02 a.msBtnLink03{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_03.png);
}
#old-layout .msAncLink .btnLink02 a.msBtnLink04{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_04.png);
}
#old-layout .msAncLink .btnLink02 a.msBtnLink05{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_05.png);
}
#old-layout .msAncLink .btnLink02 a.msBtnLink06{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_06.png);
}
#old-layout .msAncLink .btnLink02 a.msBtnLink07{
	background-image:url(/old_contents/knowledge/know_01/images/bg_anclink_07.png);
}

#old-layout .msSection{
	clear:both;
	overflow:hidden;
	padding:40px 20px 51px;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(/old_contents/knowledge/know_01/images/bg_border.gif);
}
#old-layout p.msSectionTtl{
	margin-bottom:30px;
}
#old-layout #msSection01.fixed{
	margin-top:124px;
}

/* Column Parts
------------------------------------------------------ */
#old-layout .msCol2{
	width:461px;
}



@media print {
	#old-layout #contents{
		width:980px;
		overflow:initial!important;
	}
	#old-layout #msMainVisual{
		width:980px!important;
	}
	#old-layout #msMainVisual img{
		left:-200px!important;
	}
}

/* ======================================================
 * 
 * Override
 * 
====================================================== */
#old-layout #msMainVisual{
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 1250px) and (min-width: 768px) {
  #old-layout #msMainVisual{
    width: auto;
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media print{
  #old-layout #msMainVisual{
    width: auto;
    margin-inline: auto; 
  }
}
#old-layout .msAnchorNavi01.fixed{
  z-index: 10;
}
#old-layout .msAnchorNavi01.fixed{
	top:99px;
}