@charset "utf-8";

/* *****共通設定***** */

/* CHECK */
.balloon1{
  position: relative;
  padding: 10px;
  width: 100px;
  height: 100px;
  line-height: 1.6;
  border-radius: 50%;
  text-align: center;
  color: #000000;
  letter-spacing: 0.2em;
  font-size: 1rem;
  font-weight:bold;
  background-color: #ffc000;
}
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 2px;
  bottom: 2px;
  border-right: 20px solid #ffc000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-45deg);
}
.parentElement {
  display: flex;
  align-items: center;
}

.childElement {
  flex: 1;
}

.top_info_out{
text-align:center;border:solid 1px #999999;padding:20px 20px 40px 20px;width:900px;margin: 20px auto 0 auto;
}

.top_info_title{
border-bottom:solid 3px #999999;padding:15px 0;font-size:18px;font-weight:bold;
}

.top_info_text{
width:76%;float:right;text-align:left;margin:20px 0 40px 0;
}

.top_info_text h2,.top_info_text h2:before{
font-size:28px;text-align:left;font-weight:bold;margin-bottom:20px;content:none;
}

.top_info_text p{
font-size:16px;font-weight:normal; margin:0 0 0.7rem 0;
}

.top_info_img{
border:solid 1px #cccccc;margin-bottom:10px;
}

.top_info_img_wrap{
width:20%;float:left;text-align:center;line-height:1.2;
}

.top_info_img_wrap .cap{
font-size:0.8rem;
}

.toi_botton{
background-color:#ffc000;padding:5px 50px;color:#ffffff;font-weight:bold;font-size:22px;display:inline-block;
}

#sec5 .row {
     margin-right: 0px!important;
     margin-left: 0px!important;
}

.wrap {
	overflow: hidden;
}

.left-contents{
	width: 40%;
	display: inline-table;
	margin-right: 5%;
}

.right-contents{
	float:right; width:55%;
}

.land h2{
	background: url(../images/h2_acc.png) no-repeat;
	line-height:1.8em;
	margin:0 0 20px 0;
	padding: 0 0 0 40px;	
	font-size:1.8em;
	font-weight:bold;
	-moz-background-size:contain;
	background-size:contain;
}

.land #main-content h3{
	margin-top:20px;
	font-size:1.3em;
	font-weight:bold;
}

.land h5{
	font-size:1.1em;
	font-weight:bold;
}

.land #main-content h4{
	font-size:1.5em;
	font-weight:bold;
	color:#3B170B;
}

.land .list{
	margin:20px 0;
	font-size:0.9em;
}

.land .list ul{
	padding:0;
}

.land .list li{
	list-style:none;
}

.land .list img{
 	float:left;
	margin-right:5%;
	width:30%;
	margin-bottom:1rem;
}

.land .list_text{
	text-align:left;
	width:65%;
 	float:left;
}

.land hr{
	clear: both;
	margin-bottom:20px;
}

.land .list_text p{
	font-size:1.3em !important;
        padding:0 0 5px 0;
	margin:5px 0 5px 0 !important;
	display:block;
	border-bottom: 1px dotted;
}

.land .map{
	margin:0 0 40px 0;
}

.land .btn-toi,.land .btn-toi a{
display:inline-block;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color: #500000;
    font-weight: bold;
    border: 1px solid #500000;
    padding: 0.5rem 2rem;
    background-color: #ffffff;
    text-decoration: none;
}

.land .btn-toi:hover,.land .btn-toi:hover{
color:#ffffff;
background-color:#500000;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:30px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h3 {
	border-bottom:#007456 1px solid !important;
	padding-bottom:10px;
}

#sec1 table{
	width:50%;
	text-align:left;
	margin:0 auto;
}

#sec2 table{
	width:60%;
	max-width:1140px;
}

#sec2 table.gaiyou{
	width:100%;
}

#sec2 table th{
    width:25%;
    border-bottom: #000000 1px solid;
    padding: 10px 13px;
}

#sec2 table td{
    border-bottom: #DDDDDD 1px solid;
    padding: 10px 13px;
}

.btn-go,.btn-go a{
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color:#500000;
    font-weight:bold;
    border:1px solid #500000;
    padding:0.5rem;
    text-decoration:none;
}

.btn-to-index,.btn-to-index a{
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color:#500000;
    font-weight:bold;
    border:1px solid #500000;
    padding:0.5rem;
    text-decoration:none;
    width:100%;
    margin:0 auto;
}

.btn-mail,.btn-mail a{
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color:#500000;
    font-weight:bold;
    border:1px solid #500000;
    padding:0.5rem 2rem;
    background-color:#ffffff;
    text-decoration:none;
}

.btn-mail-back,.btn-mail-back a{
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color:#500000;
    font-weight:bold;
    border:1px solid #500000;
    padding:0.5rem 2rem;
    background-color:#ffffff;
    text-decoration:none;
}

.btn-go p,.btn-to-index p{
font-size:1.2rem;
}
.btn-go:hover,.btn-to-index:hover{
color:#ffffff;
background-color:#500000;
}

.btn-mail:hover,.btn-mail-back:hover{
color:#ffffff;
background-color:#500000;
}

.nav-item a{ 
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

.btn {
    padding: .6rem .75rem .3rem .75rem;
}
body {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka,Arial,Helvetica,sans-serif;
    line-height: 1.6;
}
.fb-size{
    margin-bottom:4rem;
    margin-right:0.5rem;
    margin-top:5.4rem;
    float:right;
    width:400px;
    height:600px;
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color:#500000;
}
.navbar-light .navbar-toggler {
    border-color:#ffffff;
    z-index:99999;
}
.banner {
    text-align:center;margin-top:20px;
}
.banner img {
    margin:0 20px 20px 20px;
}
.container {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
img.logo {
    margin:0 0 0 10px;
}
h2 {
    text-align:center;
    position: relative;
    font-size:1.6rem;
}
#topbutton {
    position: fixed;
    bottom: 50px;
    right: 15px;
    width: 62px;
    display: none;
}
#inquiry01 {
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -200px;
    z-index: 9999;
}

#inquiry01 li{
    list-style:none;
}

/*タイトルアンダーライン*/

h2:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0; /*下線の上下位置調整*/
    display: inline-block;
    width: 80px; /*下線の幅*/
    height: 3px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #500000; /*下線の色*/
}
a { 
    text-decoration:none;
    color: #696969; 
}

a:hover { 
    text-decoration:none;
    color: #a9a9a9; 
}
.bg-primary,.btn-primary { 
    background-color: #ffffff !important; 
}
.border-primary { 
    border-color: #00008b !important; 
    padding: 0 0 10px 0 !important;
}
.bg-maincolor { 
    background-color: #f0f8ff !important; 
}
.btn-warning:hover {
    color: #212529;
    background-color: #ffa500;
    border-color: #ffa500;
}
.bg-yl-color { 
    background-color: #fffaf0 !important; 
}
.text-shadow { 
    text-shadow: 1px 1px 3px #000; 
}
.font-patrick { 
    font-family: 'Fredericka the Great', cursive; 
}

/* ヘッダー(navbar) */

#nav02 .nav-fill { 
    width: 100%; 
}
#nav02 .nav-item { 
    border-left: 1px solid #dee2e6; 
    width: 100%;
}
#nav02 .last-list-md { 
    border-right: 1px solid #dee2e6; 
}
#nav02 .nav-font { 
    font-size:0.8rem;color:#000000; 
}
#nav02 a:hover { 
    color:#ffffff; background-color:#500000; 
}
#nav02 .active { 
    color:#ffffff; background-color:#500000; 
}
#nav02 .container { 
    max-width:1140px; 
    width:100%;
}
#nav02 ul { 
    margin:0; 
}

/* フッター */

#footer-index{
    margin-top:1.0rem;
    margin-right:2.0rem;
    margin-left:2.0rem;
}
.footer-banner{
    border-bottom:solid 1px #000000;
}
.footer-group{
    border-radius: 5px;
    font-weight:bold;
    color:#ffffff;
    width:100%; 
    padding:5px;
    background-color:#007456;
    text-align:center;
}
#footer-sns {
    justify-content: center;
    /*margin-right: 25%;
    margin-left: 35%*/
}

#footer-sns-top {
    margin-right: 43%;
    justify-content: center;
}

#footer-sns img,#footer-sns-top img {
    height: 58px;
    width: auto;
    margin-right: 15px;
}

#footer-index ul ul {
    padding-left: 0.75rem;
    border-left: 1px solid #6c757d;
}
.py5-2 {
    padding-top:0!important;
    padding-bottom:0!important;
}
.list-unstyled {
    text-align: left;
}
#footer-logo {
    border-top: solid 1px #000000;
}
.topmargin {
    margin-top:0.5rem;
}

.inquiry02 {
    display: none;
}

/* *****トップページ***** */

.text-tel {
    margin-right:10px;
    margin-top:30px;
    margin-bottom:0;
    font-size:1.3rem;
    line-height:1.0;
    text-align:center;
}
.text-tel2 {
    font-size:0.9rem;
}
/*.jumbotron {
    background-image: url(../images/top-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 5rem 0 3rem 0;
    border-radius: 0rem;
}*/

form {
    margin:0 auto;
}
.btn.mail {
    background-color:#007456;
    border:#007456;
    margin-bottom:10px;
    font-size:0.8rem;
    position: absolute;
    top: -5px;
    right: 10px;
}
.card-title{
    padding:5px 0;
    font-weight:bold;
    background-color:#f4ece4;
    text-align:center!important;
    color:#500000;
}
.card-body2 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem 0.5rem 1rem;
    color:#000000;
    display:-ms-flex;
    display: flex;
    flex-direction: column;
}
.card-pdd {
    display:-webkit-flex
    display:-webkit-box;
    display:-ms-flex;
    display: flex;
    justify-content: center;
    padding:0px;
}
.card {
    margin:0 5px 10px 5px;
    width:100%;
    display:-webkit-flex
    display:-webkit-box;
    display:-ms-flex;
    display: flex;
}
.card-img-top {
    flex-shrink: 0;
}
.flex-column ul{
    margin-left:0;
padding-left:0;
}
.sns {
    margin-top: auto;
    margin-left:1rem;
}
.mg-0 {
    margin:0;
}
.mg0-2 {
    padding-bottom:2rem;
}
.border-primary {
    border-color:#500000!important;
    padding:20px 0 10px 0;
    margin:20px 10px;
    background-color:#f4ece4;
}
.mb-5 {
    width:57%;
    float: left;
    margin-bottom:0!important;
}
.mb-0t {
    list-style: none;
    margin-left: 0;
    color: #500000;
}
#top p.ta-r {
    text-align:right;
}
.py4-2 {
    padding-bottom:0!important;
}
.py2-2 {
    padding-top:0.3rem!important;
    padding-bottom:0!important;
}
.py3-2 {
    margin-bottom:1.5rem;
}
.ft-bg {
    background-color: #f4ece4!important;
clear: both;
}
.border-bottom2 {
    border-bottom:none;
}

/* スライドショー */
.slide {
	display:none;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}
.slidePrev {
	position:absolute;
	cursor:pointer;
	z-index:2;
}
.slideNext {
	position:absolute;
	cursor:pointer;
	z-index:2;
}
.slidePrev img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}
.slideNext img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}
.slideInner {
	position:relative;
	margin:0 0 20px 0;
	padding:0;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.slideInner li img {
	margin:0;
	padding:0;
}
.filterPrev {
	position:absolute;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}
.filterNext {
	position:absolute;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}
.controlNav {
	position:relative;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#999;
	cursor:pointer;
}
.controlNav span.current {
	background:#900000;
}

/* *****下層ページ***** */
.breadcrumb-item + .breadcrumb-item:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: small;
    color: #fff;
}
#page .jumbotron,#contact .jumbotron {
    background: #f1efff url(../images/top-image.jpg) no-repeat center center;
    background-size: cover;
    border-radius: initial;
    padding: 3rem 0.5rem 1.5rem 0.5rem;
}
.br-sp {
    display: none;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}

/* --------------------------------------------------

 レスポンシブ

--------------------------------------------------　*/

@media (max-width: 991.98px) {
/* md タブレット・スマートフォン向け */

.balloon1{
display:none;
}

.top_info_out{
width:100%;box-sizing:border-box;
}

.top_info_title{

}

.top_info_text{
width:90%;float:none;text-align:left;clear:both;font-size:2rem;margin:2rem auto;
}

.top_info_text h2{
font-size:2.0rem;text-align:center;
}
.top_info_text p{
font-size:1rem;font-weight:normal; margin:0 0 5px 0;text-align:left;
}

.top_info_img_wrap{
width:50%;float:none;margin:0 auto;
}

.top_info_img{
width:100%;clear:both;text-align:center;margin-bottom:1rem;
}

.top_info_img_wrap .cap{
margin-top:10px;
font-size:1rem;
}

.toi_botton{
background-color:#ffc000;width:100%;padding:2%;color:#ffffff;font-weight:bold;font-size:1.2rem;display:inline-block;box-sizing:border-box;
}

#top p{
    text-align:left;
}

#sec1 table{
    width:100%;
}

#sec2 table {
    width: 100%;
}

#inquiry01 {
    display: none;
}

#footer-sns,#footer-sns-top {
    margin-right: 20%;
    margin-left: 23%;
}

.fb-size{
    overflow: hidden;
    float:none;
    width:100%;
    height:600px;
    margin-bottom:2rem;
    margin-right:auto;
    margin-left:auto;
}
.flex-box-horizontal-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    box-orient:horizontal;
    -ms-flex-direction:row;
    -webkit--direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-box-horizontal-wrap > li {
    max-width: 46%;
    width: 100%;
}
.br-sp {
    display: block;
}
.navbar {
    display: block;
}
.btn.mail {
    margin: 0 auto 10px auto!important;
    position: static;
    top: -5px;
    right: 10px;
}
.navbar-light .navbar-toggler {
    background-color: #500000;
    padding: .25rem .25rem;
    right: 10px;
    position: absolute;
    top: 15px;
}
.mr-auto, .mx-auto {
    text-align: left;
    width: 100%;
    z-index:-9999;
}
.mr-auto a, .mx-auto a {
    text-align: left;
}
#nav02 .nav-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dee2e6;
    letter-spacing: 0.25rem;
}
.text-tel {
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.mb-5 {
    width: 100%;
    margin-bottom:0!important;
    clear: both!important;
}
.container {
    text-align: center;
}
.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.flex-column ul{
    margin-left:0;
padding-left:0;
}
.sns {

}
.row2{
    display: block;
}
.list-unstyled {
    text-align: center;
}
.list-unstyled li.udline {
    border: 1px solid #500000;
    padding: 10px;
    background-color: #ffffff;
    color:#500000!important;
}
.list-unstyled li.udline a,
.list-unstyled li.udline a:hover {
    color:#500000!important;
}
#footer-index ul ul {
    padding-left: 0rem;
    border-left: none;
    border-buttom: 1px solid #500000;
}

#footer-index ul {
    margin: 0;
}
#footer-index ul li {
    margin-bottom: 1.0rem;
}
.list-unstyled li.del{
    display:none;
}

}

@media (max-width: 575.98px) {
/* xs スマートフォン向け */

.balloon1{
display:none;
}

.top_info_out{
width:100%;box-sizing:border-box;padding:0;border:none;
}

.top_info_title{
width:90%;margin: 0 auto;
}

.top_info_text{
width:90%;float:none;text-align:left;clear:both;font-size:2rem;margin:2rem auto;
}

.top_info_text h2{
font-size:2.0rem;text-align:center;
}
.top_info_text p{
font-size:1rem;font-weight:normal; margin:0 0 5px 0;text-align:left;
}

.top_info_img_wrap{
width:50%;float:none;margin:0 auto;
}

.top_info_img{
width:100%;clear:both;text-align:center;margin-bottom:1rem;
}

.top_info_img_wrap .cap{
margin-top:10px;
font-size:1rem;
}

.toi_botton{
background-color:#ffc000;width:100%;padding:2%;color:#ffffff;font-weight:bold;font-size:1.2rem;display:inline-block;box-sizing:border-box;
}


#contact #nav02 .container {
     padding-right: 0!important;
     padding-left: 0!important;
}

#contact .container {
     padding-right: 10px!important;
     padding-left: 10px!important;
}

.btn-mail,.btn-mail a{
    padding:0.5rem 1rem;
}

.btn-mail-back,.btn-mail-back a{
    padding:0.5rem 1rem;
}

.left-contents{
	width: 100%;
	margin-right: 0;
}

.right-contents{
  	clear: both;	
	width:100%;
}

.land .list img{
  	clear: both;
	margin-right:0;
	width:100%
}

.land .list_text{
  	clear: both;
	width:100%
}

#footer-sns,#footer-sns-top {
	display:block;
}

#page .jumbotron {
    background: #f1efff url(../images/top-image.jpg) no-repeat center center;
    background-size: cover;
    border-radius: initial;
    padding: 2.5rem 1rem 1.5rem 1rem
}

.slideInner li img {
  height: 200px;
  object-fit: cover;
}
.inquiry02 {
    background-color: #007456;
    padding:10px;
    display: block;
    position: fixed;
    z-index: 998;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.inquiry02 a{
    color: #fff;
}

.inquiry02 li {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    list-style: none;
}
img.logo {
    width:75%;height:75%;
}

}

@media (max-width: 320px){
/* 320px(iphone 5) */

.flex-box-horizontal-wrap > li {
    max-width: 100%;
}

}