/* ========================================
   page.css
   元ファイル: /home/claude/site_src/business/page.css
======================================== */
@charset "utf-8";
.b_menu .init-bottom {
	color: #22ac38;
}
.under_main h3 {
	margin-top: 75px;
}
#business02 .under_main h3 span {
	font-weight: normal;
}
.table02 td span {
	font-size: 14px;
	display: block;
}
#gmap {
	width: 100%;
	height: 300px;
}
/* ===== index  business01===== */
#business01 .under_main section p {
	margin-bottom: 40px;
}
.slider02 li, .slider03 li, .slider04 li, .slider05 li, .slider06 li, .slider07 li {
	max-width: 800px;
}
.slider02 li img, #business01 .bx-pager2 img, .bx-wrapper img {
	zoom: 1;
}
.bx-pager2 li a {
	display: block;
	float: left;
}
.bx-wrapper {
	margin: 0 auto;
}
.bx-pager2 li, .bx-pager7 li, .bx-pager3 li, .bx-pager4 li, .bx-pager5 li, .bx-pager6 li {
	opacity: 0.6;
}
.bx-pager2 li:hover, .bx-pager3 li:hover, .bx-pager4 li:hover, .bx-pager5 li:hover, .bx-pager6 li:hover, .bx-pager7 li:hover {
	opacity: 1;
}
#business01 .slide_box {
	margin: 0 auto;
	width: 800px;
}
div.controlWrap {
	display: block;
	position: relative;
	margin: 10px auto 0 auto;
}
div.controlWrap p.pre a {
	display: block;
	width: 40px;
	height: 80px;
	position: absolute;
	background: #22ac38 url(../images/common/arrow07.png) no-repeat 50%;
	background-size: 18px;
	color: #fff;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
div.controlWrap p.next a {
	display: block;
	width: 40px;
	height: 80px;
	position: absolute;
	background: #22ac38 url(../images/common/arrow03.png) no-repeat 50%;
	background-size: 18px;
	color: #fff;
	top: 0;
	right: 0;
	text-indent: -9999px;
}
.bx-wrapper .bx-controls-direction a {
	height: 60px;
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/common/arrow08.png) no-repeat 0;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/common/arrow02.png) no-repeat 0;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
	background-position: 0;
}
#business02 .table01 th, #business03 .table01 th {
	width: 40%;
}
/* ===== business01  ===== */
#business01 #main_visual_bg {
	background: url(../images/business/main_visual_business01.jpg) no-repeat 0 0;
}
/* ===== business02  ===== */
#business02 #main_visual_bg {
	background: url(../images/business/main_visual_business02.jpg) no-repeat 0 0;
}
#business02 a.btn02 {
	display: inline-block;
	vertical-align: top;
	margin-left: 90px;
}
#business02 #zan a.btn02 {
	margin-left: 55px;
}
#business02 .under_main ul li {
	float: left;
}
#business02 .under_main ul li:nth-child(2) {
	float: right;
}
/*#zantop {
margin-top:-60px;
}*/
.zantop_bottom{
margin-bottom:110px;
}
#zan {
	margin-top: 40px;
}
#zan p {
	width: 420px;
	display: inline-block;
	text-align: right;
}
#zan p span {
	display: block;
}
#news span.c_r {
	font-size: 14px;
	font-weight: normal;
	background: none;
}
#news p {
	line-height: 2;
}
#news h4 {
	font-size: 18px;
	margin-bottom: 25px;
}
td.tel {
	background: url(../images/business/img_business02_05.gif) no-repeat 280px 25px;
	background-size: 300px;
}
/* ===== business03  ===== */
#business03 #main_visual_bg {
	background: url(../images/business/main_visual_business03.jpg) no-repeat 0 0;
}
#business03 .slider_box {
	width: 500px;
	float: left;
}
#business03 #dec p {
	float: right;
	width: 430px
}
#business03 #gui .table01 {
	width: 410px;
	margin-left: 550px;
	margin-bottom: 30px;
}
#business03 #gui .table01 th, #business03 #gui .table01 td {
	font-size: 20px;
	line-height: 1;
	padding: 18px;
}
#business03 #gui .table_box {
	background: url(../images/business/img_business03_01.jpg) no-repeat 0 75px;
	background-size: 460px;
}
#business03 #gui .table_box2 {
	background: url(../images/business/img_business03_02.jpg)no-repeat 0 75px;
	background-size: 460px;
}
#tsuthi {
	margin-top: 40px;
}
#tsuthi li {
	width: 510px;
	display: inline-block;
	vertical-align: bottom;
}
#tsuthi li h4 {
	margin-bottom: 15px;
	font-size: 18px;
}
#tsuthi li span {
	display: block;
	margin-top: 10px;
}
#tsuthi li:nth-child(2) {
	width: 240px;
	margin-left: 40px;
}
#tsuthi li:nth-child(2) h4 {
	margin-bottom: 10px;
	font-size: 16px;
}
/* ===== business02  ===== */
#contact {
	background: url(../images/business/contact_bg.jpg)no-repeat 0 0;
	background-size: 100%;
	padding: 40px 440px 40px 40px;
}
#contact #memo {
	margin: 35px 0 15px 0;
	background: rgba(255,255,255,0.6);
	font-size: 18px;
	padding: 0 0 0 10px;
}
#contact #memo span {
	font-size: 20px;
	font-weight: bold;
}
#contact #tel_fax li {
	float: none;
	font-family : YuMincho, '游明朝', serif;
}
#contact #tel {
	font-size: 50px;
}
#contact #tel span {
	font-size: 35px;
	margin-right: 20px;
}
#contact #tel span.memo2 {
font-size:22px;}
#contact #fax {
	background: url(../images/business/fax_bg.gif)no-repeat 0 50%;
	line-height: 1;
	text-align: right;
	background-size: 260px;
	font-size: 28px;
}
#contact #fax span {
	font-size: 18px;
	margin-right: 15px;
}
#contact #address {
	margin: 20px 0 10px 0;
}
#contact #address li {
	float: none;
	margin-bottom: 5px;
	line-height: 40px;
	background: rgba(0,0,0,0.6);
}
#contact #address li span {
	color: #fff;
	display: inline-block;
}
#contact #address li span:nth-child(1) {
	background: #000;
	width: 110px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
#contact #address li span:nth-child(2) {
	margin-left: 10px;
}
#contact #address li span:nth-child(3) {
	font-size: 14px;
	margin-left: 10px;
	font-weight: bold;
}
#contact .contact_link_txt {
	float: left;
	color: #02670f;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
}
#contact .contact_link_btn a {
	float: right;
}
#business02 #contact #address li span:nth-child(3) {
	letter-spacing: -1.5px;
}

@media screen and (max-width:1024px) {
/* ===== business02  ===== */
#business02 .under_main ul li, #business02 .under_main ul li:nth-child(2) {
	width: 49%;
}
#zan p {
	text-align: left;
}
#business02 a.btn02 {
	margin: 10px 0 0 0;
	display: block;
}
#contact #tel_fax li {
	width: 100%;
}
#contact {
	background-size: cover;
	padding: 20px;
}
#contact #fax {
	background-size: 65%;
}
/* ===== business03  ===== */

#business03 #gui .table_box, #business03 #gui .table_box2 {
	background-size: 55%;
}
#business03 #gui .table01, .under_main a.btn03 {
	width: 40%;
	margin-left: 60%;
}
#tsuthi li:nth-child(2) {
	margin: 20px 0 0 0;
}
#business03 #gui .table01 th,  #business03 #gui .table01 td {
	width: 100%;
	padding: 5px;
	display: block;
}
/* ===== contact  ===== */

#contact #address li {
	width: 100%;
}
}

@media screen and (max-width:1024px) {
#business03 .slider_box {
	width: 48%;
}
#business03 #dec p {
	width: 50%
}
}

@media screen and (max-width:850px) {
#business01 .slide_box {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
#business03 .slider_box {
	width: 100%;
}
#business03 #dec p {
	width: 100%;
	margin-top: 240px;
}
}

@media screen and (max-width: 650px) {
.controlWrap {
	display: none!important;
}
#gmap {
	height: 250px;
}
.table02 td.tel {
	padding: 0 0 60px 10px;
	background-position: 50% 65px;
	width: auto;
}
.under_main h3 {
	margin-top: 50px;
}
#business02 .under_main ul li, #business02 .under_main ul li:nth-child(2) {
	width: 100%;
	float: none;
	line-height: 1;
	margin-top: 5px;
}
#zan p {
	width: 100%;
}
#business02 #zan a.btn02 {
	margin: 10px auto 0 auto;
}
#contact {
	padding: 15px;
}
#contact #tel span, #contact #fax span {
	font-size: 24px;
}
#contact #tel {
	font-size: 40px;
}
#contact #tel span {
	margin-right: 10px;
}
#contact #tel span.memo2 {
display:block;}
#contact #fax {
	background: none;
	text-align: left;
	font-size: 30px;
}
#contact #address li span:nth-child(1) {
	display: block;
	width: 100%;
}
#contact .contact_link_txt {
	float: none;
	text-align: center;
}
#contact .contact_link_txt br {
	display: none;
}
#contact .contact_link_btn a {
	float: none;
	margin: 0 auto;
}
#business03 #dec p {
	margin-top: 0;
}

.under_main a.btn03 {
	width: 90%;
	margin: 10px auto;
}
#business03 #gui .table01 th, #business03 #gui .table01 td {
	display: table-cell;
	width: auto;
}

#tsuthi li {
	width: 100%;
}
#business02 .table01 th, #business03 .table01 th {
	width: 100%;
}
#business03 #gui .table_box, #business03 #gui .table_box2 {
	background-position: center 65px;
}
#business03 #gui .table01 {
    width: 100%;
    margin-left: 0;
    margin-top: 230px;
}
}

@media screen and (max-width: 590px) {

#business03 #gui .table_box, #business03 #gui .table_box2 {
	background-size: 100%;
}
#business03 #gui .table01 {
	margin-top: 70%;
}
}