@charset "utf-8";

body {
  text-align: center;
}

#mainArea {
  display: block;
width:100%;}

#mainWrap	{width:830px !important;}

@media (min-width: 768px) {
  #mainArea {
    display: flex;
    gap: 0 40px;
    justify-content: center;
  }
}

/*---------------------------------------------
	コンテンツ
---------------------------------------------*/
.sp {
  display: none;
}

.pc {
  display: block;
}

.box	{
background:#f3f3f3;
padding:10px;
width:100% !important;
}

.box h1	{
font-weight:700 !important;
text-align:center;
font-size:28px !important;}

.mab30	{margin-bottom:30px !important;;}
.mat10	{margin-top:10px !important;;}
.mat20	{margin-top:20px !important;;}
.mat50	{margin-top:50px !important;}
.mat100	{margin-top:108px !important;}
.fwb	{font-weight:700;}
.fs16	{font-size:16px;}

.normalBox2 		{ margin-top:20px;width:100%;}
.normalBox2 ul		{}
.normalBox2 li		{ padding: 0px; color: #000; }
.normalBox2 li dl		{  zoom: 1;height:auto; display: flex; }
.normalBox2 li dt		{ clear: both; float: left; width: 25% !important; font-weight: bold; background: #f8f8f8; padding:10px;}
.normalBox2 li dd		{ color: #000; background:#fff;  margin-left:20px; padding:10px;text-align:left;width: 75% !important; }
.normalBox2 .line	{ border-bottom:dashed 1px #cbc9c9; position:relative;}
.normalBox2 li strong	{ font-weight: bold; }
.renet_logo	img {width:200px;margin-top:10px;}

@media only screen and (max-width:768px) {
  body {
    min-width: 100%;
  }
  #mainWrap	{width:100% !important;}

  .wrap {
    margin: 0 10px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
    font-size: 14px;
    line-height: 1.5;
  }

	.box h1	{
	font-size:20px !important;}

  .column2 {
    float: none;
    margin: 0;
    width: auto;
  }

  .column2 #side {
    display: none;
  }

  .column2 #main {
    position: static;
    margin: 0;
  }

  .column2 #content {
    border: none;
  }

.normalBox2 		{ margin-top:20px;width:100%;min-width: 100%;}
.normalBox2 ul		{}
.normalBox2 li		{ padding: 0px; color: #000; }
.normalBox2 li dl		{  zoom: 1;height:auto; display: flex; }
.normalBox2 li dt		{ width: 25% !important; padding:10px;}
.normalBox2 li dd		{ margin-left:10px;width: 75% !important;}
.renet_logo	img {width:200px;margin-top:10px;}



}

