@charset "utf-8";

/* ==========================================================================
  HTML5
  ========================================================================== */
article, aside, canvas, details, figcaption, figure, header,
footer, hgroup, menu, nav, section, summary {
    display: block;
}

/* ==========================================================================
  BASE
  ========================================================================== */
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

html {
  height: 100%;
  font-size: 62.5%;
}

body{
  font-family: 'Montserrat',"メイリオ", "Meiryo","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

address { font-style: normal;}
xli { padding-left: 1em; /*1em（1文字）分、右に動かす*/  text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/}
img,a img {  border: 0;}
img{ vertical-align: middle;}
table { border-collapse: collapse;  border-spacing: 0;}

/* ==========================================================================
  COMMEN CLASS
  ========================================================================== */

.text-center { text-align: center;}
.text-right { text-align: right;}
.text-min { font-size: 90%;}

.clear { clear: both;}
.float-l {float: left;}
.float-r {float: right;}
.img-l { margin: 0 10px 10px 0; float:left;}
.img-r { margin: 0 0 10px 10px; float:right;}
.img-center { display: block; margin: 0 auto;}
.img-max{
  width:100%;
  height:auto;
}
.img-max2{
  width:100%;
  height:315px;
}
.overf {overflow:hidden;}
.clear {clear: both;}

.mb-30 {margin-bottom: -30px;}
.mb-20 {margin-bottom: -20px;}
.mb0 {margin-bottom: 0px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.bb-none th,.bb-none td{ border-bottom:none !important;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.f12 {font-size: 12px;}
.f14 {font-size: 14px;}

#outline{
  color:#fff;
  background:url(../images/index-images/bg01.jpg) 50% 50% no-repeat;
  background-attachment:fixed;
  background-size: cover;
  padding:40px 0 50px 0;
}

#outline .cmn-title01{
  text-align:center;
}
#outline .cmn-btn{
  margin:0 auto;
}

.outline{
	margin-top:25px;
}
.outline dt{
   border-bottom:1px dotted #000;
  padding-bottom:10px;
  margin-bottom:10px;
	width:30%;
	font-weight: bold;
	float:left;
	border-bottom:1px dotted #000;
}
.outline_2 {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 30px;
}
.outline_2 dl{
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: none;
  background: #ddd;
}
.outline_2 dt{
  width: 30%;
  float: left;
  padding: 10px;
  border-top: 1px dotted #ccc;
  box-sizing: border-box;
}
.outline_2 dd{
  margin-left: 30%;
  padding: 10px;
  border-left: 0px solid #ccc;
  border-top: 1px dotted #ccc;
  background: #fff;
}
.outline_2 dd:after{
  display: block;
  content: "";
  clear: both;
}
.outline_2 .dt_1 {
	border-top: 0px;
}
.outline_2 .dd_1 {
	border-top: 0px;
}






.outline2{
	margin-top:25px;
}
.outline2 dt{
   border-bottom:1px dotted #000;
  padding-bottom:10px;
  margin-bottom:10px;
	width:98%;
	font-weight: bold;
	float:left;
	border-bottom:1px dotted #000;
}
.news dt span{
  display:inline-block;
  width:10px;
  color:#000;
  font-size:1rem;
  text-align:center;
  margin-right:10px;
  padding:3px 0;
}
.outline dd{
  border-bottom:1px dotted #000;
  padding-bottom:10px;
  margin-bottom:10px;
	width:70%;
	float:right;
	
	
}
.outline dd{
  border-bottom:1px dotted #000;
  padding-bottom:10px;
  margin-bottom:10px;
	
}

.outline dd a{
  color:#666;
  text-decoration:underline;
}
.outline dd.adj{
  border-bottom:1px dotted #000;
  padding-bottom:6px;
  margin-bottom:10px;
	width:70%;
	float:right;	
}
.b{
	font-weight:bold;
}