@charset "UTF-8";
body {
  -webkit-text-size-adjust: 100%;
}
/* ====== 共通 ====== */

a:hover {
    text-decoration: none;
    opacity: 0.8;
}

header .tel {
  font-size: 2rem;
  color: #fff; }
  header .tel a {
    color: #fff; }


img{
	text-align:center;
}

/* ====== TOTOP ====== */
/* ページトップ */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 80%; }

#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 25px 0;
  text-align: center;
  display: block;
  border-radius: 10px; }

#page-top a:hover {
  text-decoration: none;
  background: #999; }

.btn-outline-secondary:hover {
    color: #6c757d;
}

/* ====== TOP IMAGE ====== */

header.top-page {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  text-align:center;
  }
header nav{
	width:100%;
	height:200px;
	display: block;
	position:relative;
}
header nav img{
	position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;

	}
header nav.topimg img{

}
div#mainimg{
	}
div#mainimg img{
	width:100%;

}


/* ====== TOPPAGE SECTION ====== */


main{
	width:80%;
	margin:0 auto;
}
div.row{
	margin-top:50px;
}
div.row img{
	width:100%;

}
div.row img.menu{
	/*max-width:359px;*/
}


section:nth-child(n+2){
	margin-top:55px;
}
section:nth-child(n+2) div.text{
	margin-top:30px;
	text-align:left;
	font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));
	}
section:nth-child(n+2) div.text2{
	text-align:left;
	font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));
	}
section.index h2{
	/* color:#000; */
    color: #606060;
	text-align:center;
	border-bottom:2px solid #606060;
	font-weight:bold;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: calc(2.0rem + ((1vw - 0.64rem) * 2.1429));
	padding:10px 0px;
	margin-bottom:0px !important;
}

section.index ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
section.index ul li{
	border-bottom:2px solid  #606060;
	height:85px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: calc(1.4rem + ((1.0vw - 0.64rem) * 1.3429));
	text-indent:20px;
	background:no-repeat  url("../image/ya.png");
	background-position : right 5% bottom 50%;

}
section.index ul li a{
	/* color:#000; */
  color: #606060;
	display:block;
	width:100%;
	}

section.com h2{
	color:#767CAF;
	font-weight:bold;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: calc(1.5rem + ((1vw - 0.64rem) * 2.1429));
	padding:10px 0px;
	border-bottom:none;
	margin-top:85px;
}
section.com h2+p{
	margin-top:55px;
	font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));
}

section.com h3{
	color:#767CAF;
	font-weight:bold;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: calc(1.5rem + ((1vw - 0.64rem) * 2.1429));
	border-bottom:none;
	padding-top:50px;
}
section.com h3.bd{
	border-bottom:2px solid #767CAF;
}
section.com table{
	width:90%;
	max-width:740px;
	border:2px solid #767CAF;
	margin-top:20px;
}
section.com table th{
	padding:10px 0px;
	text-align:center;
	color:#fff;
	background-color:#767CAF;
	font-weight:normal;
	font-size: calc(1.0rem + ((1vw - 0.64rem) * 1.1429));

}
section.com table td{
	white-space: nowrap;
	padding:10px 10px 10px 10px;
	background-color:#fff;
	font-size: calc(1.0rem + ((0.8vw - 0.64rem) * 1.0));
	text-align:left;
}
section.com table td:first-child{
	/* width:80px; */
}
section.com table+div{
	width:80%;
	max-width:740px;
	padding:30px 0px;
}
div.c{
	text-align:center;
}
div.bg{
	background:no-repeat  url("../image/com_img.png");
	background-size:cover;
	max-height:550px;
	margin-top:45px;
}
section.com ol{
	list-style-type:none;
	padding:0;
	margin:50px auto;
	width:80%;
}
section.com ol li{
	float:left;
	width:25%;
	text-align:center;
	font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));
}
section.com ol li i{
	color:#767CAF;
	font-style:normal;
	font-size: 1.5vw;
}

section.com div.syokusyu {
   font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));


}
section.com div.syokusyu i {
  color:#767CAF;
	font-style:normal;
	font-size: 1.5vw;
}

h2{
	color:#E63E4B;
	border-bottom:2px solid #E63E4B;
	font-weight:bold;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: calc(2.0rem + ((1vw - 0.64rem) * 2.1429));

}
h3{
	color:#E63E4B;
	font-weight:bold;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: calc(1.5rem + ((1vw - 0.64rem) * 2.1429));
}
h4{
	background-color:#E63E4B;
	color:#fff;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: calc(1.3rem + ((1vw - 0.64rem) * 1.1429));
	text-align:center;
	padding:5px 0px;
}
p.l{
	font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));
	text-align:left;
	line-height:1.0;
	font-style:normal;
	}
p.l i ,table td i{
	color:#E63E4B;
	font-size: calc(1rem + ((1vw - 0.64rem) * 2.1429));
	font-style:normal;
	}
.t40{
	margin-top:40px !important;
}
.b40{
	margin-bottom:40px !important;
}

table{
	width:100%;
}
table td{
	width:50%;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size: calc(1rem + ((1vw - 0.64rem) * 1.1429));
	}


/* ====== FOOTER ====== */
footer {
  width: 100%;
  background-color:#E63E4B;
  text-align:center;
  height:200px;
  position:relative;
  margin-top:100px;
}
footer.com{
	background-color:#767CAF;
}
footer img{
	position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
	}

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

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

  .herounit h1 {
    margin-top: 10rem; }

    header .navbar-brand .logo {
      width: 70%; }
	header .navbar-brand .logo {
      max-width: 454px; }


    }
    div.row{
		margin-top:20px;
	}

/* END */
/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width: 991.98px) {

header .navbar-brand .logo {
      width: 70%; }

  .container {
    max-width: 740px; } }
/* END */
/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width: 767.98px) {
  h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2; }

  #sec3 {
    background-image: none; }



  header .navbar-nav {
    border-top: 1px solid #fff; }
    .footer-logo {
  width: 100%;
}


section:nth-child(n+2){
	margin-top:20px;
}
section:nth-child(n+2) div.text{
	margin-top:10px;
	}

.t40{
	margin-top:20px !important;
}


	section.index ul li{
		height:auto;
		padding:10px 0px;
		background-size:10px;

	}

	section.com h2{
		margin-top:15px;
	}
	section.com h2+p{
		margin-top:5px;
	}

	div.bg{
		margin-top:15px;
	}
	section.com h3{
		padding-top:10px;
	}
	section.com table{
		width:100%;
	}
	section.com table+div{
		width:100%;

		padding:10px 0px;
	}
	section.com ol{
		margin:10px auto;
		width:100%;
	}
}
/* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {

header nav{
	height:100px;
}

  .display-3 {
    line-height: 0.8em; }

  .display-4 {
    font-size: 2rem;
    line-height: 1.2; }
	div.row.menu{
		margin-top:0px;
	}
    div.row img.menu{
		width:70%;
		margin-top:10px;
	}
	div.row.menu div{
		text-align:center;
	}

	h4{
		margin-top:10px !important;
	}

footer {
  height:100px;
    margin-top:20px;

}
footer img{
     height:50%;
	}

	section.com table td{
		padding:3px 0px 3px 3px;
	}
    }
/* END */