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

.topbgimg01{background:url(../img/bg/top.jpg) no-repeat top center,#19254A; background-size: 100%;}
@media only screen and (max-width:1050px) {
.topbgimg01{background:url(../img/bg/top_tb.jpg) no-repeat top center,#19254A;; background-size: 100%;}	
}
@media only screen and (max-width:700px) {
.topbgimg01{background:url(../img/bg/top_sp.jpg) no-repeat top center,#19254A;; background-size: 100%;}	
}


.bgimg01{background:url(../img/bg/pagebg01_bottom.png) repeat-x bottom center,url(../img/bg/pagebg01.png) repeat-x top center,#FFFFFF; background-size: 100%;}
@media only screen and (max-width:1050px) {
.bgimg01{background:url(../img/bg/pagebg01_bottom.png) repeat-x bottom center,url(../img/bg/pagebg01.png) repeat-x top center,#FFFFFF; background-size: 100%;}	
}
@media only screen and (max-width:700px) {
.bgimg01{background:url(../img/bg/pagebg01_bottom.png) repeat-x bottom center,url(../img/bg/pagebg01.png) repeat-x top center,#FFFFFF; background-size: 100%;}	
}


.bgimg02{background:url(../img/bg/pagebg02.jpg) top center; background-size: 100%;}
@media only screen and (max-width:1050px) {
.bgimg02{background:url(../img/bg/pagebg02.jpg) top center; background-size: 100%;}	
}
@media only screen and (max-width:700px) {
.bgimg02{background:url(../img/bg/pagebg02.jpg) top center; background-size: 100%;}	
}

.businessbg01{background:url("../img/bg/bg01.jpg") no-repeat center; height: 300px; width: 100%; margin-bottom: 45px;}
.businessbg02{background:url("../img/bg/bg02.jpg") no-repeat center; height: 300px; width: 100%; margin-bottom: 45px;}
.businessbg03{background:url("../img/bg/bg03.jpg") no-repeat center; height: 300px; width: 100%; margin-bottom: 45px;}



.bgimg03{background:url(../img/bg/pagebg03.jpg) repeat;}

.Rimg{float:right; margin-left:15px; width:35%; height:auto;}
.Limg{float:left; margin-right:15px; width:35%; height:auto;}


.cate a{display:block; width:188px; height:36px;}

.cal_wrapper {
  max-width: 1600px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background:none !important;
}
 
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}


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

h3.privacy{padding: 0 25px; color: #333333; font-size: 15px; background: none; margin:10px 0 5px;}
h4.privacy{padding: 5px; color: #333333; font-size: 16px; font-weight: bold; text-align: center;  }

ul.privacy{padding:0 50px;}
ul.privacy li{list-style:lower-roman;}
ul.privacy ul{padding:0 20px;}
ul.privacy li li{list-style:lower-alpha;}


h4.product{padding: 5px; color: #555555; font-size: 20px; font-weight: bold; text-align: center;  }


.fcolor_w{color: #FFFFFF !important;}
.fcolor_w a{color: #FFFFFF !important;}
table{width: 100% !important;}


.Subttl{
	height: 60px !important;
	line-height: 60px !important;
	padding: 0 10px !important;
	background-color: rgba(60,60,60,1.0);
}

.Subttl a{
	height: 60x !important;
	line-height: 60px !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	font-size: 16px !important;
}



/* Color */

/* Font Color */


.Col6box section .cate{color:#FFFFFF;}
.Col3box h2{color:#BD1B25;}
.Col3box section .cate{color:#FFFFFF;}



.Col6box section .cate{background:#000000;}
.Col3box section .cate{background:#f5a100;}

.red{color:#BD1B25;}
.yellow{color:#EDE93C;}
.white{color:#FFFFFF;}

a.detailbtn {background:#009E84;}
a.detailbtn:hover{background:url(../../common/img/bg/02.png);}
.contact_btn{background-color: rgba(24,57,101,1.0); color: #FFFFFF;}

.contenthover a.mybutton {background:#3c9632; color:#fff; font-size:18px;}
.contenthover a.mybutton:hover {background:#34742d;}

.page_subttl h1{font-size: 25px; font-weight: bold;}


.pc{display: block;}
.sp{display: none;}


.businessbox{margin: 5px; border: 1px #A4A4A4 solid; padding: 5px;}

.businessbox h3{padding: 0; text-align: center;}

.businessbox ul{padding: 20px; list-style: none;}

.businessbox li{padding-left: 20px; background: url("../img/icon/menuarrow.png") no-repeat 0 2px;}


@media only screen and (max-width:700px) {
.pc{display: none;}
.sp{display: block;}
}

.wcolor{color: #FFFFFF;}

/* 例外的 */
.topmain{height: 700px;}

@media only screen and (max-width:750px) {
.topmain{height: 600px;}
}
@media only screen and (max-width:600px) {
.topmain{height: 450px;}
}

@media only screen and (max-width:500px) {
.topmain{height: 350px;}
}





.design01{padding:350px 0 !important; background: none;}
.design02 img{border: 5px solid #A6C6E8;}

.design03 img{border: 5px solid #A6C6E8;}

@media only screen and (max-width:700px) {
.design01{padding: 100px 0 !important;}	
}