@charset "Shift_JIS";

/* 要素リセット */
body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #000000; /* 標準文字色 */
    min-width: 900px;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body
{
    font-size: 70%;
}
/* end */

img
{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-container
{
    background-image : url(../images/fbg_6Bb.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    position: relative;
}

#hpb-header
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    height: 70px;
}

*:first-child + html #hpb-header
{
    /* for IE7 */
    padding-left: 15px;
    height: 106px;
}

* html #hpb-header
{
    /* for IE6 */
    padding-left: 15px;
    height: 106px;
}

#hpb-inner
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    clear: both;
}

.hpb-layoutset-02 #hpb-wrapper
{
    width: 655px;
    padding-top: 0px;
    float: right;
}

.hpb-layoutset-01 #hpb-title
{
    height: 260px;
    margin: 0px;
    padding: 0;
}

.hpb-layoutset-02 #hpb-title
{
}

#hpb-main
{
    min-height: 400px;
    width: 655px;
    float: right;
    text-align: left;
}

.hpb-layoutset-01 #hpb-main
{
    padding-top: 10px;
}

#hpb-aside
{
    width: 225px;
    float: left;
    margin-top: 19px;
    padding-bottom: 50px;
}

.hpb-layoutset-02 #hpb-aside
{
    margin-top: 20px;
}

#hpb-footer
{
    width: 900px;
    height: 95px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    clear: both;
}

.hpb-layoutset-01 #hpb-nav
{
    width: 225px;
    margin-top: -260px;
    overflow: hidden;
    float: left;
}

.hpb-layoutset-02 #hpb-nav
{
    width: 225px;
    overflow: hidden;
    float: left;
}


/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* 背景設定 */
.hpb-layoutset-01
{
    background-image : url(../images/bg_6Bb_01_01.png);
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.hpb-layoutset-02
{
    background-image : url(../images/bg_6Bb_01_01.png);
    background-position: 0px 0px;
    background-repeat: repeat-x;
}


/* コンテンツ配置領域 */

/* ナビゲーション */
#hpb-nav ul
{
    display: block;
    margin-top: -1px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    overflow: hidden;
}

#hpb-nav li
{
    display: block;
    overflow: hidden;
}


#hpb-nav li a
{
    display: block;
    height: 52px;
    text-align: left;
    overflow: hidden;
    line-height: 1;
    padding-left: 20px;
}

#hpb-nav li span.en
{
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    line-height: 52px;
}

#hpb-nav li span.ja
{
    color: #8FC5FA;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 12px;
}

#hpb-nav a:link
{
    background-image : url(../images/menuBg_6Bb_01.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#hpb-nav a:visited
{
    background-image : url(../images/menuBg_6Bb_01.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#hpb-nav a:hover
{
    background-image : url(../images/menuBg_6Bb_01_on.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#hpb-nav a:active
{
    background-image : url(../images/menuBg_6Bb_01_on.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#hpb-nav a:hover span.en
{
    color: #8FC5FA;
}
#hpb-nav a:active span.en
{
    color: #8FC5FA;
}

#hpb-nav h3.hpb-c-index
{
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;

}

p.rss-title{
padding-top:6.0em;
padding-left:15px;
margin-top:25px;
margin-bottom:1em !important; }

a.rss-title{
font-size:25px !important;
font-weight:bolder !important;
color:#dbffed !important;
text-decoration:none !important;
letter-spacing:2px !important;
border-bottom-width:1px !important;
text-shadow:2px 2px 0 #3a86b4 !important; }

li.rss-item{

padding-left:40px !important; 
border-bottom-style:dashed !important;
border-bottom-color:#ebf4ff !important;
background-image:url(../images/taxi_icon.png) !important;
background-position:left 5px  bottom 12px !important; }

a.rss-item {
color:#fff799 !important;
font-size:16px !important;
letter-spacing:2px !important; }

span.rss-date {
color:#ffff; }

.rss-box{
letter-spacing:2px;
background-position:10px 0px;
background:url(../images/blog_back05.png);
background-repeat:no-repeat; }

.rss-box ul.rss-items{
padding-bottom:30px !important; }

#voice{
background:url(../images/voice_back03.jpg);
background-repeat:no-repeat;
padding-bottom:110px!important;
}

.voice_icon{
float:left;
margin-top:15px;
margin-left:45px!important;
margin-right:20px;
margin-bottom:10px!important;}

h4.voice_title{
font-size:22px!important;
padding-top:17px!important; 
margin-bottom:20px;
color:#0858b8;}

.voice_text{
font-size:13px!important;
line-height:22px!important;
color:#8c92a0!important; }


span.from{
color:#fff;
background-color:#f17c7c;
padding:2px 5px;
margin-top:20px!important;
border-radius:4px!important;
margin-left:8px;
}

.icon_img{
margin-bottom:5px!important;
}

span.from02{
color:#fff;
background-color:#619ade;
padding:2px 5px;
margin-top:20px!important;
border-radius:4px!important;
margin-left:8px;
}

.v_text02{
text-align:center;
margin-top:60px!important;
}

.v_text01{
margin-bottom:30px;
text-align:center;
}

.gray-line2 {
  background: linear-gradient(transparent 60%, #e2ff36 0%);
}

.gray-line3 {
  background: linear-gradient(transparent 70%, #76ffbe 0%);
}

#seavice_tirashi{
text-align: center;}


h4.sub_title{
    text-align: center;
    color: #0e2475;
    font-size: 18px;}
	

@charset "UTF-8";
/* 親要素(コンテナ) */
.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: space-around;
	align-content: space-around;
}
/* 子要素(アイテム) */
.flex-item {
	margin: 10px auto;
	padding: 5px 10px;
	box-sizing: border-box;
	background-color: #343434;
	color: #fff;
}

.flex-item1 { flex-basis: 32%!important; 
              margin-top: 10px;}
.flex-item2 { flex-basis: 32%!important; 
margin-top: 10px;}
.flex-item3 { flex-basis: 32%!important;
margin-top: 10px; }
.flex-item4 { flex-basis: 32%!important;
margin-top: 10px; }
.flex-item5 { flex-basis: 32%!important;
margin-top: 10px; }
.flex-item6 { flex-basis: 32%!important;
margin-top: 10px; }
.flex-item7 { flex-basis: 32%!important;
margin-top: 10px; }
.flex-item8 { flex-basis: 32%!important;
margin-top: 10px; }
.flex-item9 { flex-basis: 32%!important;
margin-top: 10px;}

 img.demo{
	 max-width: 100%;
    height: auto;
	border-radius: 0.9em;
	border:1px solid #f1f0f0;}








/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/

* パソコンで見たときは"pc"のclassがついた画像が表示される */
#hpb-aside { display: block !important; }
#banner_sp { display: none !important; }
.hpb-top-image h2.pc { display: block !important;  }
.hpb-top-image ul.sp { display: none !important;  }

#Service_pc {display:block;}
#Service_sp {display:none;}

.text_sp { display:none; }
.text { display:block; }

#toppage-info_sp {display:none;}
#toppage-info {display:block;}

#pagetop_sp {display:none;}
#toppage-news_sp{display:none;}
#toppage-news{display:block;}

#sp{display:none;}
.nav_botan_sp{display:none;}
#service_title{display:none;}
.hidden_box{display:none;}
#douga{display:none;}
#header_sp{display:none;}

#foot_botan{display:none;}
.footer_area{display:none;}

#slider1 {display:none; }

.footer_area_s {display:none;}

#syakodashi_pc {display:block;}

.mv_slider {
	width: 100%;
	height: 260px;
	background-position: top right;}
	
p.t_text{
margin-bottom:60px !important;}


@media only screen and ( min-width: 750px ){
.seavice_tirashi2{
float: left;
margin-right: 30px;}	

.coment{
background-color: #dff5fd;
    margin-left: 25%;
    margin-right: 25%;
    padding: 10px 0;
    -webkit-border-radius: 10px;
    color: #7c7770;}
	
.coment2{
    text-align: center;
    background: #e4fad3;
    margin-right: 20px;
    -webkit-border-radius: 10px;
    padding: 10px 0;}
.coment3{
text-align: center;
    background-color: #dff5fd;
    /* float: right; */
    width: 285px;
    float: left;
    margin-left: 15px;
    -webkit-border-radius: 10px;
    padding: 10px 0;}

}




/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

@media only screen and (max-width: 750px) {
#hpb-aside { display: none !important; }
#banner_sp { display: block !important; }
#hpb-nav { display: none !important; }
.hpb-top-image h2.pc { display: none !important;  }
.hpb-top-image ul.sp { display: block !important;  }
#hpb-headerExtra1 {display:none !important; }	
#hpb-headerMain h1 font{display:none !important; }

p.yasasi_pc { display:none; }

#Service_pc {display:none;}
#Service_sp {display:block;}
#taxi_images {display:none;}

#hpb-header {display:none;}

.text_sp { display:block; }
.text { display:none; }

#toppage-info_sp {display:block;}
#toppage-info {display:none;}

#pagetop {display:none;}

#toppage-news_sp{display:block;}
#toppage-news{display:none;}

#sp{display:block;}
.nav_botan_sp{display:block;}
#service_title{display:block;}
.hidden_box{display:block;}
#douga{display:block;}
#header_sp{display:block;}

#foot_botan {display:block;}

.footer_area{display:block;}

#slider1 {display:block; }

.footer_area_s {display:block;}

#syakodashi_pc {display:none;}

#credit img {
	width:100%;}
	
p.rss-title{
padding-top:7.0em;
margin-top:25px; }

a.rss-title{
font-size:25px;
font-weight:bolder;
color:#dbffed;
text-decoration:none;
letter-spacing:2px;
border-bottom-width:1px;
text-shadow:2px 2px 0 #3a86b4; }

#hpb-main ul li{
border-bottom-style:dashed;
border-bottom-color:#ebf4ff;
background-image:url(../images/taxi_icon.png);
background-position:left 5px  bottom 12px; }

a.rss-item {
color:#ffffe5;
font-size:16px;
letter-spacing:2px; }

span.rss-date {
color:#ffff; }

.rss-box{
letter-spacing:2px;
background-position:10px 0px;
background:url(../images/blog_back05_sp.png);
background-repeat:no-repeat; }

ul.rss-items{
padding-bottom:30px !important; 
background:url(../images/blog_back05_sp_02.jpg);
background-repeat:no-repeat;
}

.coment{
	margin-right:40px;}
.coment2{
	margin-right:40px;}
.coment3{
	margin-right:40px;}
	
.insta iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;}
.insta{
	 position:relative;
    width:100%;
    height:0;
    padding-top:75%;}
	
	

	}




/* ========スマホ版========= */

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


#hpb-header
{
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    height: 70px;
}	

#hpb-inner
{
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    clear: both;
}

	
.hpb-layoutset-02 #hpb-wrapper { width: 100%; 
                                 float:none;}	
	
#hpb-container
{
    width: 100%;
	background-image : url(../images/fbg_6Bb.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    position: relative;
}
	

#sp{
	      width:100%;
		  min-width:300px;
		  background-size:contain;
		  position:relative;
		  background-position:top center;
		  padding:0px;}
					  
#sp img{
	        width:100% !important; 
	         min-width:300px !important;}

.hpb-layoutset-01 #hpb-title {
	        width:100%;
			min-width:300px;
			height:2px;}
	
#hpb-main
{ width:100%;
  float:none; }
  
#hpb-footer{ width:100vw; }
#banner_sp{ width:100vw; }
  
body#hpb-template-06-02b-01.hpb-layoutset-01 { 
    width:100vw;
	min-width:300px;
	 margin: 0; }
	 

#taxi_images img{
	width:100%;
	min-width:300px; }
	
#hpb-main table { width:100%;
                  min-width:300px; }
				  
#hpb-main table td img {
                  min-width:1px; }

li.menu { margin-bottom:10px; }
				  
li.menu img { width:32%; }

#banner_sp ul {padding:0px 15px 0px 15px; }

li.menu2 { margin-bottom:10px; }

li.menu2 img { width:46%; }

li.menu3 { margin-bottom:10px; }

li.menu3 img { width:46%; }

p.yasasi_sp img{ width:100%;
              min-width:300px; }

label {
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 100px;
}

ul.service_list li {
  list-style: none;
}

.menu_sp img { width:100%;
               min-width:300px;
			   margin-top:10px;
			   margin-bottom:10px;}
			   
ul.menu_botan {width: 100%;
               margin: 0px;
              padding: 0;
              font-size: 15px;
              text-align: center;
              overflow: hidden;
              background: #ccc;

              }
#foot_botan ul.menu_botan li.botan {
	display: inline-block;
        border-bottom:1px solid #fff;
        width: 100%;        
        height: 35px;
        color: #fff;
        list-style-type: none;
        background: #65C5E7;
        text-align: center;
		padding-left:0px;
		padding-right:0px;}
		
#foot_botan ul.menu_botan li.botan2 {
	display: inline-block;
	border:none;
        width: 100%;        
        height: 35px;
        color: #fff;
        list-style-type: none;
        background: #65C5E7;
        text-align: center;
		padding-left:0px;
		padding-right:0px;}
		
              }
#foot_botan ul.menu_botan li.botan2 a{
        color: #fff;
        list-style-type: none;
        text-align: center;}

ul.menu_botan li.botan a{width: 100%;
                 color: #fff;
                 text-align: center;
                 display: block;}
				 
#header_sp{
   width:100vw;
	top: 0;
    left:0;
	background:#FFFFFF;
	z-index:100; }


		 

#header_sp h1.logo{   width: 48%;
					   margin:0px; }


.head_img img{ width:100%;
			margin:0px; }

ul {
  list-style: none;
}

.text_sp { margin:10px 0px; }	

.nav_botan_sp { width:100%;
             }
			 
.nav_botan_sp p{ margin-bottom:-29px;
                 margin-top:16px;
				 width:auto;}
			 

				  
.nav_botan_sp p img.ryoukin_botan{ width:28%;
                  margin-left:4%;
				  margin-right:4.1%; }
				  
.nav_botan_sp p img.yoyaku_botan{ width:28%;
                
				  margin-right:4.1%;
				  margin-left:-5px; }
				  
.nav_botan_sp p img.toiawase_botan{ width:28%;
				  margin-right:4%;
				  margin-left:-5px; }

				  
/*全体*/
.hidden_box {
    margin: 0.5em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 5px;
    cursor :pointer;
}


/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.hidden_box label img{
	width:100%;
	min-width:300px;
}

.hidden_show p {
	font-size:14px;
	text-align: center;
	color: #2d4c83;;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; 
	line-height: 30px; }

#service_title h3.s_title{
    clear:both;
    padding:0 0px;
    font-size:17px;
    font-weight:normal;
	letter-spacing: 3px;
    margin:7px;
    color:#FFFFFF;
    border-bottom:1px solid #0B2161;
	border-top:2px solid #0B2161;
    background:#0B2161;
	text-align: center;
}

#toppage-info_sp{
	text-align:center;
}

#toppage-info_sp img {
	width:100%;
	min-width:250px;
}

#toppage-info_sp h4 span.en{
	font-size:20px;
}


#toppage-info_sp h4 {
	text-align:center;
	line-height:32px;
}

#toppage-info_sp p {
	text-align:center;
}

#toppage-info_sp p.tel {
	font-size:13px;
	font-weight: bold;
	color:#0B0B61;
}

a.tel_text:link{ color:#0B0B61;}



#toppage-news_sp .news_box{
    position:relative;
    padding: 20px;
    margin: 40px 0;
    border: 2px solid #A9CCE3;
    border-radius: 0 4px 4px 4px;
    color: #80888D;
}
#toppage-news_sp .news_box span{
    position:absolute;
    top: -26px;
    left: -1px;
    padding: 7px 25px;
    background-color: #A9CCE3;
    border-radius:4px 4px 0 0;
    color:#fff;
    font-weight:900;
    letter-spacing:.3em;
    line-height: 1em;
}

#toppage-news_sp{
	width:100%; 
}

.honsya_img {
	padding:20px;}
	
.marker { background: linear-gradient(transparent 60%, #ffff66 60%);
}

#douga  {
	width:100%; }
	
#douga h3.s_title{
	clear:both;
    padding:0 0px;
    font-size:18px;
    font-weight:normal;
	letter-spacing: 5px;
    margin:10px;
    color:#FFFFFF;
    border-bottom:1px solid #0B2161;
	border-top:2px solid #0B2161;
    background:#0B2161;
	text-align: center;
}
	
	
	
#douga .title img {
	width:100%;
	min-width:320px;
	margin:20px 0px;  }
	
#douga .link{
	width:100%;
	text-align:center;}

#seavice_title{
	width:100%;}
	
.hpb-layoutset-02 {
	width:100%;
	min-width:300px;}
	
#egmap_canvas_1 {
	width:95% !important;
	min-width:300px !important;
	height:350px !important; }
	
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
	min-width:300px;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #E85600;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 80%;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 100px;
}

#header_sp .head_img{
	width:100%;
	min-width:300px; }
	
table.naiyou {
	width:100%;
	min-width:300px;
	table-layout:fixed; }
	
#hpb-main table tr {
	width:100%;
	min-width:300px; }

#hpb-main table th {
	 width:26%;
	 padding-top:5%;
	 padding-bottom:5%;
	 padding-right:9%;
	 font-size:105%;
	 color:#0a2443;
	 }
	 
#hpb-main table td {
	padding-left:5px; }	 
	

#hpb-main table td img.ui-datepicker-trigger{
 	vertical-align: middle;
}
	 
	 
#hpb-main table td.arbitrary {
	width:9%; 
	padding:0px;}
	
input { width: 95%;
        height:20px; }
		
		
input.date { width: 70% !important;
        height:20px;
		margin-right:5px; }

#hpb-main table textarea {
	        width:90%;
           height:100%; }
		   
#hpb-main table input[type="checkbox"] {
	 width:10% !important; }

p.button input[type="reset"] {
	 width:20% !important;
	 height:40px !important; }	
	 
p.button input[type="submit"] {
	 width:20% !important;
	 height:40px !important; }	
	 
.hpb-layoutset-02 {
	width:97%;
	min-width:300px;
	padding:7px; }
	
table.egmap_infowindow {
	 width:360px !important;
	 min-width:250px !important; }

table.egmap_infowindow td img {
	width:98%;
	text-align:center;
	padding-top:12px;
	padding-bottom:10px }
	
img.honsya {
	width:80% !important;
	min-width:200px !important; }
	
	
#sp {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.slide-item {
	width: 300px;
	height: 200px;
	float: left;
	position: relative;
}


.slider-wrapper {
	width: 300%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 10s infinite;
}

#hpb-footerExtra1 {
	width:100vw !important; }
	
a:link.f_tel{ color:#4494F3 !important;}


.footer_area_s {
    position: fixed;
    bottom: 0;
	padding-top:10px;
	padding-bottom:10px;
	left: 0;
    width: 100vw;
    min-width: 300px;
    background-color: #ed840c;
    z-index: 10000;}
	
#detail-imgbox img {
	width:94% !important;
	margin-right:3px !important;
	margin-left:3px !important;
	margin-bottom:5px;}
	
#detail #detail-imgbox {
	margin-right:2% !important;
	margin-left:1px;
	width:96%;}
	
#detail p {
	padding-right:1em;
	padding-left:1em;}
	
#syakodashi_pc{ width:100%;
                min-width:500px;}
				
table.t_douga {
	width:100vw !important;
	min-width:300px;
	display:block !important;}
	
table.t_douga tr{
	width:100% !important;
	min-width:300px;}
	
table.t_douga tr td img{
	width:100% !important;
	min-width:100px;}
	
table.t_douga tr td.d_01{
	width:33% !important;
	}
	
table.t_douga tr td.d_02{
	width:33% !important;
	}	

table.t_douga tr td.d_03{
	width:33% !important;
	}
	
table.t_douga tr td.d_04{
	width:33% !important;
	}
	
table.t_douga tr td.d_05{
	width:33% !important;
	}
	
table.t_douga tr td.d_06{
	width:33% !important;
	}
	


body {
	min-width:300px; }
	
p.title {
	width:100vw;
	padding:0px;
	text-align:center;}
	
.gray-line {
  background: linear-gradient(transparent 60%, #e7e7e7 0%);
}

table.ryoukin_title{
	width:85vw;
	text-align:center;}
	
table.ryoukin_title td.r_01{
	width:60% !important; }

table.ryoukin_title td.r_02{
	width:40% !important; }	

.t1 {
	width:90vw;
	margin-top:15px;
	margin-bottom:15px;}
	
.p_title { width:90vw;
           min-width:200px;
           text-align:left;
           margin-top:15px;
		   margin-bottom:15px;}

.p_title img { 
              width:100%;
               min-width:200px;}
			   
.under {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
  }
  
.seavice_tirashi2{
text-align:center;} 

.seavice_tirashi3{
text-align:center;} 


.coment{
text-align:center;
margin: 10px;
margin-right:30px;
-webkit-border-radius: 10px;
background-color: #dff5fd;
padding: 10px 0;} 

.coment2{
text-align:center;
margin: 10px;
margin-right:35px;
-webkit-border-radius: 10px;
background-color: #e4fad3;
padding: 10px 0;} 


.coment3{
text-align:center;
margin: 10px;
margin-right:35px;
-webkit-border-radius: 10px;
background-color: #e4fad3;
padding: 10px 0;} 

img.title_img{
width:100%!important;}



@keyframes slider {
  0% { transform: translateX(0); }
  33% { transform: translateX(-300px); }
  66% { transform: translateX(-600px); }
  100% { transform: translateX(0); }
}
}

@media only screen and (min-width:670px) and (max-width:760px) 
{
#voice{
background:url(../images/voice_back_sp_mini.jpg)!important;
background-repeat:no-repeat;
padding-bottom:80px!important;
background-size:contain;
}
.voice_text{
font-size:12px!important;	
}

#voice{  
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center;
}

.voice_icon{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:100%;
}

.v_title{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;	
width:100%;
}

.voice_text{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;	
width:100%;
}

.voice_title{
text-align:center!important;
}
	
}

@media only screen and (min-width:556px) and (max-width:669px) 
{
#voice{
background:url(../images/voice_back_sp_tyuu2.jpg);
background-repeat:no-repeat;
padding-bottom:100px!important;
background-size:contain;
}	
.voice_text{
font-size:12px!important;	
}

#voice{  
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center;
}

.voice_icon{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:100%;
}

.v_title{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;	
width:100%;
}

.voice_text{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;	
width:100%;
}

.voice_title{
text-align:center!important;
margin-bottom:0!important;
}



}


@media only screen and (min-width:480px) and (max-width:555px) 
{
#voice{
background:url(../images/voice_back_sp_tyuu.jpg);
background-repeat:no-repeat;
padding-bottom:120px!important;
background-size:contain;
}	
.voice_text{
font-size:12px!important;	
}

#voice{  
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center;
}

.voice_icon{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:100%;
margin-top:10px!important; 
}

.v_title{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;	
width:100%;
}

.voice_text{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;	
width:100%;
}

.voice_title{
text-align:center!important;
margin-bottom:0!important;
}

}

@media only screen and (min-width:420px) and (max-width:480px) 
{
#voice{
background:url(../images/voice_back_sp.jpg);
background-repeat:no-repeat;
padding-bottom:100px!important;
background-size:contain;
}	

h4.voice_title{
font-size:20px!important;
margin-bottom:0!important;
}
.voice_text{
font-size:12px!important;	
}

#voice{  
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center;
}

.voice_icon{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:100%;
margin-top:10px!important;
}

.v_title{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;	
width:100%;
}

.voice_text{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;	
width:100%;
}

.voice_title{
text-align:center!important;
}

}

@media only screen and (min-width:320px) and (max-width:419px) 
{
#voice{
background:url(../images/voice_back_sp2.jpg);
background-repeat:no-repeat;
padding-bottom:100px!important;
background-size:contain;
}	

h4.voice_title{
font-size:20px!important;
margin-bottom:0!important;
}
.voice_text{
font-size:12px!important;	
}

#voice{  
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align:center;
}

.voice_icon{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:100%;
margin-top:10px!important;
}

.v_title{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;	
width:100%;
}

.voice_text{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;	
width:100%;
}

.voice_title{
text-align:center!important;
}

.icon_img{
width:30%;

}


}