@charset "utf-8";

/* *****共通設定***** */
body {
}
section{
	padding: 5rem 0;
}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	line-height: 3rem;
	letter-spacing: .15rem;
}
h1{
    font-weight: bold !important;
}
h3.fukidasi-title {
	font-size:1.2em;
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
	display: inline-block;
}
h3.fukidasi-title:before, h3.fukidasi-title:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
h3.fukidasi-title:before {
  left: 7px;
}
h3.fukidasi-title:after {
  right: 7px;
}
.text-orange {color:#ff5722;}

p {
    color: #2b2b2c;
}

ul {text-align: left;}


/* ヘッダー　*/
header {
	border-bottom: 1px solid #e7e7e7;
}
header .navbar-brand {
    width: 20%;
}
header .navbar-brand .logo {
    width: 80%;
}
#nav02 a {
    color: #000;
}
#nav02 a:hover {
    text-decoration: none;
    color: #666!important;
}
#nav02 .nav-item .nav-link {
	font-weight: 400!important;
}
nav.navbar li.nav-item:not(:last-child) {
	border-right:1px solid #ddd;
}
.offcanvas {
	width: 60%;
}

/* メイン画像とそのエリア*/
.title {
    color: #ffffff;
    z-index: 11;
    position: absolute;
	/*top: 5%;*/
	right: 0;
    bottom: 10%;
    left: 0;
}
.jumbotron-fluid{
    height: 80vh;
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/topimg-new.jpg") no-repeat center center;
    background-size:cover;
}
.jumbotron-fluid .container{
    height: 100%;
}

/* *****「」のキャッチコピー***** */
.catch-copy {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}
.catch-copy:before, .catch-copy:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.catch-copy:before {
  border-left: solid 1px #ff5722;
  border-top: solid 1px #ff5722;
  top:0;
  left: 0;
}
.catch-copy:after {
  border-right: solid 1px #ff5722;
  border-bottom: solid 1px #ff5722;
  bottom:0;
  right: 0;
}

/* *****カードのスタイル***** */
.card{
    border-color: #e0c7b2;
}
.card-body {
	text-align: left;
}
.card-body h5.card-title { 
	line-height: 1.8;
    background-color:#154e80; 
    display: inline-block;
    color:#fff; 
    padding-left: 2rem;
	padding-right: 2rem;
	margin-left: -1rem;
    border-radius: 0px 30px 30px 0px;
}
.card-header {
	background-color: #1D1D1D;
	color: #fff;
}
.card-subtitle {
    display: inline-block;
    position: relative;
    padding: .5em 1.3em .5em 1em;
    background-color: #a9ceec;
    color: #333333;
	margin-bottom: 1rem;
}
.card-subtitle::before {
    position: absolute;
    bottom: -1px;
    right: 9px;
    z-index: -1;
    transform: rotate(5deg);
    width: 70%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}

/* *****　チェックのイラスト　***** */
.check-point {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.4;
}

.check-point:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 0;
  color: #5ab9ff;
  font-weight: 900;
}

/* コンタクト、キャンペーンページ */
.breadcrumb-item+.breadcrumb-item::before{
    content: ">";
    padding-right: 1rem;
}
ul.list-kome li{
    padding-left: -1em;
	margin-bottom: 0.5rem;
	list-style: none;
}
ul.list-kome li:before{
  content: "※";
  margin-left: -1em;
}

/* 各メールフォーム */
.form1 label{
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
.form1 input,
.form1 textarea,
.form1 select{
    max-width: 768px;
}
.form1 .form-group{
    margin-bottom: 2rem;
}

/* フッター */
#footer{
	text-align: left;
}
#footer .container{
    color: #6c757d;
}
#footer .footer-ttl{
    font-size: 1rem;
    font-weight: bold;
    margin: 1.5rem 0;
    color: #0066cc;
}
#footer address p,
#footer #footer-news li{
    margin-bottom: 0.5rem;
}
#footer #footer-news ul{
    margin: 0;
    padding: 0
}
#footer #footer-news ul{
    list-style: none;
}
#footer #footer-news li span{
    display: inline-block;
    margin-right: 0.5rem;
}
#footer #copyright{
    background-color: #0066cc;
    color: #ffffff;
	text-align: center;
}
#footer img {
	width: 360px;
}




/* =============================================
メディアクエリ
============================================= */

/* 大デバイス（デスクトップ, 1200px 未満）
==============================================*/
@media screen and (max-width: 1199.98px) {



/* END */
/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width: 991.98px) {
	nav.navbar li.nav-item:not(:last-child) {
	border:none;
	}
    .container {
      max-width: 740px;
    }
	.title {
    left: 50%;
	top: 60%;
	transform: translate(-50%, -50%);
	}
	
    h3,.h3 {
        font-size:1.3em;
        line-height: 1.6em;
    }
    h4,.h4 {
        font-size:1.1em;
        line-height: 1.4em;
    }
	
	h5,.h5 {font-size: 1em;
		line-height: 1.5rem;
		letter-spacing: .1em
	}
}
/* END */
/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width: 767.98px) {
    header .navbar-brand {
      width: 70%;
    }
    header .navbar-brand .logo {
      width: 100%;
    }
    .footer-logo {
      width: 100%;
    }	
}

/* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {
	.jumbotron-fluid .container{
		width: 100%;
	}
	/*
    トップページ　ヘッダー　背景*/
	.title {
		top: 50%;
	}
}

/* END */