@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;}

.box2	{
background:#b2b2b2;
padding:10px;
width:100% !important;
margin-top:20px;
}
.box2 h2	{
font-weight:700 !important;
text-align:left;
font-size:18px !important;
color:#ffffff;}

.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;}
.text_break	{word-break: break-all;}
/* policy
---------------------------------------------*/

#policy #main .section			{ text-align:left; }
#policy #main .section .block	{ border: 1px solid #e5e5e5; }

#policy .section .block					{ clear: both; padding: 10px 19px 17px; color: #666; }
#policy .section .block a				{ text-decoration: underline; }
#policy .section .block a:hover			{ text-decoration: none; }
#policy .section .block h3				{ margin: 20px 0 10px; padding: 5px 10px; font-size: 117%; font-weight: bold; color: #333; background: #f5f5f5; }
#policy .section .block ul.date			{ float: right; margin-bottom: 20px;text-align:right; }
#policy .section .block ul.date li		{ background: none; }
#policy .section .block .clear			{ clear: both; }
#policy .section .block ul				{ margin: 9px 0; }
#policy .section .block ul li			{ margin-bottom: 4px; padding-left: 12px; background: url("/images/i_circle_br.gif") no-repeat 0 0.4em; }
#policy .section .block ul li.lastChild	{ margin-bottom: 0; }
#policy .section .block strong			{ font-weight: bold; }
#policy .block #privacymark				{ display: inline; float: left; margin-right: 20px; }




@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;}

	.box2 	{
	width:95% !important;
	margin:20px auto 0;
	}
	.box2 h2	{
	font-size:16px !important;
	}


  .column2 {
    float: none;
    margin: 0;
    width: auto;
  }

  .column2 #side {
    display: none;
  }

  .column2 #main {
    position: static;
    margin: 0;
  }

  .column2 #content {
    border: none;
  }


/* policy
---------------------------------------------*/
#policy .section .block					{ clear: both; padding: 10px 10px 17px; color: #666; width:95%;margin:0 auto;}
#policy .section .block h3				{ font-size: 110%; }
#policy .section .block ul.date			{ float: right; margin-bottom: 20px;text-align:right; }



}