@charset "UTF-8";
/* ===========================================================================================================================================

　✦ index

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

#mainimage .wrapping {
	width: 100%;
	height:300px;
	overflow: hidden;
}

#mainimage .wrapping img {
	width: 100% !important;
	align-content: center;
}

 @media (max-width: 699px) {
      #mainimage .wrapping img {
	width: 700px !important;} }


#outline-detail {
  position: relative; }

#outline-detail .wrapping-philosophy {
    max-width: 750px;
    margin: 40px auto 0 auto;
    text-align: center;
}

#outline-detail .wrapping-philosophy .outline-txt01 {
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	font-size: 20px !important;
	font-size: 1.42857rem !important;
	font-weight:bold;}

#outline-detail .wrapping-philosophy .table-philosophy {
	border-collapse: collapse;
	width: 80%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

#outline-detail .wrapping-philosophy .table-philosophy td {
	padding: 10px;
	font-size: 16px !important;
	text-align: left; }



#outline-detail .wrapping {
    max-width: 750px;
    margin: 60px auto 0 auto;
    text-align: center;
}

 @media (max-width: 699px) {
	 #outline-detail .wrapping {
      width:90%;} }

  #outline-detail .wrapping h2 {
	margin: 0 auto 30px auto;
	text-align: center;
}
  #outline-detail .wrapping h2 img {
    width: 90%;
}

  #outline-detail .wrapping .outline-txt01 {
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	font-size: 20px !important;
	font-size: 1.42857rem !important;
	font-weight:bold;}

  #outline-detail .wrapping .outline-txt02 {
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
	font-size: 14px !important;
	font-size: 1rem !important;}

  #outline-detail .wrapping .table-pc {
	border-collapse: collapse;
	border-top: 1px solid #cccccc;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

  #outline-detail .wrapping .table-pc th {
	border-bottom: 1px solid #cccccc
	padding: 15px;
	width: 30%;
	max-width: 170px;
	color:#ffffff;
	line-height: 0; 
	font-weight: bold; 
	text-align: center;}

  #outline-detail .wrapping .table-pc tr:nth-child(odd) th {
	background: #444444;
}

  #outline-detail .wrapping .table-pc tr:nth-child(even) th {
	background: #565656;
}

  #outline-detail .wrapping .table-pc td {
	border-bottom: 1px solid #cccccc;
	padding: 15px;
	width: 70%;
	max-width: 580px; 
	text-align: left; }

  #outline-detail .wrapping .table-pc tr:nth-child(odd) td {
	background: #f3f3f3;}

  #outline-detail .wrapping .table-pc tr:nth-child(even) td {
	background: #ffffff;}


  #outline-detail .wrapping .table-sp {
	border-collapse: collapse;
	border-top: 1px solid #cccccc;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

  #outline-detail .wrapping .table-sp .td-cap {
	border-bottom: 1px solid #cccccc;
	background: #565656;
	padding: 20px;
	max-width: 750px; 
	color:#ffffff;
	line-height: 0; 
	font-weight: bold; 
	text-align: center; }

  #outline-detail .wrapping .table-sp .td-txt {
	border-bottom: 1px solid #cccccc;
	background: #f3f3f3;
	padding: 15px;
	width: 70%;
	max-width: 580px; 
	text-align: left; }


  @media (min-width: 700px) {
    #outline-detail .wrapping .table-sp {
      display: none !important; } }

  @media (max-width: 699px) {
    #outline-detail .wrapping .table-pc {
      display: none !important; } }




  #outline-access {
	position: relative; 
	background-color:#f2f2f2; 
	margin-top: 80px; }

  #outline-access .wrapping01 {
    max-width: 750px;
    margin: 0 auto;
    padding: 60px 0 0 0;
    text-align: center;
}

 @media (max-access: 699px) {
	 #outline-detail .wrapping01 {
      width:90%;} }

  #outline-access .wrapping01 h2 {
	margin: 0 auto 30px auto;
	text-align: center;
}
  #outline-access .wrapping01 h2 img {
    width: 90%;
}

  #outline-access .wrapping02 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0 60px 0;
    text-align: center;
}

 @media (max-access: 699px) {
	 #outline-detail .wrapping02 {
      width:90%;} }

  #outline-access .wrapping02 .googlemap {
      max-width: 1000px;
	  width: 95%;
      height: 500px;
	  margin: 0 auto 20px;
      border: 2px solid #FFF;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  @media (max-width: 480px) {
    #outline-access .wrapping02 {
      width: 90%;
      margin: 0 auto; }
      #outline-access .wrapping02 .googlemap {
		width: 100%;
        height: 300px;
	  margin: 0 auto 20px;} }