@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////
styles.css
//////////////////////////////////////////////////////////////////////////////*/

/*サイトで共通のスタイル
 * ========================================================================== */
body {
	height                : 100% !important;
	font-family           : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
		
.clear { clear:both; }  
.clear hr { display:none; }  
	
/* ヘッダーのスタイル
 * ========================================================================== */
 #header {
	position: relative;
	padding : 0px 0;
	margin:0px;
	}
	
#header .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

#nav .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

#header .container {
	position      : relative;
	padding       : 0px;
	}
#header h1 {
	font-size:1;
	text-indent: -9999px;
	}
#header p {
	margin-top : 0;
	color         : #000000;
	font-size     : 12px;
}
#header a{
	color:#0e8668;}
/*SPボタンメニュー*/				
#header .navbar-toggle {
	position      : absolute;
	right         : 20px;
	top           : 30px;
	float         : none;
	width         : 50px;
	height        : 45px;
	margin        : 0;
	padding       : 5px 7px;
	border: none;
	border-radius: 5px;
	background-color:#0e8668;
	box-shadow: none;
			}
	#header .navbar-toggle p {
				color:#ffffff;
				margin-top:3px;
				font-size:10px
				}
	
	#header .navbar-toggle .icon-bar {
				height     : 2px;
				width:25px;
				background : #ffffff;
				font-size:9px;
				font-weight:300;
				margin-top:5px;
				margin-left:6px;
				color:#ffffff;
				}
/*SPトグルメニューここまで*/
/*ヘッダー切り替えここから*/
@media (min-width : 380px ){
#header {
	padding : 0;
	}
	#header .container {}
			
	#header p {
	font-size : 10px;
				}
.pageend_sp {
}
}
#nav .nav >  a {
	font-size  : 8px;
				}
@media (min-width : 768px) {
#header {}
	#header .container {}
			
			#header p {
	margin-top : 0px;
	font-size  : 14px;
				}
.pageend_sp {
}
}
@media (min-width : 992px) {
#header {}
	#header .container {}
			
}
@media (min-width : 1200px) {
#header {}
#header .container {}

#header p {
	font-size  : 16px;
				}
}
/*ヘッダー切り替えここまで*/

/* ナビゲーションのスタイルを定義します
 * ========================================================================== */
#nav {
	display : none;
	}
/*スマホ版メニュー設定* ========================================================================== */
#navsp {
	border-top : none;
	background-color:#0e8668;
}
	#navsp .nav {}
	#navsp .nav > li.active {
			}
			
	
  #navsp .nav > li a {
				border-bottom:thin solid #85b7de;
				padding-left:20px;
				padding-top:15px;
				padding-bottom:10px;
				color         : #ffffff;
				font-family   : "Dosis",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif,FontAwesome;
				font-size     : 18px;
				font-weight   : 400;
				}
/*スマホ版メニュー設定* ========================================================================== */
/*PC版メニュー設定* ========================================================================== */

@media (min-width : 380px ){}
@media (min-width : 768px) {
#nav {
	display       : block;
	position      : relative;
	width         : 100%;
	border : none;
	border-radius : 0px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:solid;
	border-bottom-color: #0e8668;
	border-bottom-width: 1px;
	}
.fixedMenu #nav {
	position : fixed;
	top      : 0;
	z-index  : 10;
	}
	#nav .nav {
		float          : none;
		width          : 100%;　　　
		padding-top    : 0px;
		margin-top:0;
		padding-bottom : 0px;
		text-align     : center;
		display : inline-block;
		
			}
			#nav .nav > li {
				margin:0;
				padding:0;
			display : inline-block;
			width:25%;
			}
		#nav .nav > li + li {
			}
			#nav .nav > li a {
				color:#000;
				padding-left:0px;
				padding-right:0px;
				font-family   : "Dosis",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;
				font-size     : 16px;
				font-weight   : 400;
			}
				#nav .nav > li .a2 {
				border-right:groove #85b7de;
		margin-top:0px;		
	margin-bottom:0px;
				}
	
			#nav .nav >  a {
				color:#ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom:0px;
	font-family   : "Dosis",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;
	font-weight   : 400;
				}
#navsp {
	display : none !important;
	}
}
/*PC版メニュー設定* ========================================================================== */


/* 003. content-profile
 * Profileのスタイルを定義します
 * ========================================================================== */
#content-main {
	margin:0;
	padding-top : 0px;
	background-image:url(../images/midasiindex.jpg);
	background-size:cover;
}
#content-mb {
	margin:0;
	padding-top : 0px;
	background-color:#000;
}

#top10{
	padding-top:40px;
	padding-bottom:20px;
	}
 .form-horizontal  {
    padding-top:13px;
    font-size: 14px;
	text-align:left;
	padding-left:10px;
	vertical-align: top;
  }
   .control-label {
    padding-top:14px;
    font-size: 14px;
	text-align:left;
	padding-left:10px;
	vertical-align: top;
  }
.radio-inline2{
	padding-top:15px;
}

	@media (min-width : 380px ){

	}
@media (min-width : 768px) {

}
		
	#content-main {
				background-color:#f4f4f4;
				}
					#content-main  hr{
				border-top: 1px solid #0e8668;
				}

	#content-main .container {
	position      : relative;
	padding       : 0px;
		}
	
		/*!
		#content-main h1 {
			height: 90px;
			padding-left:10px;
			margin-top       : 40px;
			color          : #ffffff;
			font-family    : "Dosis",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;
			font-size      : 36px;
			font-weight    : 600;
			line-height    : 1;
			letter-spacing : 0.1em;
			}
			*/
			
		#content-main .container-wb{
			background-color:#FFFFFF;
			position      : relative;
			padding       : 0px;
			
			}
	#content-main .container-wb-pc{
	
			background-color:#FFFFFF;
			padding:10px;
			
			}
		#content-main .container-wb-pc .box500 {
        height: 500px;
      }
					#content-main .container-wb-sp{
			background-color:#FFFFFF;
			
			}
			#content-main .container-wb p{
				padding-left:10px;
				margin-bottom:15px;
				padding-bottom:10px;
			
			}
		#content-main .container-gb{
			padding-top:20px;
			background-color:#f4f4f4;
			}
				#content-main .container-gb2{
			padding-top:20px;
			background-color:#f4f4f4;
			}
			
			#content-main .container-gb2 .hr{border-top: 1px solid #bbbbbb;
			margin-top:5px;
		margin-bottom:5px;
}
		#content-main .container-gb2 .th{
			font-weight:bold;
}

		#content-main .container-gb img{
			text-align:center;
			}
			#content-main .container-gb p{
				padding-left:10px;
				margin-bottom:15px;
				padding-bottom:10px;
				}
				
				#content-main .container-gb .box {
        height: 300px;
      }
	  
	  .hrg{border-top: 1px solid #bbbbbb;
			margin-top:15px;
		margin-bottom:15px;
}	
		
h5{
	padding-left:10px;
	padding-top:20px;
	}
h6{
	padding-top:15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
 .coltab{
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}
	
	 .coltab td{
		 padding:10px;
}
 .coltab th{
		 padding:10px;
}
	#content-main .container-gb h2{
			text-align:center;
			margin-top:20px;
			color          : #000000;
			font-family    : "Dosis",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;
			font-size      : 24px;
			font-weight    : 600;
			line-height    : 1;
			letter-spacing : 0.1em;
		}
@media (min-width : 380px ){		
	h4{
	padding-left:10px;
	border-left: medium solid #253690;
	margin-left:10px;
	}	
			
	#sp-mawarikomi{
		padding:10px;
		}		
	#sp-mawarikomi img{
		float:left;
		margin:5px;
	}
	#sp-mawarikomi p{
		padding-top:10px;
	}			
}

@media (min-width : 768px) {
	h4{
	padding-left:10px;
	border-left: medium solid #253690;
	}			
		
		#pc-mawarikomi{
		padding:10px;
		}		
	#pc-mawarikomi img{
		margin:5px;
	}
	#pc-mawarikomi p{
		padding-top:10px;
	}		

}
			
			
/* 007. footer
 * footerのスタイルを定義します
 * ========================================================================== */
#footer {
	margin:0px;
	padding:0px;
	display       : block;
	position      : relative;
	width         : 100%;
	border : none;
	border-radius : 0px;
	margin-bottom:0px;
	background-color:fff;
}
		#footer .container p {
			font-size:12px;
			text-align:center;
			line-height:3;
			padding:0;
			background-color:fff;
			}
			
				#footer a {
			font-size:12px;
			text-align:center;
			line-height:3;
			padding:0;
			color:#000;
			}
			
#footer-bar{
	background-color:#253690;
}
#footer-bar .col-xs-6{
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

@media (min-width : 380px ){
#footer {
	margin-top : 0px;
	padding    : 0px 20px 20px 20px;
	}
		#footer p {
			font-size:14px;
			margin     : 5px 0 0 0;
			color:#000;
			}
}
@media (min-width : 768px) {
#footer-bar{
	display:none;
}
}
/* 008. page-end
 * ページ下段のスタイルを定義します
 * ========================================================================== */
#pageend_pc{
	height:auto;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	position: relative;
	}
	
#pageend_pc .hidden-xs{
	margin-bottom:0;
	
}

#pageend_sp{
	background-color:#d3dceb;
	margin-bottom:0px;
}
#pageend_sp p{
	line-height:24pt;
	padding-left:40px;
	margin-bottom:0;
	text-align:left;
	font-size:18px;
	}





			

  .form-control {
	  margin:15px;
  }
  
  .radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 10px;
  margin-left: -20px;
}



.btn-success {
  color: #fff;
  background-color: #26398e;
  border:none;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #3f5ecf;
  border:none;
  }
.btn-success:hover {
  color: #fff;
  background-color: #3f5ecf;
  border:none;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #3f5ecf;
  border:none;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn {
  display: inline-block;
  padding: 6px 62px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px;
}
.navbar-inverse {
  background-color: #fff;
  border-color: #0e8668;
}

#footer .container {
	background-color:#FFFFFF;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hr{border-top: 1px solid #bbbbbb;}

#content-center .container{
	background-color:fff;
}
#hako {
	margin-top : 0px;
	margin-bottom:0px;
	padding    : 0px 20px 0px 20px;
	}
	#hako .container {
	background-color:#FFFFFF;
	padding-top:20px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:0px;
}
/*プライバシーポリシーで使用tada*/
@media (min-width: 700px){
.li_container{
    width: 750px;
    height:450px;
    	background-color:transparent;
	padding-top:20px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:0px;
}
}
/*プライバシーポリシーインデントで使用tada*/
.kome{
    padding-left: 1em;
  text-indent: -1em;
} 

.dropdown-menu .a{
	color:#0e8668;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color:#ffffff;
  text-decoration: none;
  background-color: #b6d865;
}
.container h1{
	padding-left:10px;
	color:#0e8668;
	font-size:25px;
	border-bottom:1px solid #0e8668;
}
.container h2{
	padding-bottom:20px;
	color:#000;
	font-size:20px;
}
.container h2:before{
	content: '●';
	color:#0E8668;
}
.container li before{
	font-size:16px;
	content: '一つ、';
}
.container li{
	font-size:16px;

}
.hito ul{
	padding:0;
	list-style: none;
	list-style-position: inside;

}
.hito ul li{ 
padding-left: 3em;
    text-indent: -3em;

}
.hito ul li:before {
	content: "一つ、";
	line-height: 1.8;
}

.container .midasi{
	padding-top:20px;
	padding-left:10px;
	text-align:center;
	color:#0e8668;
	font-size:25px;
}
.imgflr {
	margin:0px 0px 20px 20px;	/*マージン*/
	float:right;			/*画像を右寄せにする*/
}
.centercon{
	padding:25px;
	font-size:16px;
	line-height:25px;
	}
	
.centercon a{
	line-height:30px;
	color:#000;
	font-weight:600;
	}
.yotuba{
	font-size:18px;
}
.centercon h3{
	font-size:16px;
	font-weight:600;
}
.centercon li{
	margin-top:20px;
}
.text-right{
	float:right;
}
.text-center{
	float:center;
	font-size:16px;
}
.conbox{
	border:solid 1px #000000;
	text-align:center;
	font-size:16px;
	padding:10px 0 10px 0;
}
.conboxw{
	border:double  #000000;
	text-align:center;
	font-size:16px;
	padding:10px 0 10px 0;
}

.conboxwr{
	border:double  #ff0000;
	text-align:left;
	font-size:16px;
	padding:10px 10px 10px 10px;
	border-radius:10px;
}

.formTable{
	padding:20px;
}

.annai{
	font-size:12px;
	padding:10px;
	border-top:dashed;
	border-bottom:dashed;
	border-color:#0E8668;
	border-bottom-width: thin;
	border-top-width: thin;
}
#sample {
    width: 100%;
    height: 400px;
}