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

body {background:#fff;  padding: 0;  color:#111; line-height: 1.6em; font-size: 1em; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}.carousel {  margin-bottom: 4rem;}/* 画像を配置しているので、キャプションを手助けする必要がある */.carousel-caption {  bottom: 3rem;  z-index: 10;}/* img要素の配置のために高さを宣言 */.carousel-item {  height: 32rem;}.marketing .col-lg-4 {  margin-bottom: 1.5rem;  text-align: center;}.marketing .col-lg-4 p {  margin-right: .75rem;  margin-left: .75rem;}/* フィーチャー------------------------- */.featurette-divider {  margin: 5rem 0; /* ブートストラップの<hr>をもっと外に出す */}/* マーケティングの見出しを細めにする */.featurette-heading {  letter-spacing: -.05rem;}/* レスポンシブCSS-------------------------------------------------- */@media (min-width: 40em) {  /* カルーセルコンテンツのサイズを大きくする */  .carousel-caption p {    margin-bottom: 1.30rem;    font-size: 1em;    line-height: 1.6;  }  .featurette-heading {    font-size: 50px;  }}@media (min-width: 62em) {  .featurette-heading {    margin-top: 7rem;  }
}

a{
	color: #00453F;
}

a:hover img{
	opacity: 0.8;
}

.topbox img {
    border-radius: 20px;
}

.headtext{
	font-size: 0.8em;
}

.header{
	height: 130px;
	background: url(../image/head01.png) no-repeat;
	background-position:10% top;
	background-size: 280px;
	padding: 20px;
font-weight: 500;
font-style: normal;
	
}

.header .name a{
	color:#273622;
	text-decoration: none;
font-weight: 500;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.banner {
	min-height: 500px;
	background-image: url(../image/topimage02.jpg);
	background-size: cover;
	background-position:center center;
	box-shadow: 0 0px 10px rgba(0,0,0,0.4);
}
.banner-text {
	padding-top: 70px;
}

.banner-text2 {
	padding-top: 40px;
}

.banner-text h3 {
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 50px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-shadow: 0 3px 10px rgba(0,0,0,0.7);
}

.banner-text2 h3 {
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-style: normal;
	font-size: 34px;
	line-height: 50px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.banner-text2 p {
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
	font-size: 18px;
}

.top_pop{
  text-align: center;
	padding: 20px 0 0 0;
}
.top_pop1,.top_pop2{
	margin: 0 30px 0 0;
}


.top_pop1,.top_pop2,.top_pop3{
        filter: drop-shadow(5px 5px 5px #ccc);
	width: 160px;
}


.messe{
	margin: 50px 20px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
}

.messe .messimg{
	width: 250px;
	padding: 5px;
}

h2.sozoku{
	color: #fff;
	background: #67718a;
	border:solid 5px #9398a2;
	padding: 10px 20px;
	font-size: 2em;
	margin: 0 0 20px 0;
	text-align: center;
	border-radius: 10px;
}

h2.visa{
	color: #fff;
	background: #67718a;
	border:solid 5px #9398a2;
	padding: 10px 20px;
	font-size: 2em;
	margin: 0 0 20px 0;
	text-align: center;
	border-radius: 10px;
}

h2.company{
	color: #fff;
	background: #67718a;
	border:solid 5px #9398a2;
	padding: 10px 20px;
	font-size: 2em;
	margin: 0 0 20px 0;
	text-align: center;
	border-radius: 10px;
}


div.container{
   max-width: 992px; /* 横幅の最大値 */
}

.menu{
	font-size: 16px;
}
.menu a{
white-space: nowrap;
	color: #030605;
}

.menu a:hover{
	background:#698EB0;
	border-radius:12px;
	font-weight: 600;
	color: #fff;
}

.menu .select{
	font-weight: 600;
}

.menubg{
	background:#fff;
}

.footer{
	background: #C3DADD;
	margin-top: 50px;
	margin-bottom: 0;
	padding: 40px 20px 10px;
}

.footer ul{
	list-style: none;
	text-align: right;
}
.footer ul li{
	padding: 5px;
}

.footer ul li a{
	color: #132B3F;
	text-decoration: none;
	padding: 5px;
}

.footer ul li a:hover{
	background:#8EAFB5;
	border-radius:5px;
}
.conpany-name{
	font-size: 1.4em;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 500;
	line-height: 1.5em;
}
.copy{
	text-align: center;
	font-size: 0.8em;
	color: #555;
}

.contacttitel{
	color:#86292B;
	padding: 10px;
	border-bottom: #b77d7d solid 2px;
	text-align: center;
	margin-bottom: 15px;
}
.contbtn{
	text-align: center;
}
.contbtn img{
	width: 60%;

}

.bg_sozoku{
	background: #67718a;
	background-size: cover;
	background-position:center center;
	box-shadow: 0 0px 10px rgba(0,0,0,0.2);
	margin-bottom: 40px;
	border-top:solid 5px #9398a2;
	border-bottom:solid 5px #9398a2;
}
.bg_visa{
	background: #67718a;
	background-size: cover;
	background-position:center center;
	box-shadow: 0 0px 10px rgba(0,0,0,0.2);
	margin-bottom: 40px;
	border-top:solid 5px #9398a2;
	border-bottom:solid 5px #9398a2;
}

.bg_office{
	background: #67718a;
	background-size: cover;
	background-position:center center;
	box-shadow: 0 0px 10px rgba(0,0,0,0.2);
	margin-bottom: 40px;
	border-top:solid 5px #9398a2;
	border-bottom:solid 5px #9398a2;
}

.bg_contact{
	background:#df9370;
	background-size: cover;
	background-position:center center;
	box-shadow: 0 0px 10px rgba(0,0,0,0.2);
	margin-bottom: 40px;
	border-top:solid 5px #ccc;
	border-bottom:solid 5px #ccc;
}


.sub-title{
    padding-left: 85px;
    line-height: 40px;
    background: url(../image/icn_pen.png) no-repeat;
}
.sub-title h3{
	font-weight: bold;	
}
.sub-title p{
	font-size: 1.2em;
	line-height: 1.6em;
	padding-top:10px;
}

.inbox .sub{
	float: right;
	width: 35%;
	padding: 7px;
}


.intitle {
	font-size: 2em;
	font-weight: bold;
  position: relative;
  padding: 15px 20px;
  background: #a2bcb9;
  color: white;
	margin-bottom: 15px;
	border-radius: 10px;
	border: 6px double #fff;
}


h6.icn{
    padding-left: 50px;
    line-height: 50px;
    background: url("../image/icn_hatena2.png") no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #3A8A84;
}

p.textgreen{
		color: #3A8A84;
}

.inbox{
	clear:both;
}

.inbox h5{
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	line-height: 30px;
}

.inbox h5 span{
    background-color: #C5B68A;
    border-radius:  50%;
    padding:  5px 10px;
    font-size: 20px; 
    color: #fff; 
    margin-right: 5px;
	font-family:Tahoma, Geneva, "sans-serif";
}

.sma{
    display: none;
}

table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 15px 20px;
  text-align:left;
  box-sizing:border-box;
	border: #fff 3px solid;
}
.tb01 th {
	text-align: left;
	color: #333;
	width: 38%;
	background:#ddd;
  
}

.title2 h3{
	font-weight: bold;
	border-bottom: 2px solid #4A4A4A;
	padding: 10px;
	margin-bottom: 20px;
}

.telno{
	font-size: 24px;
	font-weight: bold;
}

.inlineframe {
 background-color:#FFFFFF;
 height:250px;
 overflow:auto;
 overflow-y:scroll;
 overflow-x:hidden;
	border: 1px solid #ccc;
	padding: 10px;
}

.contactbox{
	background:#fff7d9;
	border-radius: 20px;
	padding: 20px;
	border: 1px solid #b77d7d;
}

.topbox{
	background: #fff7d9;
	border-radius: 20px;
	padding: 30px 20px ;
	margin-bottom: 40px;
}

.bunner{
	text-align: center;
	 white-space: nowrap;
}

.bunner span{
	display: inline-block;
	background: #7B0709;
	color: #fff;
 	border-radius: 20px;
	padding: 5px 10px;
	text-align: center;
	font-weight: 600;
	
}

p.tel{
	font-size: 30px;
	text-align: center;
	margin: 20px 0;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
p.tel a{
	text-decoration: none;
	color: #6F0001;
}


@media screen and (max-width:768px) {
    .sma{
        display: block;
    }

}



@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}


@media (max-width: 990px){
.messe .messimg{
	width: 180px;
	padding: 5px 0 5px 5px;
}
.banner-text h3 {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-shadow: 3px 3px 10px #111;
}
.menubg{
	background: rgba(255, 255, 255,0.9);
	padding: 20px;
	border-radius: 30px;
	width: 260px;
	text-align: center;
}
.menubg a{
	padding-left: 10px;
	}
.menubg img{
	margin: 10px 0;
}
.contbtn img{
	width: 80%;
}
	
.top_pop1,.top_pop2,.top_pop3{
        filter: drop-shadow(5px 5px 5px #ccc);
	width: 120px;
}
.top_pop1,.top_pop2{
	margin: 0 10px 0 0;
}
	
}