html,body{
	font-family		: 'Noto Sans Japanese','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic";
	font-size		: 13px !important;
}

body{
  background-color	: #f0f5f9;
}

.container{
	max-width		: 970px;
	width			: 100%;
}

a{
	font-size		: inherit;
	color			: #3488cc;
    text-decoration : none;
}

a:hover{
  opacity : 0.7;
}


h1,.h1{
  font-size: calc(1.3rem + 0.6vw) !important;
}

h2,.h2{
  font-size: calc(1.275rem + 0.3vw) !important;
}

h3,.h3{
  font-size: calc(1.26rem + 0.12vw) !important;
}

h4,.h4{
  font-size: 1.25rem !important;
}

h5,.h5{
  font-size: 1.15rem !important;
}

h6,.h6{
  font-size: 1.075rem !important;
}


.btn{
  border-radius: 1.5rem;
  padding-right : 1rem;
  padding-left : 1rem;
}

.btn-success{
  background : #1da756 !important;
  border-color  : #1da756 !important;
}

.icon-h1{
	font-size		: 2rem;
}

.badge{
  display           : inline-block !important;
}

/*--------------------------------------
form
----------------------------------------*/
.form-control {
  background-color: #f6f9fd;
  background-clip: padding-box;
  border: 1px solid #dbdfe3;
  appearance: none;
  border-radius: 1.5rem;
  padding-right : 1.5rem;
  padding-left  : 1.5rem;
}

.input-group-text{
  border-radius: 1.5rem;
  padding-right : 1.5rem;
  padding-left  : 1.5rem;
}

.form-control::placeholder {
  color:#95aac9;
}

.form-control::-moz-placeholder {
  color: #95aac9 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #95aac9 !important;
}
.form-control::-webkit-input-placeholder {
  color: #95aac9 !important;
}


form label{
  display           : block;
  font-size         : 0.9rem;
  color             : #9cabbf;
  font-weight       : 600;
  margin-bottom     : 0.25rem;
  padding-left      : 0.5rem;
}



/*--------------------------------------
title
----------------------------------------*/
.title{
	padding-top		    : 1.5rem;
	padding-bottom		: 1.5rem;
}

.title{
	margin-bottom		: 0;
	font-weight		    : bold;
}

.title .col-sm-5{
	min-height		    : 2.5rem;
}

.title span{
  display           : block;
  font-size         : 0.9rem;
  color: #9cabbf;
}

.border-y{
    border-top          : 1px solid #dce6f0;
    border-bottom          : 1px solid #dce6f0;
}
 
/*--------------------------------------
contents_block
----------------------------------------*/
.contents_block{
	padding			: 15px 0px;
}

.contents_block .title{
	border-bottom		: 1px solid #eee;
	background		    : none;
	margin-bottom		: 1rem;
	padding-bottom		: 1.5rem;
}

.contents_block:first-child{
	margin-top		: 15px;
}

.sub-contents{
  padding-right     : 0.5rem;
  padding-left      : 0.5rem;
}

.title h1,.title .h1,
.title h2,.title .h2,
.title h3,.title .h3,
.title h4,.title .h4,
.title h5,.title .h5,
.title h6,.title .h6{
  margin-bottom     : 0;
}
/*--------------------------------------
main-content
----------------------------------------*/
.main-content{
    border-radius       : 1rem 1rem 0 0;
    border-top          : 1px solid #e8f1f9;
    min-height          : 95vh;
	background-color	: #fff;
}

.main-content .container{
  padding               : 1rem;
}

/*--------------------------------------
nav
----------------------------------------*/


.header-nav {
    //border-bottom	    : 1px solid #eee;
    border-bottom       : 1px solid #e8f1f9;
	background	        : #fff !important;
}


.navbar-brand{
	//color		        : #1da756 !important;
	font-weight	        : 600;
}

/*--------------------------------------
.card
----------------------------------------*/
.card{
  border-radius: 0.75rem;
}

.title-set{
  margin-bottom :0;
  margin-top    : 0.5rem;
}
  
  

/*--------------------------------------
.bikou-block
----------------------------------------*/

.bikou-block{
  padding: 5rem 0;

}

.bikou-block .card{
}


