@charset "UTF-8";

/*---------------1st---------------*/
/*root*/
:root {
  --primary: #44BBAA;
  --secondary: #eedd0f;
  --light: #e1e0e0;
  --dark: #424242;
}

/*文字色*/
.text-primary {
  color: #44BBAA !important;
}
.text-secondary {
  color: #eedd0f !important;
}

/*線色*/
.border-light{
	border-color: #e1e0e0!important;
}

/*背景色*/
.bg-primary {
  background-color: #44BBAA !important;
}
.bg-secondary {
  background-color: #eedd0f !important;
}
.bg-secondary-origin {
  background-color: #6c757d !important;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {font-size: 1.5rem;}
@media (min-width: 1200px) {h1, .h1 {font-size: 1.375rem;}}

h2, .h2 {font-size: 1.375rem;}/*22px*/
@media (min-width: 1200px) {
  h2, .h2 {font-size: 1.25rem;}}

h3, .h3 {font-size: 1.25rem;}/*20px*/
@media (min-width: 1200px) {
  h3, .h3 {font-size: 1.125rem;}}

h4, .h4 {font-size: 1.125rem;}/*18px*/
@media (min-width: 1200px) {h4, .h4 {font-size: 1rem;}}/*16px*/

h5, .h5 {font-size: 0.9375rem;}/*15px*/

h6, .h6 {font-size: 0.875rem;}/*14px*/

p {margin-top: 0; margin-bottom: 0;}

a {color: #424242; text-decoration: none; transition: .3s;}
a:hover {color: #424242; opacity: .8;}
.card > a:hover{opacity: 1;}
ol, ul {padding-left: 0rem;}
ol, ul, dl {margin-top: 0;margin-bottom: 0;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}

dt {font-weight: 700;}
dd {margin-bottom: 0.5rem;margin-left: 0;}


/*グリッドシステム*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;
}


/*コンテナ*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1200px;
  }
}
@media (max-width: 575.93px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    width: 92%;
  }
}



/*ボタン*/
.btn {
  padding: 0.5rem 3rem;
  font-weight: 700;
  /* width: 255px; */
  border-radius: 10rem;
}
.btn a:hover {
  text-decoration: none;
}
/*btn-primary*/
.btn-primary {
  color: #fff;
  background-color: #44BBAA;
  border-color: #44BBAA;
}
.btn-primary a {
  color: #fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #369889;
  border-color: #369889;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #77ccbb;
  border-color: #44BBAA;
  box-shadow: 0 0 0 0.2rem rgba(68, 187, 170, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #44BBAA;
  border-color: #44BBAA;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #44BBAA;
  border-color: #369688;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 187, 170, 0.5);
}

/*btn-outline-primary*/
.btn-outline-primary {
  color: #44BBAA;
  border-color: #44BBAA;
}
.btn-outline-primary a{
  color: #369688;
}
.btn-outline-primary:hover {
  background-color: rgba(68,187,170,0.15);
  border-color: #44BBAA;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 187, 170, 0.15);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #44BBAA;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #44BBAA;
  border-color: #44BBAA;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 187, 170, 0.15);
}

/*btn-outline-light*/
.btn-outline-light {
  color: #fff;
  border-color: #fff;
}
.btn-outline-light a{
  color: #fff;
}
.btn-outline-light:hover {
  color: #44BBAA;
  background-color: rgba(255,255,255,0.15); border-color: #fff;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #fff;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #44BBAA;
  background-color: rgba(255,255,255,0.15);   border-color: #fff;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15);
}


/*ヘッダー*/
.navbar-dark .navbar-nav .nav-link {
  	color: #424242;
    padding-right: 0.8rem;
    padding-left: 0.8rem;}
.nav-link {
  	padding: 0;
}
.navbar-nav{
	font-size: 0.8125rem;
}
.navbar-collapse{
	flex-direction: column;
    align-items: flex-end;
}
.navbar-dark .navbar-brand {
    color: #424242;
	margin-right: 0;
	padding-top: 0;
	font-size: 1.0625rem!important;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #424242;
    opacity: .8;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(66, 66, 66, 0.8);
}
/* これ上書きしないとヘッダーにドロップダウン入れて押した時に白くなる */
.navbar-dark .navbar-nav .show > .nav-link {
  color: #424242;
}

@media (max-width:991.98px){
	header{
		margin-bottom: 3vw;
	}
}

/*カード*/
.card{
	border-radius: 0;
}
.card::after{
	content: '';
	position: absolute;
	border-bottom: 4px solid #44BBAA;
	width: 100%;
	bottom: 0;
}
.card a:hover{
	text-decoration: none;
}
.card-img-top img{
	width: 100%;
	height: 200px;
	object-fit: contain;
}
.card-text{
	font-size: 0.75rem;
}
@media (max-width:575.98px){
	.card-img-top img{
		height: 22vh;
	}
}

/*フッター*/
footer {
	color: #fff;
    background-color: #44BBAA;
}
footer .container{
	padding: 40px 0;
}
footer nav ul {
    margin-top: 30px;
}
footer nav ul {
    list-style: none;
    margin-left: 0px;
    margin-right: 90px;
}
footer li a{
	font-size: 0.875rem;
	color: #fff;
	font-weight: 700;
}
footer li a:hover{
	color: #fff;
	opacity: .8;
	text-decoration: underline;
}
footer .copyright{
    background-color: #369688;
	font-size: 0.8125rem;
	text-align: center;
	padding: 20px;
}
@media (max-width:575.98px){
	footer {
		text-align: center;
	}
	footer li{
		margin-bottom: 10px;
	}

}



/*---------------2nd---------------*/

/*修正*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
}
@media (max-width:575.98px){
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 5px;
		padding-left: 5px;
	}
}

dd {
    margin-bottom: 0;
    margin-left: 0;
}

/*ページネーション*/
.page-link {
    position: relative;
    display: block;
	margin-top: 2rem;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #424242;
    background-color: rgba(100,100,100, 0);
    border: none;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #44bbaa;
    border-color: #44bbaa;
}
.page-link:hover {
  z-index: 2;
  color: #424242;
  text-decoration: none;
  background-color: rgba(68,187,170,0.15);
  border-color: none;
  opacity: 1;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(68,187,170, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}


/*カード*/
.card-title {
    margin-bottom: 0.5rem;
	font-weight: 700;
}


/*色*/
:root {
  --green: #369688;
  --info: #daf1ee;
  --danger: #e82832;
}

.text-green{color: #369688;}

.bg-info {background-color: #daf1ee !important;}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {background-color: #8bd3ca !important;}


/*バッヂ*/
.badge{
	padding: 0.25em 0.8em;
	border-radius: 1rem;
}
.badge-danger {
    color: #fff;
    background-color: #e82832;
}


/*フォーム*/
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #44bbaa;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(68, 187, 170, .2);
}
@media (max-width:575.98px){
	label{
		font-size: 0.875rem;
	}
}



/*---------------3rd---------------*/

/*ぱんくず*/
.breadcrumb {
    background-color: rgba(255,255,255,0.00);
	max-width: 930px;
	margin: 0 auto;
}
.breadcrumb-item.active {
    color: #424242;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #424242;
  content: ">";
}



/*---------------4th---------------*/

.badge-primary{background-color: #44bbaa!important;}
.badge-light {background-color: #d0d0d0;}
.badge-white {background-color: #fff;}
.border-primary{border-color: #44bbaa!important;}

:root {
	--blue: #1f98e2;
}

.text-blue{
	color: #1f98e2;
}

/*カード*/
.card {
    border: 1px solid #eef4f4;
}
.card-footer {
  padding: 0.5rem 1.25rem;
  background-color: #44bbaa;
  border-top: none;
}



/*---------------5th---------------*/

/*修正*/
h1, .h1 {font-size: 1.5rem;}
@media (max-width: 767.98px) {h1, .h1 {font-size: 1.375rem;}}

h2, .h2 {font-size: 1.375rem;}/*22px*/
@media (max-width: 767.98px) {h2, .h2 {font-size: 1.25rem;}}/*20px*/

h3, .h3 {font-size: 1.25rem;}/*20px*/
@media (max-width: 767.98px) {h3, .h3 {font-size: 1.125rem;}}/*18px*/

h4, .h4 {font-size: 1.125rem;}/*18px*/
@media (max-width: 767.98px) {h4, .h4 {font-size: 1rem;}}/*16px*/



.btn:hover {
    transition: .15s;
}

.card-header:first-child {
    border-radius: 0px;
}
.card-header {
    padding: 0.5rem 1.25rem;
	border-bottom: 0px;
}

/* カレンダー選択 */
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
  color: #e82832;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
  color: #1f98e2;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #44BBAA;
}
 
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td i.active {
  background-color: #44BBAA;
}
.bootstrap-datetimepicker-widget table td.today:before {
   border-bottom-color: #44BBAA;
}



/*---------------6th---------------*/
/* 修正 */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  line-height: 1.5;
}

/* 追加 */
.btn-outline-primary {
  background-color: #fff;
}

/* カルーセル */
.carousel-item{
	text-align: center;
}
.carousel-control-prev-icon {
    background-image: url("/img/common/carousel-control-prev-icon.svg");
}
.carousel-control-next-icon {
    background-image: url("/img/common/carousel-control-next-icon.svg");
}

@media (max-width:767.98px){
	.carousel-item img{
		width: 70%;
	}

}

/*---------------8th---------------*/
.navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}
@media (max-width: 991.98px) {
	.navbar{
		padding: 0!important;
	}
}