@charset 'UTF-8';


/*==========================
　　　　　  Reset
==========================*/

body {
	color: #000;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', meiryo, 'メイリオ', 'ms pgothic', sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}


img {
	max-width: 100%;
	vertical-align: bottom;
}



ul  {
	margin:0;
	padding:0;
}

li {
	list-style-type: none;
}

p {
	margin:0;
	padding:0;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #02688C;
}

a, img, article, input, textarea {
  text-decoration:none;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;  
  transition: .2s;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin:0;
	padding:0;
}

dl, dt, dd {
	margin:0;
	padding:0;
}


:focus {
  outline:none;
}




/*==========================
　　　　　　Common
==========================*/
#contents {
	width: 100%;
	overflow: hidden;
}

.float_wrap {
	overflow: hidden;
}

.txt {
	line-height: 1.8em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:10px;
}
.txt-red {
	color:#F00;
}

.txt_green {
	color:#69AF80;
}

.txt_blue {
	color:#00A0E9;
}
.txt_dblue {
	color:#263c9b;
}

.ft8 {
	font-size: 0.8em;
}

.ft12 {
	font-size: 1.2em;
}

.ft14 {
	font-size: 1.4em;
}

.ft18 {
	font-size: 1.8em;
	line-height: 1.5em;
}
.ft31 {
	font-size: 30px!important;
	line-height: 1.8em;
}

.ft20 {
	font-size:20px;
}

.ft30 {
	font-size:30px;
}

.ft-bold {
	font-weight: bold;
}


.mincho {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.marugo{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.fw_bold {
	font-weight:bold;
}

.link-blue {
	color:#00A0E9;
}

.link-blue:hover{
	color:#02688C;
}

.disc li {
	list-style-type: disc;
	margin-left:15px;
}

.btn {
	max-width: 300px;
	border: 1px solid #251e1c;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 30px auto 0;
	position: relative;
}
.btn a {
	display: block;
	padding: 22px 20px 20px;
	line-height: 1;
}

.btn a:hover {
	background: #dcdcdd;
}

.center {
	text-align: center;
}

.jikan{letter-spacing: 0.4em}

.w90{
	width: 90%;
	margin: 0 auto;
}
.font-s70{
font-size: 70%;	
}
.w80{
	width: 80%;
	margin: 0 auto;
}

 .img80 img{
	width: 80%;
	margin: 0 auto;
}


.fuki {
  position: relative;
  padding: 1em;
  background: #e0edff;
  width: 80%;
  margin: auto;
}

.fuki:after {
  position: absolute;
  content: '';
  top: 90%;
  left: 200px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

.button:hover {
  opacity:0.5;
  transition: 1s;
}

.indent{
	padding-left: 0.8em;
	text-indent: -0.8em;
	box-sizing: border-box;
}


/*背景色*/
.back-red {
	 background-color: #ff0000;
}

.back-blue {
	 background-color: #00a0e9;
}

.back-lblue {
	 background-color: #bae3f9;
}

.back-green {
	 background-color: #00913a;
}

/*スマホのみ改行 */
@media print, screen and (min-width:768px){
	.md {
		display: none !important;
	}
	}
/*PCのみ改行 */
@media print, screen and (max-width:1024px){
	.sp {
		display: none !important;
	}
	}
/*フェードイン */
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}		

/*ブロックごと右寄せ */
.f_right p {
	float: right;	
}
.f_right:before,
.f_right:after{
    content: "";
    display: table;
}
.f_right:after{ clear: both; }
.f_right{ zoom: 1; } /* For IE 6/7 */

/*==========================
　　　　　　Header
==========================*/
 header {	
	width: 100%;
}

header .header_row {
	position: relative;
	box-sizing: border-box;
}

/*indexヘッダー */
header .header_row h1#index-logo img{
	width: 200px;
	position: absolute;
	top: 37%;
	left: 50%;
	z-index: 100;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

@-moz-document url-prefix() {
header .header_row h1#index-logo img {
   width: 180px;
}
}

header .tel{
  font-weight: bold;
  letter-spacing : 4px;
  font-size: 20px;
  display: inline-block;
  color: #EB6100;
  text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

header .tel span{
  font-size: 36px;
  color:#EB6100;
}

header .tel a{
  color:#EB6100;
}



/*ページヘッダー */
header .inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	background-size: 100%;
	margin: 0 auto;
	display:block;
}

header h1#head-logo img{
	width: 200px;
	display: block;
	margin: 80px auto 0;
}
header .head-tel {
  display: block;
  margin: auto;
  text-align: center;
}

header .head-tel p{
  font-weight: bold;
  letter-spacing : 4px;
  font-size: 1.2em;
  display: inline-block;
  color: #EB6100;
  margin: auto;
}

header .head-tel a{
   color: #EB6100;
}


header .head-tel span{
  font-size: 1.8em;
  color:#EB6100;
}

header .head-tel p.waku{
  font-weight: bold;
  letter-spacing : 4px;
  font-size: 1.0em;
  color: #fff;
  margin-right: 10px;
  padding: 3px 5px;
  border-radius: 10px;
  width: 110px;
  background-color: #ea5514;
  text-align: center;
  border: 0 none;
  letter-spacing : 1px;
}

header .tel a{
  color:#EB6100;
}

header .hous{
  margin:5px auto 0;
  display: block;
  text-align: center;
}

header img.quote-btnB{
  margin:10px auto 15px;
  display: block;
  text-align: center;
  width: 350px;
}


.top_caption{
  width: 100vw;
  background-color: #1f8a76;
  padding: 10px auto;
  display: block;
  margin: auto;
}

.top_caption p{
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  padding: 10px 0;
}

/* Burger Button */
.burger-menu {
	position: fixed;
	top:0;
	right:0;
	z-index: 999;
	width: 60px;
	height: 60px;
	background-color: #1f8a76;
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    position: relative;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 20px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}


/*click前のスタイル*/
.menu-trigger.active span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(3) {
  width: 20px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translate(31px,13px) rotate(45deg);
  transform: translate(31px,13px) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translate(31px,-13px) rotate(-45deg);
  transform: translate(31px,-13px) rotate(-45deg);
}

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 40px;
    height: 30px;
	top: 23%;
	left: 17%;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 13px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}


/*click後のスタイル*/
.menu-trigger.active span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(3) {
  width: 20px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translate(26px,7px) rotate(45deg);
  transform: translate(26px,7px) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translate(26px,-7px) rotate(-45deg);
  transform: translate(26px,-7px) rotate(-45deg);
}


/* Gnav */
#gnav {
  position: fixed;
  top: 0;
  right: -300px; /* メニューのwidth + padding */
  width: 220px; /* メニューのwidth */
  height: 100%;
  padding: 20px;
  transition: left .3s, right .3s; /* アニメーション */
  background-color: #1f8a76;
	z-index: 998;
}
#gnav.open {
  right: 0;
}
#gnav,
#gnav.open {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
#gnav > ul {
	position: relative;
	width: 100%;
	top: 15%;
}

#gnav a {
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	width: 100%;
	color: #FFF;
}


#gnav li a{
	box-sizing: border-box;
	display: block;
	position: relative;
	cursor: pointer;
	color:#FFF;
	padding:20px 0;
}

#gnav li a{
	box-sizing: border-box;
	display: block;
	position: relative;
	cursor: pointer;
	color:#FFF;
	padding:20px 0;
}
	
#gnav li a:hover {
	color: #FFF791;
}
	
#gnav li.space:hover {
	display: none;
}	
	

.language {
  position: fixed;
  display: table;
  top: 15px;
  right: 100px;
  z-index: 1000;
  font-size: 0;
  border-collapse: collapse;
}

.language a{
  display: table-cell;
  background-color: #FFF;
	opacity: 0.7;
  border: solid 2px #000;
  font-size: 16px;
  font-weight: bold;	
  color: #000;
  padding: 0 5px;
}

.language a:hover{
  background-color: #bae3f9;
  color: #000;
}

.h-sns-block {
	position: fixed;
	top:0;
	right:0;
	z-index: 997;
	width: 100%;
	height: 60px;
	background-color: #fff;
}

.h-sns-block ul li img{
	width: 50px;
}

.h-sns-block ul li.h-x img{
	position: fixed;
	top:5px;
	left:5px;
}

.h-sns-block ul li.h-instagram img{
	position: fixed;
	top:5px;
	left:60px;
}

.h-sns-block ul li.h-line img{
	position: fixed;
	top:5px;
	left:115px;
}


/*==========================
　　　　　　 Top
==========================*/


/* トップページスライド */

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.slide {
   display: block;
   position: relative;
}

#top-slide .swiper-container {
   height: 80vh;
}

#top-slide .swiper-slide{
   display: block;
   background-position: center center;
   background-size:cover;	
}


.slide .slide_txt {
   display: block;
   position: absolute;
   bottom: 8%;
   left: 0;
   right: 0;
   margin: auto;
   z-index: 100;
	max-width: 330px;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	border-radius:25px;
	padding:5px 20px;
	font-size:1.2em;
	font-weight:bold;
}

@-moz-document url-prefix() {
.slide .slide_txt {
   bottom: 10%;
}
}

.slide .tel {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:2%;
   margin: auto;
   left: 0;
   right: 0;
   max-width: 350px;
   text-align: center;
}

.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   max-width:220px; 
}

.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   max-width:220px; 
}

@-moz-document url-prefix() {
.slide .quote-btnA {
   max-width:150px; 
}
	
.slide .PCR-btn {
   max-width:150px; 
}	
}

/* コンテンツ */
.wrapper {
	width: 98%;
    margin: 0 auto;
}


/* バナー用スライド */
#bunner-slide.swiper-container {
	overflow: hidden;
}

#bunner-slide .swiper-wrapper {
	margin: 50px 0;
	width: 100%;
}
/* 全スライド共通スタイル */
#bunner-slide .swiper-slide {
	background-color: #fff;
	margin: auto;
	position: relative;
}

#bunner-slide .swiper-button-prev::after,
#bunner-slide .swiper-button-next::after {
	display: none;
}

#bunner-slide.swiper-container .swiper-slide img{
	display: block;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
}

.top-banner-p {
	max-width: 1500px;
    margin: 50px auto 10px;
	display: block;
	width: 90%;
}

.top-banner-s {
	max-width: 500px;
    margin: 50px auto 10px;
	display: block;
	width: 90%;
}

@media screen and (max-width:800px){
.top-banner-p {
	display: none;
}    
} 
@media screen and (min-width:801px){    
.top-banner-s {
	display: none;
}    
} 

ul.top-banner {
	max-width: 1000px;
    margin: 50px auto 0px;
	display: flex;
	width: 90%;
}

ul.top-banner li{
	width: 90%;
	padding: 15px;
	box-sizing: border-box;
	display: block;
	margin: auto;
}
@media screen and (max-width:756px){
ul.top-banner {
	display: block;
	width: 100%;
}

ul.top-banner li{
	width: 100%;
	max-width: 500px;
	padding: 5px 7px;
	box-sizing: border-box;
	margin: auto;
	display: block;
	text-align: center;
}  
}

@media screen and (min-width:1499px){
	ul.top-banner {
		max-width: 1500px;
	}
}


.news {
	max-width: 800px;
    margin: 50px auto 30px;
	display: block;
	width: 90%;
    background-color: #ffff00;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px 0;
}

.news .ttl {
	display: block;
	margin: 10px auto 0;
	padding: 5px 10px;
	color: #000;
	width: 90%;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.news .txt {
	display: block;
	margin: auto;
	font-size: 1.0em;
	line-height: 1.2em;
	width: 90%;
}

.news .txt .bold{
	font-size: 1.2em;
    font-weight: bold;
    color: #ff0000;
}


.covid-19 {
	max-width: 800px;
    margin: 50px auto 30px;
	display: block;
	border: 1px #000 solid;
	width: 90%;
}

.covid-19 .ttl {
	display: block;
	margin: 10px auto 0;
	padding: 5px 10px;
	color: #1f8a76;
	width: 90%;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.covid-19 .txt {
	display: block;
	margin: auto;
	font-size: 1.0em;
	line-height: 1.2em;
	width: 90%;
}

.covid-19 ul {
	display: block;
	margin: auto;
	width: 90%;
	font-weight: bold;
	line-height: 1.4em;
	padding-left:1em;
	text-indent:-1em;
}

.covid-19 .btn {
	display: block;
	margin: 15px auto;
	padding: 5px 10px;
	color: #fff;
	border-radius: 20px;
	width: 90%;
	max-width: 300px;
	background-color: #ea5514;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	border: 0 none;
}

.covid-19 .btn:hover {
	background-color: #b81c22;
	-webkit-transition: all .5s;
    transition: all .5s;
	text-shadow:none;
}

/*ニュース*/

.iframeWrapper {
    max-width: 600px;
    display: block;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}


iframe  {
    width: 100%;
    height: 450px;
    border: 0;    
} 

.news-box{
	position: relative;
	background-color: #fff;
	display: flex;
	max-width: 500px;
    width: 95%;
	margin: 20px auto;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}

.news-box img{
	display: block;
	width: 100%;
    max-width: 200px;
	margin: auto;
	padding: 0px;
}


.news-box .txt-box{
	padding: 0 15px 15px;
}

.news-box .box-ttl-01{
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
	color: #000;
    border-bottom:solid 3px #EB6100;
}


.news-box .box-ttl-02{
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	padding: 5px;
}

.news-box a.box-btn{
    position: absolute;
	display: block;
	color: #EB6100;
	text-align: right;
}

.bus-backimg{
	position: relative;
	z-index: 99;
	width: 100vw;
	margin: 100px calc(50% - 50vw);
	background-image: url(../images/bus_back_img.jpg);
	height: 400px;
	background-size:cover;
}


.bus-top .white-bar {
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	border: 1px #000 solid;
	padding: 5px 10px;
	color: #000;
	border-radius: 30px;
	width: 90%;
	max-width: 500px;
	background-color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

.bus-top img.bus-img {
	position: absolute;
	z-index: 100;
	bottom: -90px;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}

.bus-top .ttl {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin: 1.0em;
}

.bus-top .btn {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin: 1.0em;
}

.more-btn {
	display: block;
	margin: 15px auto;
	padding: 10px 10px;
	color: #fff;
	border-radius: 20px;
	width: 90%;
	max-width: 300px;
	background-color: #006934;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border: 0 none;
}

.more-btn:hover {
	background-color: #007aff;
	-webkit-transition: all .5s;
    transition: all .5s;
	text-shadow:none;
}

.bus-category {
	width: 100%;
	max-width: 1000px;
	margin: 100px auto;
	display: block;
}

.bus-category ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.bus-category ul li{
	position: relative;
	z-index: 99;
	overflow: hidden;
	background-color: #fff;
}

.bus-category ul li img{
	max-width: 300px;
}

.bus-category ul li .w-back{
	position: absolute;
	z-index: 100;
	bottom: 10px;
	width: 80%;
	padding: 13px 0;
	background-color: rgba( 255, 255, 255, 0.55 );
}

.bus-category ul li .w-back h3{
	font-size: 1.0em;
	position: absolute;
	z-index: 110;
	top: 3px;
	bottom: 0;
	left: 10px;
}

.safety{
	width: 100vw;
	margin: 100px calc(50% - 50vw);
	background-color: #e0f0e2;
}

.safety ul{
	display: block;
	width: 100%;
}

.safety ul li{
	margin: auto;
	padding: 10px 0;
}

.safety ul li img{
	max-width: 200px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.safety ul li.txt{
	text-align: center;
}

.safety ul li h2{
	font-size: 1.6em;
	font-weight: bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom: 5px;
}

.safety ul li .nintei{
	font-size: 2.8em;
	font-weight: bold;
	color: #13ae67;
	margin: 30px auto 30px;
}



/* SNSボタン */
.flowbtn12{
font-family:'Verdana',sans-serif;	
border-radius: 10px;
display:inline-block;
width: 60%;
font-size:30px;
transition:.4s;	
text-decoration:none;
margin: 10px;
padding: 10px 20px;
}
/* SNSボタンマウスホバー時 */
.flowbtn12:hover{
color:#fff!important;
text-decoration:none;
}

/* Twitter */
.flowbtn12.fl_tw2{
border:solid 2px #000;
color:#000;
}
/* Twitterマウスホバー時 */
.flowbtn12.fl_tw2:hover{
border:solid 2px #262626;
background:#262626;
}
/* Instagram */
.flowbtn12.insta_btn2{
border:solid 2px #c6529a;
color:#c6529a;
}
/* Instagramマウスホバー時 */
.flowbtn12.insta_btn2:hover{
border:solid 2px #c6529a;
background:#c6529a;
}
/* ボタン内テキスト調整 */
.flowbtn12 span{
font-size:20px;
font-weight: bold;
position:relative;
left:8px;
padding:20px;
}
/* ボタン同士の余白 */
.snsbtniti2 li{
margin: 10px;
flex:0 0 48%;
text-align:center !important;
}

.fa-twitter:before {
    content: '𝕏';
    font-family: unset;
    font-weight: bold;
}

.f-banner img{
	display: block;
	margin: 50px auto 0;
}

.box-2.sns{
	display:block;
	margin: 50px auto 0;
	max-width:800px;	
	width:100%;
  }

/*==========================
　　　　　　Footer
==========================*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: -60px;
  right: 20px;
  display: block;
  z-index: 800;
  background-color: #9fa0a0;
  background-image: url(../images/arrow01_b.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 22px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


#footer {
	background-color: #1f8a76;
	padding: 20px 0;
	margin-top: 80px;
}
#footer p,
#footer a{
	color: #fff;
}

#footer a:hover{
	color:#ffff00;
}

#footer .foot{
	width: 95%;
	max-width: 1200px;
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}


#footer .fNav {
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 1.0rem;
	color: #fff;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


#footer .fNav li {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
}

#footer .fNav a.arrow_s {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #fff;
  text-decoration: none;
}

#footer .fNav a.arrow_s:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}

#footer .fNav a:hover.arrow_s {
  color: #ffff00;
}

#footer .site-name{
	font-size: 1.8em;
	font-weight: bold;
}

#footer .site-name span{
	font-size: 0.6em;
	font-weight: normal;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#footer .contact{
	display: block;
	padding: 2px 10px;
	margin: 10px 0;
	color: #333;
	border-radius: 5px;
	width: 90%;
	max-width: 230px;
	background-color: #fff;
	font-size: 1.0em;
	text-align: center;
	border: 0 none;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#footer .contact-2 span{
	padding: 2px 10px;
    line-height: 1.7em;
	color: #fff;
	width: 90%;
	max-width: 220px;
	font-size: 1.0em;
	text-align: center;
	border: 1px #fff solid;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}



#footer .tel-fax .tel,
#footer .tel-fax .fax{
	display: inline-block;
	font-weight: bold;
	margin: 5px 0 0;
}

#footer .tel-fax .tel{
	font-size: 1.2em;
}

#footer .tel-fax .tel a{
	font-size: 1.8em;
}
#footer .tel-fax .fax{
	font-size: 1.6em;
	margin-left: 10px;
}
#footer .tel-fax .fax span{
	font-size: 0.6em;
}

#footer .copyright {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 0.8em;
	margin-top: 20px;
	text-align: center;
}



/*==========================
　　　　　　PAGE
==========================*/
.page {
	width: 98%;
    margin: 0 auto;
}

.block-inner {
	width: 98%;
    margin: 0 auto 30px;
}	

.txt-box {
	display: block;
	margin: 10px auto 0;
	max-width: 1100px;
}

/*見出し*/
h2.midasi {
	text-align: center;
	font-weight:bold;
	font-size: 2.0em;
	color: #EB6100;
	border-top:1px #EB6100 solid; 
	border-bottom:1px #EB6100 solid; 
	margin:20px auto 40px;
	width:98%;
	max-width: 1200px;
	padding: 5px auto;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

h3.midasi {
	text-align: left;
	font-weight:bold;
	font-size: 1.5em;
	color: #000;
	border-left:10px #EB6100 solid; 
	margin:120px auto 40px;
	padding-left: 10px;
	width:98%;
	max-width: 1200px;
	padding: 2px 0px 2px 15px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

h3.midasi_features {
	text-align: center;
	font-size: 4.0em;
	color: #898989;
	font-weight: normal;
	margin:40px auto 20px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


h3.midasi_features span {
	font-size: 0.8em;
}


.bus-description {
	display: block;
	margin: 15px auto;
	padding: 20px 20px;
	color: #000;
	border-radius: 20px;
	width: 90%;
	max-width: 1200px;
	background-color: #cbe3ae;
	font-size: 1.0em;
	box-sizing: border-box;
}

@-moz-document url-prefix() {
.bus-description {
	line-height: 1.4em;
}
}
.bus-backimg2{
	z-index: 99;
	width: 100vw;
	margin: 50px calc(50% - 50vw);
	background-image: url(../images/bus/bus_img.jpg);
	height: 400px;
	background-size:cover;
}


/*2カラムボックス*/
.box-2{
  display:block;
  margin: auto;
  max-width:1200px;	
  width:100%;
}

.box-2 ul{
  display:block;
  margin:0 auto;
  max-width:1200px;	
  width:95%;
}

.box-2 ul li{
	height:auto;
	margin:0 auto;
	max-width: 600px;
}


@media screen and (max-width: 480px) {
	.cp_card02 .description h1 {
		font-size: 1.3em;
	}
}

/*バスの安全性能*/
.green-box {
	display: block;
	margin: 50px auto 15px;
	padding: 10px 10px;
	color: #fff;
	width: 95%;
	background-color: #1f8a76;
	font-size: 1.0em;
	text-align: center;
	box-sizing: border-box;
}


.green-box2 {
	display: block;
	margin: 50px auto 15px;
	padding: 10px 10px;
	color: #fff;
	width: 100%;
	background-color: #1f8a76;
	font-size: 1.0em;
	text-align: center;
	box-sizing: border-box;
}

.bus-safety-txt {
	display: block;
	margin: 20px auto 0;
	width: 95%;
	font-size: 1.0em;
	box-sizing: border-box;
}

ul.pcs{
	display: flex;
}
ul.pcs li .pcs-txt{
	padding-left:10px;
	box-sizing: border-box;
}


.safety-2col{
  display:block;
  margin: auto;
  width:100%;
}

.safety-2col ul{
  display:block;
  margin:0 auto;
  width:95%;
}

.safety-2col ul li{
	height:auto;
}

.safety-3col{
  display:block;
  margin: 50px auto;
  width:100%;
}

.safety-3col ul{
  display:block;
  margin:0 auto;
  width:95%;
  max-width: 300px;	
}

.safety-3col ul li{
	margin:30px auto;
}
	
	
@-moz-document url-prefix() {
.green-box,
.green-box2,
.bus-safety-txt,
.pcs-txt,	
.safety-2col,
.safety-3col{
	line-height: 1.4em;
}
}
	
.five-min{
	color:#263c9b;
	font-size: 1.2em;
}

/*バス紹介・特徴*/

.box-2 ul li .bus-feature {
	display: block;
	margin: 15px auto;
	padding: 20px;
	color: #fff;
	max-width: 450px;
	border-radius: 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	border: 0 none;
}

/*大型・中型・マイクロバス共通*/
.bus-box {
	background-color: #EFEEDF;
	padding: 15px;
	box-sizing: border-box;
	max-width: 600px;
	width: 98%;
	display: block;
	margin: 0 auto 30px;
}


.box-2 ul li .bus-feature {
	display: block;
	margin: 15px auto;
	padding: 20px;
	color: #fff;
	max-width: 450px;
	border-radius: 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	border: 0 none;
}


.bus-box .bus-name {
	font-size: 1.6em;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.bus-box .bus-name span.new{
	margin-left: 10px;
	padding: 5px 7px;
	color: #fff;
	max-width: 60px;
	border-radius: 5px;
	font-size: 0.7em;
	font-weight: bold;
	border: 0 none;
}

.bus-box .capacity {
	font-size: 1.0em;
}

.bus-box .capacity span {
	font-size: 1.4em;
}

.bus-box .equipment {
	margin:10px 0;
	padding: 2px 3px;
	color: #fff;
	max-width: 50px;
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;
	border: 0 none;
	text-align: center;
}

.box-2 ul.equipment-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.box-2 ul.equipment-list li{
	margin: 0 5px;
	width: auto;
	list-style-position: inside;
	display: flex;
	align-items: center;
}
#big-bus.box-2 ul.equipment-list li{
	margin: 0 5px;
}

.box-2 ul.equipment-list li::before{
	content: "●"
}

/*大型バス*/
.big-bus-img {
	background-color: #EFEEDF;
	max-width: 600px;
	width: 98%;
	display:block;
	margin:0 auto;
}

.big-bus-img img{
	max-width:500px;
	width: 90%;
	display:block;
	margin:0 auto;
}

/*中型バス*/
#middle-bus .middle-bus-img {
	max-width: 400px;
	display: flex;
	align-items: center;
	width: 90%;
}

#middle-bus .seat-img {
	display: block;
	margin: auto;
	max-width: 450px;
	width: 90%;
}

/*マイクロバス*/
#micro-bus .box-3{
  margin: auto;
  max-width:1200px;	
  width:98%;
}

#middle-bus  ul.box-3{
  display:block;
  margin:0 auto;
  max-width:1200px;	
  width:95%;
}

#micro-bus .box-3 ul li{
	height:auto;
	margin:0 auto;
	max-width: 600px;
}

#micro-bus .micro-bus-img img {
	display: block;
	margin: 0 auto 20px;
	max-width: 350px;
	width: 90%;
}

#micro-bus img.seat-img {
	display: block;
	margin: auto;
	max-width: 350px;
	width: 90%;
}

#middle-bus .bus-name span.type,
#micro-bus .bus-name span.type {
	margin-left: 10px;
	padding: 5px 7px;
	color: #fff;
	max-width: 80px;
	border-radius: 5px;
	font-size: 0.7em;
	font-weight: bold;
	border: 0 none;
}

#micro-bus .box-3 ul.equipment-list{
	margin-top: 10px;
	display: flex;
}

#micro-bus .box-3 ul.equipment-list li{
	margin: 0 5px;
	width: auto;
	list-style-position: inside;
	display: flex;
	align-items: center;
}


#micro-bus .box-3 ul.equipment-list li::before{
	content: "●"
}

#micro-bus .equipment-list .equipment {
	margin:10px 0;
	padding: 2px 7px;
	color: #fff;
	max-width: 50px;
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;
	border: 0 none;
	text-align: center;
}

#micro-bus .box-3 ul.equipment-list li.equipment::before {
	content: none;
}

#micro-bus .family p, 
#micro-bus .family img {
	width: 90%;
	display: block;
	margin: 20px auto 0;
}

#micro-bus .family p {
	font-weight: bold;
	color: #EB6100;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.clean-video {
	max-width: 700px;
	width: 90%;
	display: block;
	margin: 20px auto 100px;
}

.trunk-img{
  display:block;
  margin: auto;
  max-width:1200px;	
  width:100%;
}

.trunk-img ul{
  display:block;
  margin:0 auto;
  max-width:1200px;	
  width:95%;
}

.trunk-img ul li{
	height:auto;
	margin:0 auto;
	max-width: 600px;
}



/*テーブル*/

table{
border-collapse:collapse;
width:98%;
max-width: 1200px;
margin:20px auto;
table-layout: fixed;
word-break: break-all;
margin:50px auto 100px;
}

table.features {
border-collapse:collapse;
width:98%;
max-width: 1000px;
margin:20px auto;
table-layout: fixed;
word-break: break-all;
margin:10px auto 5px;
}

table th{
position: static;	
letter-spacing:1px;
vertical-align: middle;
background-color: #fcd68c;	
text-align: center;	
width:25%;
padding: 10px auto;
font-size: 1.0em;
font-weight: normal;
border: 1px #000 solid;
}

table td{
position: static;	
letter-spacing:1px;
vertical-align: middle;
text-align: left;
padding: 10px auto;
border: 1px #000 solid;	
}


/*テーブル用装飾*/
td.center{
text-align: center;
}

td.right{
text-align: right;
}
th.w-10,
td.w-10{
width: 140px;
}
th.w-20,
td.w-20{
	width: 180px;
	}
td.green{
	background-color: #b9ffad;
	}
td.blue{
	background-color: #b4f9ff;
	}	
td.yellow{
	background-color: #faffbe;
	}
td.pink{
	background-color: #fde6ff;
	}			

/*テーブルスクロール*/
@media print, screen and (max-width:1199px){
table{
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;	
}	
}

img.center-img{
	width:95%;
	display:block;
	margin:0 auto;
}

img.center-img02{
	max-width: 800px;
	display:block;
	margin:0 auto;
}

/*安全目標への取り組み*/

.safety-img img{
	max-width: 300px;
	width:95%;
	display:block;
	margin:auto;
}
.safety-imgzu img{
	max-width: 600px;
	width:95%;
	display:block;
	margin:auto;
	margin-bottom:30px
}

.box-2 ul li.safety-img{
	margin-bottom:20px;
}

.box-2 ul li.safety-txt{
	width: 90%;
	max-width: 1000px;
}

.safety-ttl{
	font-size:1.2em;
	font-weight: bold;
	color: #1f8a76;
}


.safety-linkbtn{
   display: block;
   max-width: 320px;
   margin: 30px auto 30px;
   height: auto;
   text-align: center;
   text-decoration: none;
   outline: none;
   background-color: #036eb8;
   color: #fff;
   border-radius:25px;
   padding:5px 20px;
   font-size:1.2em;
   font-weight:bold;
}

.safety-linkbtn:hover {
	background-color: #1ad300;
	color: #fff;
	-webkit-transition: all .5s;
    transition: all .5s;
	text-shadow:none;
}

.slogan{
   display: block;
   width: 95%;
   max-width: 500px;
   margin: 30px auto 30px;
   height: auto;
   text-decoration: none;
   color: #000;
   padding:5px;
   border: 3px solid #1f8a76;
   box-sizing: border-box;
}

.slogan p{
   max-width: 400px;
   display: block;
   margin: auto;
   padding: 10px;
}

.slogan p.txt{
   font-size:1.6em;
   line-height: 1.2em;
   font-weight:bold;
   text-align: center;
   max-width: 400px;
   display: block;
   margin: auto;
   border-bottom: 1px solid #000;
}

ol.safety-goals{
   border-radius: 20px;
   padding: 20px;
   box-sizing: border-box;
}

ol.safety-goals li p{
	font-size: 1.6em;
	font-weight:bold;
	color: #036eb8;
}

img.bus-img{
	width: 95%;
	max-width: 450px;
	display: block;
	margin: 50px auto 50px;
}

.achievement{
	width: 95%;
	max-width: 1000px;
	display: block;
	margin: 80px auto 50px;
}

p.achievement-ttl{
	background-color: #1f8a76;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
}

.achievement ol{
	text-indent: -1em;
    margin-left: 1em;
	padding:0;
}

.achievement ol li span{
	color: #ff0000;
	font-weight: bold;
	font-size: 1.2em;
}

.achievement .txt-blk{
	color:000;
	font-weight: bold;
	font-size: 1.2em;
}

.achievement .txt-red p{
	color: #ff0000;
	font-weight: bold;
	font-size: 1.2em;
	display: inline-block;
}

.achievement .right{
	text-align: right;
}

.safety-policy{
	max-width: 1000px;
	width:95%;
	display:block;
	margin:0 auto 50px;
}

.safety-policy .list{
	display:block;
	font-weight:bold;
	margin:50px auto 50px;
	padding: 20px;
	background-color: #d5ebe1;
	box-sizing: border-box;
}

.safety-policy .list ul{
	list-style: disc;
}

.safety-policy .list ul li{
	list-style: disc;
	list-style: inside;
	text-indent: -1.2em;
	padding-left: 1.0em;
}


/*会社概要*/

.company,.company-name4,.company-name3{
	max-width: 1000px;
	width: 95%;
	display: block;
	margin: 0 auto 80px;
}


.company ul,.company-name4 ul,.company-name3 ul{
	display: flex;
	flex-wrap: wrap;
}

.company ul li{
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.company ul li.left{
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	width: 150px;
}

.company ul li.right{ flex:1 }

.company-name4 ul ,
.company-name3 ul {
	margin-bottom: 20px;
	justify-content: flex-start;
}


.company-name4 ul li::before,
.company-name3 ul li::before{
	content: "・";
}

.company ul li.yoko p{
	display: inline-block;
}

.company-name4 ul li{
	flex: 1;
}



.company-name4 ul li .small{
	font-size: 0.8em;
}

.company-name4 ul li::before,
.company-name3 ul li::before{
	content: "・";
}
	
.company-name4 ul li.no-list::before,
.company-name3 ul li.no-list::before{
	content: none;
}	
	
.company-name4 ul li,
.company-name3 ul li{
	text-indent: -1.0em;
	padding-left: 1.0em;
}		


/*新型コロナウイルス対策*/

.covid-19-txt ul{
	max-width: 1000px;
	width:95%;
	display:block;
	margin:0 auto 50px;
	list-style: disc;
}

.covid-19-txt ul li{
	list-style: disc;
	list-style: inside;
	text-indent: -1.0em;
	padding-left: 1.0em;
}

.box-2 ul li .bus-clean {
	display: block;
	margin: 15px auto;
	padding: 20px;
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	border: 0 none;
}

@-moz-document url-prefix() {
.box-2 ul li .bus-clean {
	line-height: 1.4em;
}
}

.covid19-img {
	display: block;
	margin: auto;
}

.covid19-img2 {
	display: block;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
}

/*見積もりページ*/	
.contact {
	font-size: 1.6em;
	font-weight: bold;
}

.contact span {
	font-size: 2.0em;
	font-weight: bold;
}

.contact a {
	color: #000;
}
.contact a:hover {
	color:#EB6100;
}

.fax-pdf {
   display: block;
   max-width: 400px;
   height: auto;
   text-align: center;
   text-decoration: none;
   outline: none;
   background-color: #EB6100;
   color: #fff;
   border-radius:25px;
   padding:5px 20px;
   margin-bottom: 10px;
   font-size:1.2em;
   font-weight:bold;
}

.fax-pdf-green {
   display: block;
   max-width: 400px;
   height: auto;
   text-align: center;
   text-decoration: none;
   outline: none;
   background-color: #00913a;
   color: #fff;
   border-radius:25px;
   padding:5px 20px;
   margin-bottom: 10px;
   font-size:1.2em;
   font-weight:bold;
}

.fax-pdf:hover {
	background-color: #007aff;
	color: #fff;
	-webkit-transition: all .5s;
    transition: all .5s;
	text-shadow:none;
}

.fax-pdf-green:hover {
	background-color: #2f4f4f;
	color: #fff;
	-webkit-transition: all .5s;
    transition: all .5s;
	text-shadow:none;
}


.quote-btnC {
	display: flex;
	margin:0 auto;
	max-width: 1200px;
	width: 98%;
}

.quote-btnC img{
	display: block;
	margin: auto;
	max-width: 500px;
	width: 90%;
}

.quote-box ul{
	display: block;
	margin-bottom: 80px;
    margin-left: 20px;
    box-sizing: border-box;
}

.orange-back{
	display: inline-block;
    padding: 3px 5px;
    margin-left:25px; 
    background-color: #EB6100;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


/*プライバシーポリシー*/	
.privacy-list{
	display: block;
	margin: 10px auto 0;
	max-width: 1100px;
	width: 95%;
}

.privacy-list ul li{
	text-indent: -2.2em;
	padding-left: 2.0em;
}

/*バスの特長*/

.features-txt {
	max-width: 700px;
	width:95%;
	display:block;
	margin:0 auto 10px;
	line-height: 1.8em;
}

.features-txt span{
	background-color: #ffff00
}

.features-txt2 {
	max-width: 700px;
	width:95%;
	display:block;
	margin:0 auto 10px;
	line-height: 1.8em;
}

.features-txt3 {
	max-width: 1000px;
	width:95%;
	display:block;
	margin:0 auto 10px;
	line-height: 1.8em;
}

.features-txt3 span{
	font-weight: bold;
	font-size: 1.4em;
}

.features-txt2 p{
	display:inline-block;
	vertical-align: top;
	margin-right:10px;
}

.features-txt.border {
	border: 1px solid #000;
	box-sizing: border-box;
	padding: 5px 10px;
}

.features-img img{
	max-width:500px;
	width: 90%;
	display:block;
	margin:0 auto;
}

.features-3col{
  display:block;
  margin: 50px auto;
  width:100%;
}

.features-3col ul{
  display:block;
  margin:0 auto;
  width:95%;
  max-width: 300px;	
}

.features-3col ul li{
	margin:5px auto;
}

.features-bn {
  display:block;
  width:90%;
  max-width: 500px;
  margin: 0 auto 50px;
}


.features-linkbtn{
   display: block;
   max-width: 350px;
   margin: 30px auto 30px;
   height: auto;
   text-align: center;
   text-decoration: none;
   outline: none;
   background-color: #036eb8;
   color: #fff;
   border-radius:25px;
   padding:5px 20px;
   font-size:1.2em;
   font-weight:bold;
}

.features-linkbtn:hover {
	background-color: #1ad300;
	color: #fff;
	-webkit-transition: all .5s;
    transition: all .5s;
	text-shadow:none;
}


/*==========================
　　　　 Mail form
==========================*/

#formWrap {
	width:900px;
	margin:10px auto;
	padding:0;
	color:#000;
	line-height:120%;
	font-size:16px;
}

.formTable{
	width:100%;
	margin:0 auto;
	border:none;
}
.formTable ul{
	display: -webkit-flex;
	display: flex;
	border-top: 1px solid #999;
}

.formTable ul li{
	padding:30px 10px;
	line-height: 1.5em;
}

.formTable li.name{
	width:35%;
	text-align:left;
	background:none;
	vertical-align: top;
}

#formWrap .form{
	padding:5px 5px; 
	border:1px #999999 solid;
	height: 18px;
	font-size: 16px;
	color: #000;
}

#formWrap textarea.form{
	padding:5px 5px; 
	border:1px #999999 solid;
	height: auto;
	font-size: 16px;
	color: #000;
}
	
#formWrap .red{
	color:#F00;
	font-size:80%;
}

input[type="radio"]{
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   margin-right: 0.5em;
}

#formWrap .select{
	font-size:1.1em;
}

.mail-btn {
	margin:50px auto 0;
	padding: 10px 0px;
	display:block;
	width: 250px;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #000;
	border-radius:10px;
	border:1px solid #999;
	font-size:18px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 57%, #c9caca 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 57%,#c9caca 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 57%,#c9caca 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9caca',GradientType=0 ); /* IE6-9 */
}

  /*押したとき*/
.mail-btn:active {
  -webkit-transform: translateY(0px);
  background: #c9caca; /* Old browsers */
  background: -moz-linear-gradient(top,  #c9caca 1%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #c9caca 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #c9caca 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9caca', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.mail-btn::before,
.mail-btn::after {
	position: absolute;
	z-index: -1;
	display: block;	
	content: '';
}
.mail-btn,
.mail-btn::before,
.mail-btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;	
}

.yubin-btn {
	text-decoration: none;
	background-color: #9fa0a0;
	outline: none;
	color: #fff;
	border-radius:10px;
	border:0;
	padding:5px 10px;
	margin-left: 5px;
	font-size: 1.0em;
	font-weight: bold;
}

.yubin-btn:hover {
	background-color: #00A0E9;
	outline: none;
	color: #fff;
	border-radius:10px;
	border:0;
	padding:5px 10px;
	margin-left: 5px;
	font-size: 1.0em;
	font-weight: bold;
}


/*==========================
　　　　　PC
==========================*/
@media print, screen and (min-width:801px){

img.center-img{
	max-width: 790px;
}		
header .header_row h1#index-logo img{
	width: 200px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:10%;
   right: 2%;
   max-width:250px; 
}
	
.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:25%;
   right: 2%;
   max-width:210px; 
}	

#bunner-slide.swiper-container {
		display: block;
		margin:auto; 
		max-width: 800px;
}	

#bunner-slide.swiper-container .swiper-slide img{
	display: block;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
	max-width: 600px;
}
    
.bus-top .white-bar {
	font-size: 1.8em;
	max-width: 600px;
}
	
.safety{
	width: 100vw;
	margin: 100px calc(50% - 50vw);
	background-color: #e0f0e2;
}

.safety ul{
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.safety ul li{
	margin: 50px 10px;
	padding: 0 30px;
}

.safety ul li img{
	max-width: 250px;
}
.safety-linkbtn{
   display: block;
   max-width: 450px;
   margin: 30px auto 0;
}
	
.slogan{
   display: block;
   max-width: 800px;
   margin: 30px auto 30px;
	padding: 30px;
}

.slogan p{
   max-width: 600px;
   display: block;
   margin: auto;
}

.slogan p.txt{
   font-size:2.5em;
   line-height: 1.2em;
   font-weight:bold;
   text-align: center;
   max-width: 600px;
   display: block;
   margin: auto;
   border-bottom: 1px solid #000;
}
	
ol.safety-goals{
   border-radius: 20px;
   margin: auto;
   padding: 20px;
   display: block;
   max-width: 500px;
   box-sizing: border-box;
}

ol.safety-goals li p{
	font-size: 2.0em;
	font-weight:bold;
	color: #036eb8;
}
	
.green-box {
	max-width: 790px;
	font-size: 1.1em;
}
.green-box2 {
	font-size: 1.1em;
}
.bus-safety-txt,	
.safety-2col ul{
  max-width:790px;
}
	
.safety-3col ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width:790px;	
  flex-wrap:wrap;	
  width:100%;
}
	
.safety-3col ul li{
	width: 32%;
	margin:30px 0;
	box-sizing: border-box;
}
	
.features-3col ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width:790px;	
  flex-wrap:wrap;	
  width:100%;
}
	
.features-3col ul li{
	width: 32%;
	margin:10px 0;
	box-sizing: border-box;
}
.company-name3 ul li {
	margin-right: 30px;
}	
	
	}	

@media print, screen and (min-width:1050px){
img.center-img{
	max-width: 1000px;
}		
/*indexヘッダー */	
header .header_row h1#index-logo img{
	width: 230px;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
header .tel{
  position: absolute;
  font-size: 1.6em;
	bottom: -5%;
}

header .tel span{
  font-size: 2.0em;
}
	
/*ページヘッダー */
header .inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	background-size: 100%;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
}

header h1#head-logo img{
	width: 200px;
	display: block;
	margin: 10px 5px;
}
header .head-tel {
  display: block;
  margin: 10px auto;
  text-align: left;
}

header .head-tel p{
  font-weight: bold;
  letter-spacing : 4px;
  font-size: 1.2em;
  display: inline-block;
  color: #EB6100;
  margin: auto;
  text-align: left;
}

header .head-tel span{
  font-size: 1.8em;
  color:#EB6100;
}

header .head-tel p.waku{
  font-weight: bold;
  letter-spacing : 4px;
  font-size: 1.0em;
  color: #fff;
  margin-right: 10px;
  padding: 3px 5px;
  border-radius: 10px;
  width: 110px;
  background-color: #ea5514;
  text-align: center;
  border: 0 none;
  letter-spacing : 1px;
}

header .tel a{
  color:#EB6100;
}

header .hous{
  margin:5px auto 0;
  display: block;
  text-align: left;
}

header img.quote-btnB{
  margin:auto 0;
  display: block;
  text-align: center;
  max-width: 300px;
}	
#top-slide .swiper-container {
   height: 80vh;
}

@-moz-document url-prefix() {
#top-slide .swiper-container {
   height: 100vh;
}
}

#top-slide  ul.swiper-wrapper li {
	width: 690px;
 }

 #top-slide  ul.swiper-wrapper li {
	width: 690px;
 }
	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:0;
   right: 8%;
   max-width:250px; 
}
	
.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:30%;
   right: 8%;
   max-width:250px; 
}	

.slide .tel {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:1%;
   max-width: 450px;	
}
	
.slide .slide_txt {
   display: block;
   position: absolute;
   font-size: 1.4em;
   max-width: 400px;
   z-index: 100;
   bottom:10%;
}
	
#bunner-slide.swiper-container {
		display: block;
		margin:auto; 
		max-width: 1000px;
}	

#bunner-slide.swiper-container .swiper-slide img{
	display: block;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
	max-width: 350px;
}	
/* Burger Button */
.burger-menu {
	display: none;
}

/* Gnav */
#gnav {
  position: static;
  width: 100%;
  background-color: #1f8a76;
  padding: 0;
}


#gnav > ul {
	position: static;
	width: 100%;
	max-width: 1000px;
	display: table;
	margin: 0 auto;
	padding: 15px 0;		
}
	
#gnav ul li {
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	height: 8px;
	border-right: 1px #fff solid;
	padding: 0 10px;
}
	
#gnav ul li:first-child {
	border-left: 1px #fff solid;
}	

	
#gnav a {
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	color: #FFF;
	padding: 0;
}
	


#gnav li a{
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	color:#FFF;
	padding: 0;
}

	
#gnav li a:hover {
	color: #FFF791;
}
	
#gnav li.space:hover {
	display: none;
}

.h-sns-block{
	display: none;
}

	
#footer {
	margin-top: 100px;
	}
	
#footer .foot{
	width: 95%;
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 auto;
	padding: 10px 0;
}
	
#footer .foot .menu { order: 2;}
#footer .foot .info {
	order: 1;
	min-width: 800px;
	}


#footer .fNav {
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 1.0rem;
	color: #fff;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


#footer .fNav li {
	display: block;
	vertical-align: middle;
	padding: 5px 10px;
}
	
h2.midasi {
	margin:80px auto 40px;
}
	
.bus-backimg2{
	width: 100%;
	max-width: 1200px;
	height: 600px;
	display: block;
	margin: 50px auto;
	background-image: url(../images/bus/bus_img.jpg);
	background-size:cover;
}
	
	
.box-2 ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width:1200px;
  flex-wrap:wrap;	
  width:100%;
}
	
.box-2 ul li{
	width: 48%;
}
	
.bus-box{
  display:block;
  margin: 0 auto 50px;
  max-width:1200px;	
  width:98%;
}
	
.green-box {
	max-width: 1000px;
	font-size: 1.2em;
}
.green-box2 {
	font-size: 1.2em;
}
	
.bus-safety-txt{
  max-width:1000px;
}
	
.safety-2col ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width:1000px;
  flex-wrap:wrap;	
  width:100%;
}
	
.safety-2col ul li{
	width: 48%;
	box-sizing: border-box;
}	

	
.safety-3col ul{
  max-width:1000px;		
  width:100%;
}
	
.safety-3col ul li{
	width: 32%;
}		
		
.five-min{
	font-size: 1.4em;
}
	
.big-bus-img {
	background-color: #FFF;
	max-width: 1200px;
	width: 95%;
	display:block;
	margin:0 auto;
}

.big-bus-img img{
	max-width:1000px;
	width: 90%;
	display:block;
	margin:0 auto;
}
	
/*中型バス*/
#middle-bus .middle-bus-img {
	max-width: 500px;
	display: flex;
	align-items: center;
	width: 90%;
}

/*マイクロバス*/	

#micro-bus.bus-box ul.box-3{
  display: flex;
  max-width:1200px;
  width:100%;
}

#micro-bus.bus-box ul.box-3 li{
	width:auto;
	margin:0 auto;
}
	
#micro-bus.bus-box ul.box-3 li.overview{
	padding: 0 10px;
	
}	
	
#micro-bus .micro-bus-img {
	max-width: 350px;
	display: flex;
	align-items: center;
	width: 90%;
}
	
#micro-bus .box-3 ul.equipment-list li{
	margin: 0 5px;
	width: auto;
	list-style-position: inside;
	display: flex;
	align-items: center;
}
	
#micro-bus .micro-bus-img img {
	max-width: 400px;
	width:auto; 
	display: block;
	margin: 0 auto;
}
	
#micro-bus .family p, 
#micro-bus .family img {
	max-width: 350px;
	width: 95%;
	display: block;
	margin: 0 auto;
}
	
/*安全目標への取り組み*/

.safety-img img{
	max-width: 300px;
	width:95%;
	display:block;
	margin:auto;
}

.box-2 ul li.safety-img{
	margin-bottom:20px;
	max-width: 30%;
}

.box-2 ul li.safety-txt{
	max-width: 60%;
}
	
.safety-ttl{
	font-size:1.4em;
}
	
.safety-linkbtn{
   display: block;
   max-width: 450px;
   margin: 30px 0 0;
}			

ol.safety-goals{
   border-radius: 20px;
   margin: auto;
   padding: 20px;
   display: block;
   max-width: 500px;
   box-sizing: border-box;
}
ol.safety-goals li{
	width: 100%;
	max-width: 400px;
}
ol.safety-goals li p{
	font-size: 2.0em;
	font-weight:bold;
	color: #036eb8;
	width: 100%;
}
	
img.bus-img{
	width: 95%;
	max-width: 500px;
	display: block;
	margin:auto;
}
    
.trunk-img ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width:1200px;
  flex-wrap:wrap;	
  width:100%;
}    
	
.trunk-img ul li.item1 {
  max-width: 500px; 
}

    
/*会社概要*/

.company,.company-name4,.company-name3{
	max-width: 900px;
	width: 95%;
	display: block;
	margin: 0 auto 80px;
}

.company ul,.company-name4 ul,.company-name3 ul{
	display: flex;
	flex-wrap: wrap;
}

.company ul li{
	margin-bottom: 20px;
}	
	
.company ul li.left{
	text-align: center;
}



/*新型コロナウィルス対策*/		
.box-2 ul li .bus-clean {
	display: block;
	margin: 0 auto;
	font-size: 1.2em;
}

/*見積もりページ*/			
.quote-btnC img{
	display: block;
	margin: 0;
	max-width: 500px;
	width: 90%;
}
    
.quote-box { 
    display: block;
    max-width: 1200px;
    margin: auto;
}
.quote-box ul { 
    display: flex;
}
    
.quote-box ul li { 
    padding: 5px;;
}    
/*バス特長*/	
.features-img img{
	max-width:1000px;
	width: 90%;
	display:block;
	margin:0 auto;
}

.features-img.equipment img{
	max-width:800px;
	width: 90%;
	display:block;
	margin:0 auto;
}
	
.features-3col ul{
  max-width:1000px;		
  width:100%;
}
	
.features-3col ul li{
	width: 32%;
}	
   }
	


@media print, screen and (min-width:1500px){
	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:0;
   right:18%;
   max-width:250px; 
}
	
.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:0;
   right:18%;
   max-width:230px; 
}	

#bunner-slide.swiper-container {
		display: block;
		margin:auto; 
		max-width: 1500px;
}	

#bunner-slide.swiper-container .swiper-slide img{
	display: block;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
	max-width: 500px;
}
	
img.center-img{
	max-width: 1200px;
}
.green-box {
	max-width: 1200px;
}
.bus-safety-txt,	
.safety-2col ul,
.safety-3col ul,
.features-3col ul{
  max-width:1200px;
}			
}

@media print, screen and (min-width:1800px){
	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:0;
   right:22%;
   max-width:250px; 
}
	
.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   bottom:0;
   right:22%;
   max-width:250px; 
}
}
/*==========================
　　　　　  Tablet
==========================*/
@media screen and (max-width:830px){
.achievement ol li span{
	text-align: right;
}
	
.company-name4 ul li {
	flex-basis: 200px;
}
	
	
	
.features-3col ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  max-width:700px;	
  flex-wrap:wrap;	
  width:100%;
}
	
.features-3col ul li{
	width: 42%;
	margin:10px 5px;
	box-sizing: border-box;
}

.quote-btnC {
	display: block;
	margin: 0;
}

	
/*==========================
　　　　 Mail form
==========================*/

#formWrap {
	width:90%;
}

.formTable li.name{
	width:35%;
}
	
.formTable li.answer{
	width:60%;
}

#formWrap .form.resize{
	width: 80%;
}		
}

/*==========================
　　　　　  SP
==========================*/
@media screen and (max-width:600px){
.bus-backimg{
	height: 250px;
}

.bus-top .white-bar {
	top: 20px;
	font-size: 1.0em;
}
.bus-top img.bus-img {
	width: 80%
}
.bus-category ul li img{
	max-width: 250px;
}

#footer .tel-fax .tel,
#footer .tel-fax .fax{
	display: block;
	font-weight: bold;
	margin: 0;
}
h2.midasi {
	font-size: 1.6em;
}
	
h3.midasi {
	font-size: 1.2em;
	width: 90%;
	margin: 50px auto 20px;
	display: block;
}
	
.company ul{
	display: block;
}

.company ul li{
	display: block;
}
	
.company ul li.left{
	text-align: left;
	border: none;
	margin: 0;
}		
.company ul li.right{
	margin-bottom: 20px;
}
	
	
.fuki {
  width: 90%;
  margin: auto;
}
	
img.center-img02{
	width:90%;
	display:block;
	margin:0 auto;
}
	
h3.midasi_features {
	font-size: 2.0em;
}	
	
/*==========================
　　　　 Mail form
==========================*/

#formWrap {
	width:95%;
}
	
.formTable ul{
	display: block;
	margin-bottom: 10px;
}
	
.formTable ul li{
	padding:10px 0 0;
	line-height: 1.5em;
}
	
.formTable li.name{
	width:100%;
	font-size: 18px;
	font-weight: bold;
}
	
.formTable li.answer{
	width:100%;
}
	
	
}

@media screen and (min-width:650px) and (max-width:799px){

	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   right: 2%;
   bottom:15%;
   max-width:230px; 
}
		

.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   right:15%;
   bottom:15%;
   max-width:230px; 
}
}

@media screen and (min-width:481px) and (max-width:649px){
.slide .tel {
   bottom:1%;
}  
	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   right: 2%;
   bottom:15%;
   max-width:150px; 
}
		

.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   right:7%;
   bottom:15%;
   max-width:200px; 
}
}	

@media screen and (max-width:480px){
.pc	{
	display: none;
}
	header .header_row h1#index-logo img{
	width: 150px;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
    
.slide .tel {
   bottom:1%;
}    
	
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   right: 2%;
   bottom:15%;
   max-width:150px; 
}
		
	
.slide .slide_txt {
  font-size: 1.0em;	
  max-width:290px; 	
}
	
.top_caption p{
  font-size: 1.0em;
}
	
.bus-backimg{
	height: 200px;
}

.bus-top .white-bar {
	top: 20px;
	font-size: 1.0em;
}
.bus-top img.bus-img {
	width: 90%;
	bottom: -60px;
}
	
.bus-category ul li img{
	max-width: 300px;
}
	
.bus-backimg2{
	height: 250px;
}
.box-2 ul li .bus-feature {
	font-size: 1.0em;
}
	
.company-name4 ul ,
.company-name3 ul {
	margin:0;
}
.company-name4 ul li ,
.company-name3 ul li {
	margin:5px;
}
	
.contact {
	font-size: 1.2em;
}

.contact span {
	font-size: 1.6em;
}
.fax-pdf {
   max-width: 250px;
   height: auto;
   text-align: center;
   text-decoration: none;
   outline: none;
   background-color: #EB6100;
   color: #fff;
   border-radius:20px;
   margin: 0 auto 20px;
   padding:5px 10px;
   font-size:1.0em;
   font-weight:bold;
}
	
.fax-pdf span{
   display: block;
}	
.kai{
   display: block;
}
ul.pcs{
	display: block;
}
ul.pcs li{
	padding:0;
	margin: 15px auto;
}
ul.pcs li img{
	max-width: 200px;
	margin: auto;
	display: block;
}
    
.orange-back{
	display: inline-block;
    padding: 3px 5px;
    margin-left:20px; 
    background-color: #EB6100;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
    
}


@media screen and (max-width:350px){
	header .header_row h1#index-logo img{
	width: 120px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}	

.slide .tel {
   bottom:1%;
}    
    
.slide .quote-btnA {
   display: block;
   position: absolute;
   z-index: 100;
   right: 2%;
   bottom:12%;
   max-width:150px; 
}
	
.slide .PCR-btn {
   display: block;
   position: absolute;
   z-index: 100;
   right: 2%;
   bottom:12%;
   max-width:120px; 
}	
	
header .tel{
  font-size: 1.0em;
}	
header .tel span{
  font-size: 1.5em;
}
		
.slide .slide_txt {
  bottom: 7%;
	max-width: 250px;
  font-size: 0.8em;	
}
#micro-bus .family p, 
#micro-bus .family img {
	max-width: 350px;
	display: block;
	margin: 0 auto;
}	
}