@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.scroll-fade{opacity: 0; transition: all 1s;}
.scroll-up{opacity: 0; transform: translateY(100px); transition: all 1s;}
.scroll-up.done, .scroll-fade.done{opacity : 1 !important; transform : translate(0, 0) !important;}
.load-fade {opacity : 0; transition : all 2s;}
.load-up{opacity: 0; transform: translateY(100px); transition: all 1s;}
.load-up.done, .load-fade.done{opacity : 1 !important; transform : translate(0, 0) !important;}


img {
	max-width: 100%;
	height: auto;
}
.min {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.h-pop {
font-family: 'Poppins', sans-serif;
}
.f-noto-l {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
}
.main-color {
	color: #00b0cb;
}
.bg-main-color {
	background-color: #00b0cb;
}

.h-pop-200 {
font-family: 'Poppins', sans-serif;
font-weight: 200;
}
.index_image img {
    width: 100%;
    height: auto;
}
.index_button {
    position: relative;
    padding: 0 0 65px;
    min-height: 150px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    background-color: #fff;
    z-index: 1;
}
.item a {
    display: block;
    text-decoration: none;
	color: #464646;
}
.index_content {
    margin: -40px 20px 0;

}
.index_label {
    padding: 15px 0 0;
    color: #e60012;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
	
}
.index_label, .index_text, .index_title {
    margin: 0 40px;
}
.item .morelink {
    position: absolute;
    right: 40px;
    bottom: 30px;
    z-index: 2;
}
.morelink {
    position: relative;
    /*font-size: 12px;*/
    font-weight: 400;
    text-align: right;
}
.morelink a, .morelink span {
    display: inline-block;
    position: relative;
    color: #e60012;
    padding: 0;
    text-decoration: none;
}


.section-contact {
background: url("../img/contact-bg.jpg") center center no-repeat;

  background-size: cover;
  padding: 150px 0px;
  position: relative;
}

.section-contact:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); 
}

.bg-inner {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
}
footer ul li a {
	color: #fff;
	text-decoration: none;
}

/*ios ボタンリセット*/
input[type="submit"],
input[type="button"],
input[type="reset"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
  outline-offset: -2px;
}

/***** TOPへ戻るボタン（アイコン）*****/
#page_top{
  padding: .7rem 1rem;
  position: fixed;
  right: 1px;
  background: #00b0cb;
  border: 1px solid #fff;
}
#page_top a{
  display: block;
  text-decoration: none;
  color: #fff;
}
#page_top a:hover {
  opacity: 0.6;
}

@media (max-width: 1219px) {

.index_text {
    padding: 10px 0 0;
    min-height: initial;
    font-size: 15px;
    line-height: 22px;
}
.index_button {
    position: relative;
    padding: 0 0 65px;
    min-height: 150px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    background-color: #fff;
    z-index: 1;
}
.index_label {
    padding: 15px 0 0;
    font-size: 15px;
}
}
@media (max-width: 991px) {

.main_img--top {
    padding-top: 2rem;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.55);
}
.inq-icon {
	color: #050052;
}
.header-bg:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.3);
    box-shadow: 0 3px 30px rgba(125,139,200,.3);
}


.top-head {
	position: fixed;
	width: 100%;
    left: 0;
	z-index: 1000;
}
.header-bg {
    position: relative;
	 max-width: 1280px;
    opacity: 1;
    transform: translateY(0px);
    line-height: 1;
	z-index: 9;
}
.header-bg .inner a,
.header-bg {
    text-decoration: none;
}
 
.header-bg .inner {
    max-width: 1280px;
	margin: auto;
}
.header-content {
    background: #fff;
	position: relative;
}
.header-bg .inner a {
    color: rgba(0,0,0,.55);
}
/*.header-bg .logo {
    float: left;
    font-size: 32px;
}*/

.header-inquiry {
	position: absolute;
	right: 80px;
	top: 10px;
	display: flex;
	align-items: center;
	height: 40px;
	width: 40px;
}
.header-inquiry a {
	text-align: center;
	display: block;
	width: 40px;
	text-decoration: none;
}


/* transition */
.header-bg,
.header-bg:after{
     -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
    transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);

}
/* Fixed */
.header-bg.fixed .header-content,
.header-bg.fixed .header-inquiry{
	border-radius: 0;
}
/*.header-bg.fixed .logo {
    font-size: 24px;
    color: #333;
}
 */
.header-bg.fixed {
    max-width: 100%;
    margin: 0 auto 0;
	padding: 0;
}


}
@media (max-width: 767px) {
.summary br {
	display: none;
}
.table-list th,
.table-list td{
	display: block;
	width: 100%;
	
}
}
@media (max-width: 320px) {}
@media screen and (min-width: 768px) and (max-width: 991px){}
@media (min-width: 576px){}
@media (min-width: 768px){
.navbar-nav {
    font-size: 1.1rem;
}
.main_img--top {
	position: relative;
}
.main_img--top p.concept {
	position: absolute;
	bottom:-10px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 1.3rem;
}
.summary {
	font-size: 1.2rem;
}
}
@media (min-width: 992px){
.navbar {
	padding: 1rem;
}
.top-head {
	position: fixed;
	width: 100%;
    left: 0;
	z-index: 1000;
}
.header-bg {
    position: relative;
/*	 max-width: 1280px;
    margin: 30px auto 0;
    padding: 0 20px;*/
    line-height: 1;
	z-index: 9;
}
.header-bg a,
.header-bg {
    color: #fff;
    text-decoration: none;
}

.header-bg .inner {
    max-width: 1280px;
	margin: auto;
}
.header-content {
/*    background: #fff;
	border-radius: 10px 10px 15px 10px;*/
	padding-right: 100px;
	position: relative;
}
/*.header-bg .logo {
    float: left;
    font-size: 32px;
}*/
.header-inquiry {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100px;
	background-color: #050052;
	/*border-radius: 0 10px 10px 0;*/
}

.header-inquiry a {
	text-align: center;
	display: block;
	width: 100px;
}
.header-inquiry span {
	padding-top: .8rem; 
	font-size: .8rem;
	display: block;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link{
    color: #fff;
}
#sub .navbar-light .navbar-brand,
#sub .navbar-light .navbar-nav .nav-link,
#sub .navbar-light .navbar-nav .nav-link.active,
#sub .navbar-light .navbar-nav .show>.nav-link{
    color: rgba(0,0,0,.9);
}
 
/* transition */
.header-bg,
.header-bg:after {
     -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
    transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);

}



/* Fixed */
.header-bg.fixed .header-content,
.header-bg.fixed .header-inquiry{
	border-radius: 0;
}
/*.header-bg.fixed .logo {
    font-size: 24px;
    color: #333;
}*/
 
.header-bg.fixed {
    max-width: 100%;
    margin: 0 auto 0;
	padding: 0;
	background-color: #fff;
	color: #000;

}
.header-bg.fixed .inner a,
.header-bg.fixed .navbar-light .navbar-nav .nav-link.active,
.header-bg.fixed .navbar-light .navbar-nav .show>.nav-link{
    color: rgba(0,0,0,.55);
}

.header-bg.fixed:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.3);
    box-shadow: 0 3px 30px rgba(125,139,200,.3);
}

}
@media (min-width: 1220px){
.main_img--top p.concept {
	bottom:7%;
	font-size: 1.8rem;
}
.summary {
	font-size: 1.3rem;
	line-height: 2;
}
.index_text {
    padding: 10px 0 0;
    min-height: 78px;
    font-size: 15px;
    text-align: justify;
    line-height: 26px;
}
.index_content {
    margin: -50px 36px 0;

}
.index_label {
    padding: 30px 0 0;
    color: #e60012;
    line-height: 32px;
}


}