@charset "UTF-8";
/* Copyright 2023 CORAL, Inc.
 * Creation date 2023.4.19
/*=====================================*/
/*
Here is CSS structure...
	1 General styles
	2. Font
	3. Spacer styles 
	4. List styles
	5. Image styles
	6. Button & Icon styles
	7. Table styles
	8. Form styles
	9. Navigation
	10. Breadcrumb
	11. Pagination
	12. Accordion
	13. Tabs
	14. Blockquote
	15. Others
/*=====================================*/

/*----------------------------------------*/
/*----- 1. General styles -----*/
/*----------------------------------------*/
/* Show it is fixed to the top 
body {min-height: 75rem;padding-top: 4.5rem;}*/

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  }

.container {max-width: 960px;}		/* form-validation.css */
main > .container {padding: 60px 15px 0;}		/* sticky-footer-navbar */

/*----------------------------------------*/
/*----- 2. Font -----*/
/*----------------------------------------*/
.size14 {font-size:14px;}
.size15 {font-size:15px;}

/*----------------------------------------*/
/*----- 3. Spacer styles -----*/
/*----------------------------------------*/
.mt-6 {
  margin-top: 4rem!important;
}

.mt-7 {
  margin-top: 5rem!important;
}

.mt-8 {
  margin-top: 6rem!important;
}

.mt-9 {
  margin-top: 7rem!important;
}

.mb-6 {
  margin-bottom: 4rem!important;
}

.mb-7 {
  margin-bottom: 5rem!important;
}

.mb-8 {
  margin-bottom: 6rem!important;
}

.mb-9 {
  margin-bottom: 7rem!important;
}

/*----------------------------------------*/
/*----- 4. List styles -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 5. Image styles -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 6. Button & Icon styles -----*/
/*----------------------------------------*/
/* Mono8.0.3をもとに編集 */
.button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: #e4e8ec;
  border: 1px solid #e4e8ec;
  padding: 5px 10px;
  color: #121518;
/*  font: 500 0.875em "Poppins", sans-serif; */
    font-size: 1.0em;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: ease-out 0.12s;
  transition: ease-out 0.12s;
  text-decoration: none;
}

.button i {
  margin-right: 8px;
  font-size: 15px;
}

.button:hover {
  color: #121518;
}

/* Button Shapes */
.button-radius {
  border-radius: 0.5em;
}

.button-rounded {
  border-radius: 50px;
}

/* Button Sizes */
.button-sm {
  padding: 12px 26px;
  font-size: 0.8em;
}

.button-md {
  padding: 14px 34px;
  font-size: 1.1em;
}

.button-lg {
  padding: 16px 42px;
  font-size: 1.2em;
}

.button-xl {
  padding: 18px 50px;
  font-size: 1.3em;
}


/* Button Border Width (1px by default) */
.button-border-2,
.button-border-2.button-circle {
  border-width: 2px;
}


/* Color Styles */
.button-gray, a.button-gray {
  background: #e4e8ec;
  border: 0;
}

.button-gray:hover, .button-gray:focus, a.button-gray:hover, a.button-gray:focus {
  background: #dce0e4;
  color: #121518;
}

.button-dark, a.button-dark {
  background: #202428;
  border: 0;
  color: white;
}

.button-dark:hover, .button-dark:focus, a.button-dark:hover, a.button-dark:focus {
  background: #181c20;
  color: white;
}

.button-blue,
.button-purple,
.button-pink-edge,
.button-golden-yellow,
.button-very-peri,
.button-turquiose,
.button-spring-red,
.button-tan,
.button-aqua {
  border: 0;
  -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13);
  box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13);
  color: white;
}

.button-blue:hover, .button-blue:focus,
.button-purple:hover,
.button-purple:focus,
.button-pink-edge:hover,
.button-pink-edge:focus,
.button-golden-yellow:hover,
.button-golden-yellow:focus,
.button-very-peri:hover,
.button-very-peri:focus,
.button-turquiose:hover,
.button-turquiose:focus,
.button-spring-red:hover,
.button-spring-red:focus,
.button-tan:hover,
.button-tan:focus,
.button-aqua:hover,
.button-aqua:focus {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19);
  box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19);
  opacity: 0.9;
  color: white;
}

.button-blue {
  background: #0093E9;
}

.button-purple {
  background: #B721FF;
}

.button-pink-edge {
  background: #FE9AB6;
}

.button-golden-yellow {
  background: #FFB657;
}

.button-very-peri {
  background: #6667AB;
}

.button-turquiose {
  background: #4cbfa6;
}

.button-spring-red {
  background: #BE1F35;
}

.button-tan {
  background: #d2b48c;
}

.button-aqua {
  background: #03D4D8;
}

.button-outline-gray, a.button-outline-gray {
  background: transparent;
  border-color: rgba(18, 21, 24, 0.15);
}

.button-outline-gray:hover, .button-outline-gray:focus, a.button-outline-gray:hover, a.button-outline-gray:focus {
  border-color: #181c20;
  color: #121518;
}

.button-outline-dark, a.button-outline-dark {
  background: transparent;
  border-color: #181c20;
}

.button-outline-dark:hover, .button-outline-dark:focus, a.button-outline-dark:hover, a.button-outline-dark:focus {
  background: #181c20;
  border-color: transparent;
  color: white;
}

.button-outline-white, a.button-outline-white {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}

.button-outline-white:hover, .button-outline-white:focus, a.button-outline-white:hover, a.button-outline-white:focus {
  border-color: white;
  color: white;
}

.button-outline-white-2, a.button-outline-white-2 {
  background: transparent;
  border-color: white;
  color: white;
}

.button-outline-white-2:hover, .button-outline-white-2:focus, a.button-outline-white-2:hover, a.button-outline-white-2:focus {
  background: white;
  color: #121518;
}

/*----------------------------------------*/
/*----- 7. Table styles -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 8. Form styles -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 9. Navigation -----*/
/*----------------------------------------*/
/* nav active */
#Home ul.navbar-nav li#home a,#Menu1 ul.navbar-nav li#menu1 a, #Menu2 ul.navbar-nav li#menu2 a, #Menu3 ul.navbar-nav li#menu3 a, #Menu4 ul.navbar-nav li#menu4 a, #Menu5 ul.navbar-nav li#menu5 a  {color: #fff;}
.navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}

@media (max-width: 767px) {
  .size-sp-18 {
    font-size: 18px !important;
  }
}

/*----------------------------------------*/
/*----- 10. Breadcrumb -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 11. Pagination -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 12. Accordion -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 13. Tabs -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 14. Blockquote -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 15. Others -----*/
/*----------------------------------------*/
/* footer */
/*footerの高さによって適宜変更してください*/
.footer-position {
  min-height: calc(100vh - 57px - 6rem);/* 57pxはfooterの高さ、6remは.my-md-5で指定しているmarginの合計 */
}

footer {
  border-top: 1px solid #eee;
  margin-top: 50px;
  padding-top: 30px;
}

/* signin */
#Signin {
  height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 450px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}