@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
	font-family:"Noto Sans Japanese",'Noto Sans JP', Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:100%/1.4;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
ul li{
	list-style:none;
	}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding: 0;
}
p{
	font-size:medium;
	margin: 0 auto 1em;
	}
p.sml{
	font-size:small;
	}
p.bol{
	font-weight:bold;
	}
p.red,
span.red{
	color:#b90000;
	}
p.kome{
	position:relative;
	box-sizing:border-box;
	padding:0 0 0 1em;
	}
p.kome::before{
	content:"※";
	width:1em;
	height:1em;
	position:absolute;
	top:0;
	left:0;
	}
p.red.kome::before{
	color:#b90000;
	}
a img {
	border: none;
}
a:link {
	color:#414958;
	text-decoration: none;
}
a:visited {
	color:#414958;
}
a:hover, a:active, a:focus {
	color:#414958;
	text-decoration: underline;
}
div{
	box-sizing:border-box;
	}
span{
	display:inline-block;
	}
@media screen and (max-width: 768px) {
p{
	font-size: small;
	}
p.sml{
	font-size:x-small;
	}
}

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

/* ~~ コンテナ~~ */
.container {
	position:relative;
	width: 100%;
	background-color: #FFF;
	margin: 0 auto;
	padding: 10px;
}
.container.bgp1 {/*topたいとる用*/
	background-image: url(../img/main-image_l.jpg);
	background-position:center bottom;
	background-size:cover;
	background-repeat:no-repeat;
	}
.container.bgp2 {/*topたいとる直下*/
	background-image: url(../img/h1bg_p.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding: 80px 10px;
	}
.container.bg1 {
	background-color: #e1ff17;
	padding: 50px 10px;
	}
.container.bg1.kmm {
	padding: 20px 10px;
	}
.container.bg2 {
	background-color: #000;
	}
.content {
	position:relative;
	width: 100%;
	max-width: 1280px;
	min-width: 10px;
	margin: 0 auto;
}
.content.max940 {
	max-width: 940px;
	}
@media screen and (max-width: 1280px) {
.container.bgp1 {
	background-image: url(../img/main-image.jpg);
	background-position:left bottom;
	}
.container.bgp2 {
	background-image: url(../img/h1bg_s.jpg);
	}
.container.bg1 {
	padding: 20px 10px;
	}
}
@media screen and (max-width: 768px) {
.container.bg1.kmm {
	padding: 10px 10px;
	}
.container.bgp2 {/*topたいとる直下*/
	padding: 40px 10px;
	}
}

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


/*top画像*/
.container.bgp1 .content img.logo{
	display:block;
	margin:0 0 1em auto;
	width:65%;
	max-width:438px;
	height:auto;
	}
.container.bgp1 .content img.title{
	display:block;
	margin:0 0 1em auto;
	width:80%;
	max-width:741px;
	height:auto;
	}
.container.bg1 img.topkmmr{
	display:block;
	margin:0 auto;
	width:90%;
	max-width:1005px;
	height:auto;
	}
@media screen and (max-width: 768px) {
.container.bgp1 .content img.logo,
.container.bgp1 .content img.title{
	margin:0 0 0 auto;
	}
}
/*top直下*/
.container.bgp2{
	color: #FFF;
	text-align:center;
	}
.container.bgp2 h1{
	font-size:260%;
	}
.container.bgp2 h1 img{
	display: inline-block;
	margin:0 0 0 5px;
	width:49px;
	height:auto;
	}
.container.bgp2 p{
	font-size:140%;
	font-weight:bold;
	line-height:2;
	}
@media screen and (max-width: 768px) {
.container.bgp2 h1{
	font-size:x-large;
	}
.container.bgp2 p{
	font-size: medium;
	}
}

/*スライド*/
.container.bg2.slide{
	padding:10px 0 45px;
	}
.container.bg2 .phototitle{
	display:block;
	margin:0 auto 10px;
	width:80%;
	max-width:206px;
	height:auto;
	}
.container.bg2 .photog a{
	display:block;
	margin:0;
	}
.container.bg2 .photog a img{
	width:100%;
	max-width:640px;
	height:auto;
	}
@media screen and (max-width: 768px) {
}

/*コンテンツ１*/
.container.bg1 img.qatop,
.container.bg1 img.qabtm{
	display:block;
	width:100%;
	max-width:941px;
	height:auto;
	margin:0 auto;
	}
.container.bg1 .qabox{
	display:block;
	width:100%;
	max-width:941px;
	margin:0 auto;
	padding:40px 55px;
	background-image: url(../img/main_rep.png);
	background-position:center bottom;
	background-size:100% auto;
	background-repeat:repeat-y;
	}
.container.bg1 .qabox img.subti{
	display:block;
	width:80%;
	max-width:318px;
	height:auto;
	margin:-3em auto 1em;
	}
.container.bg1 .qabox p{
	margin:0 auto;
	}
.container.bg1 .qabox .cont_right{
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
	}
.container.bg1 .qabox .col2{
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	margin:1em auto 1em;
	}
.container.bg1 .qabox .col2 div{
	text-align:center;
	width:49%;
	}
.container.bg1 .qabox .col2 div img.photo{
	display:block;
	margin:0 auto 10px;
	width:100%;
	max-width:392px;
	height:auto;
	}
.container.bg1 .qabox .col2 div img.sclogo{
	display:block;
	margin:0 auto 10px;
	width:100%;
	max-width:315px;
	height:auto;
	}
.container.bg1 .qabox .col2 div a.webopen{
	position:relative;
	display:block;
	background-color:#000;
	color:#e1ff17;
	padding:0.5em 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	font-weight:bold;
	font-size:x-large;
	margin:1em auto;
	}
.container.bg1 .qabox .col2 div a.webopen::after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0.5em;
	margin:auto 0;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 13px solid #e1ff17;
	transform: rotate(90deg);
	}
.container.bg1 .qabox .col2 div a.webopen:hover, 
.container.bg1 .qabox .col2 div a.webopen:active, 
.container.bg1 .qabox .col2 div a.webopen:focus {
	background-color:#e1ff17;
	color:#000;
	text-decoration:none;
	}
.container.bg1 .qabox .col2 div a.webopen:hover::after,
.container.bg1 .qabox .col2 div a.webopen:active::after,
.container.bg1 .qabox .col2 div a.webopen:focus::after{
	border-bottom: 13px solid #000;
	}
.container.bg1 .qabox .col2 div a.fbtw{
	display: inline-block;
	opacity:1;
	}
.container.bg1 .qabox .col2 div a.fbtw:hover, 
.container.bg1 .qabox .col2 div a.fbtw:active, 
.container.bg1 .qabox .col2 div a.fbtw:focus {
	opacity:0.6;
	}
.container.bg1 .qabox .col2 div a.fbtw img{
	display:block;
	margin:0 1em 0;
	width:100%;
	max-width:60px;
	height:auto;
	}
.container.bg1 .qabox img.item1{
	display:block;
	margin:0 auto 0 0;
	width:90%;
	max-width:350px;
	height:auto;
	}
.container.bg1 .qabox img.item2{
	display:block;
	margin:0 auto 0 0;
	width:90%;
	max-width:210px;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	margin:-3em 0 0;
	}
.container.bg1 .qabox img.item3{
	display:block;
	margin:-1em auto -1em 0;
	width:80%;
	max-width:248px;
	height:auto;
	}
.container.bg1 .qabox h3{
	position:relative;
	display:block;
	background-color:#000;
	color:#fff;
	font-size:xx-large;
	text-align:center;
	padding:0.5em 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	font-weight:bold;
	font-size:x-large;
	margin:1em auto;
	}
.container.bg1 .qabox h3 span{
	font-size:medium;
	margin:0 10px 0;
	}
.container.bg1 .qabox h3 +h4{
	font-size:x-large;
	}
.container.bg1 .qabox img.sche{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:822px;
	height:auto;
	}
.container.bg1 .qabox img.sche ~p.kome{
	font-size:90%;
	margin:0.5em auto;
	}
.container.bg1 .qabox table{
	border-top:1px solid #7a7a7a;
	margin:1em auto 1em;
	}
.container.bg1 .qabox table tr td{
	border-bottom:1px solid #7a7a7a;
	}
.container.bg1 .qabox table tr td:nth-child(1){
	width:18%;
	font-size:x-large;
	font-weight:bold;
	text-align:center;
	}
.container.bg1 .qabox table tr td:nth-child(2){
	width:82%;
	box-sizing:border-box;
	padding:1em 1.5em;
	font-size:90%;
	}
.container.bg1 .qabox table tr td.tbbg1{
	background-color:#e1ff17;
	}
.container.bg1 .qabox table tr td.tbbg2{
	background-color:#ffe2d4;
	}
.container.bg1 .qabox table tr td.tbbg3{
	background-color:#ffe2d4;
	}
.container.bg1 .qabox table tr td.tbbg4{
	background-color:#bfefdc;
	}
.container.bg1 .qabox table tr td h5{
	color:#b90000;
	font-size:x-large;
	font-weight:bold;
	text-align:left;
	margin:0 auto ;
	}
.container.bg1 .qabox .cont_right .pointbox{
	position:relative;
	display:block;
	width:70%;
	background-color:#000;
	color:#fff;
	font-size:x-large;
	text-align:left;
	padding:20px 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	margin:1em 0 1em 40%;
	background-position:top right;
	background-size:179px 58px;
	background-repeat: no-repeat;
	}
.container.bg1 .qabox .cont_right .pointbox.point1{
	background-image: url(../img/point1.gif);
	}
.container.bg1 .qabox .cont_right .pointbox.point2{
	background-image: url(../img/point2.gif);
	}
.container.bg1 .qabox .cont_right .pointbox h4{
	font-size:x-large;
	margin:0;
	padding: 1em 0 0;
	}
@media screen and (max-width: 1020px) {
.container.bg1 .qabox .cont_right .pointbox{
	margin:1em -2.5em 1em auto;
	}
	}
@media screen and (max-width: 768px) {
.container.bg1 .qabox{
	padding:20px;
	}
.container.bg1 .qabox img.subti{
	margin:-2em auto 1em;
	}
.container.bg1 .qabox .col2{
	flex-direction: column;
	justify-content: center; 
	}
.container.bg1 .qabox .col2 div{
	width:100%;
	}
.container.bg1 .qabox .col2 div:nth-child(1){
	margin:0 auto 1em;
	}
.container.bg1 .qabox .col2 div a.webopen{
	font-size:large;
	}
.container.bg1 .qabox h3{
	font-size:x-large;
	}
.container.bg1 .qabox h3 +h4{
	font-size:large;
	}
.container.bg1 .qabox .cont_right .pointbox{
	width:90%;
	margin:1em -1em 1em auto;
	padding:15px 20px;
	}
.container.bg1 .qabox .cont_right.point{
	padding:110px 0 0 0;
	}
.container.bg1 .qabox .cont_right .pointbox h4{
	font-size:large;
	}
.container.bg1 .qabox img.sche ~p.kome{
	font-size: small;
	margin:0 auto;
	}
.container.bg1 .qabox table tr td:nth-child(1){
	font-size:large;
	}
.container.bg1 .qabox table tr td:nth-child(2){
	font-size: small;
	padding:0.5em;
	}
.container.bg1 .qabox table tr td h5{
	font-size:large;
	}
}
@media screen and (max-width: 550px) {
.container.bg1 .qabox .cont_right .pointbox h4{
	padding: 3em 0 0;
	}
}

/* 吹き出し灰 */
.balloon{
	display: inline-block;
  position: relative;
  padding: 5px 40px;
  margin:0 0 35px 0;
  background-color: #c8c8c8;
  color: #000;
  border-radius: 30px;
  font-size:150%;
  font-weight:bold;
  z-index:10;
}
/* 色付きの半円 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 60%;
	-webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 65px;
  bottom: -23px;
  border-left: 40px solid #c8c8c8;
  border-top: 40px solid #c8c8c8;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  z-index:-1;
}
/* 白い半円 */
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 60%;
	-webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 40px;
  bottom: -40px;
  border-left: 40px solid #ffffff;
  border-top: 40px solid #ffffff;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  z-index:-1;
}
/* 吹き出し黄 */
h2.balanswer{
  color: #b90000;
	}
div.balanswer{
  width:70%;
  max-width:500px;
  min-width:100px;
	}
.balanswer{
	display: inline-block;
  position: relative;
  padding: 15px 30px 15px;
  margin:0 0 35px auto;
  background-color: #e1ff17;
  color: #000;
  border-radius: 30px;
  text-align:left;
  z-index:10;
}
/* 色付きの半円 */
.balanswer::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 60%;
	-webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 100px;
  bottom: -23px;
  border-left: 40px solid #e1ff17;
  border-top: 40px solid #e1ff17;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  z-index:-1;
}
/* 白い半円 */
.balanswer::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 60%;
	-webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 75px;
  bottom: -40px;
  border-left: 40px solid #ffffff;
  border-top: 40px solid #ffffff;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  z-index:-1;
}
div.balanswer p{
	line-height:2;
	}
@media screen and (max-width: 768px) {
.balloon{
  margin:0 0 35px -10px;
  padding: 5px 35px;
  font-size:140%;
	}
.balanswer{
  padding: 10px 20px 10px;
  }
h2.balanswer{
  font-size:140%;
	}
div.balanswer{
  width:auto;
  max-width:580px;
  min-width:100px;
	}
}



/*コンテンツ２*/
.container.bg1 .gaiyou {
	border:1px solid #000;
	background-color:#fff;
	padding:1.5em;
	margin:0 auto 1em;
	width:100%;
	max-width:940px;
	}
.container.bg1 .gaiyou h4{
	font-size:large;
	margin:0 0 0.5em;
	line-height:1;
	}
.container.bg1 .gaiyou ul li{
	margin:0 0 5px 0;
	font-size:medium;
	display: flex;
	align-items: center;
	}
.container.bg1 .gaiyou ul li span:nth-child(1){
	width:5em;
	background-color:#3e3e3e;
	color:#fff;
	text-align:center;
	padding:0.5em;
	margin:0 1em 0 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	flex-grow: 0;
	flex-shrink: 0; 
	}
.container.bg1 .gaiyou .kousya{
	width:100%;
	display: flex;
	flex-direction: row; 
	align-items: center;
	}
.container.bg1 .gaiyou .kousya div{
	text-align:center;
	width:50%;
	}
.container.bg1 .gaiyou .kousya div p{
	margin:0.5em auto;
	}
.container.bg1 .gaiyou .kousya div img.since{
	display:block;
	width:100%;
	max-width:200px;
	height:auto;
	margin: 0 auto;
	}
.container.bg1 .gaiyou .kousya div img.kos{
	display:block;
	width:100%;
	max-width:417px;
	height:auto;
	margin: 0 0 0 auto;
	}
.container.bg1 .gaiyou .blackbox{
	background-color:#3e3e3e;
	color:#fff;
	font-size:medium;
	text-align:center;
	padding:1em;
	margin:1em 0 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}
@media screen and (max-width: 768px) {
.container.bg1 .gaiyou {
	padding:1em;
	}
.container.bg1 .gaiyou h4{
	font-size: medium;
	}
.container.bg1 .gaiyou ul li{
	font-size: small;
	}
.container.bg1 .gaiyou ul li span:nth-child(1){
	margin:0 0.5em 0 0;
	}
.container.bg1 .gaiyou .kousya{
	flex-direction: column; 
	}
.container.bg1 .gaiyou .kousya div{
	width:100%;
	}
.container.bg1 .gaiyou .kousya div:nth-child(1){
	margin:0 auto 1em;
	}
.container.bg1 .gaiyou .kousya div img.kos{
	margin: 0 auto 0;
	}
.container.bg1 .gaiyou .blackbox{
	font-size: small;
	padding:0.5em;
	}
}


/* ~~ フッター ~~ */
.footer {
	background-color: #3e3e3e;
	background-image: url(../img/footer_bg.gif);
	background-repeat:repeat;
	padding:2em 0 100px;
	color:#fff;
	text-align:center;
}
.footer a{
	color:#fff;
	text-decoration:underline;
	}
.footer a:hover,
.footer a:active,
.footer a:focus {
	color:#fff;
	text-decoration:none;
	}
.footer .midasi{
	font-size:x-large;
	font-weight:bold;
	background-color: #e1ff17;
	color:#000;
	padding:5px 0;
	margin:0 auto 0.3em;
	max-width:720px;
	width:95%;
	}
.footer .tx90{
	font-size:90%;
	margin:0 auto;
	}
.footer .tx90 +.tx90{
	margin:0 auto 2em;
	}
.footer .bol.bol1{
	font-size:xx-large;
	margin:0 auto 0.3em;
	}
.footer .tx90 +.bol.bol1{
	margin:0 auto 0;
	}
.footer .bol.bol2{
	font-size:x-large;
	margin:0 auto 0;
	}
.footer .bol.bol2 +.bol.bol2{
	margin:0 auto 0.4em;
	}
.footer .bol.bol3{
	font-size:large;
	margin:0 auto 1.5em;
	}
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 768px) {
.footer {
	padding:1.5em 0 180px;
	}
.footer .midasi{
	font-size:large;
	}
.footer .tx90{
	font-size: small;
	}
.footer .bol.bol1{
	font-size:x-large;
	}
.footer .bol.bol2{
	font-size:large;
	}
.footer .bol.bol3{
	font-size: medium;
	}
}

@media screen and (max-width: 480px) {
.footer {
	padding:1em 0 120px;
	}
.footer .bol.bol1{
	font-size:large;
	}
.footer .bol.bol2{
	font-size: medium;
	}
}
}


.cont2map{/* ~~ googlemapサイズ枠pc ~~ */
	width: 100%;
	max-width: 600px;
	min-width: 50px;
	height: 420px;
	margin: 10px 0 20px 0;
	display: inline-block;
}
.cont2maps{/* ~~ googlemapサイズ枠pc ~~ */
	width: 100%;
	max-width: 600px;
	min-width: 50px;
	height: 300px;
	margin: 10px 0 20px 0;
	display: none;
}
@media screen and (max-width: 600px) {
.cont2map {
	display: none;
	}
.cont2maps {
	display: inline-block;
	}
}


/*topへ戻るリンク*/
a.to_top{
	display:block;
	text-align:right;
	margin:0 0 0 auto;
	color:#000;
	font-size:x-large;
	font-weight:bold;
	}
a.to_top:hover, a.to_top:active, a.to_top:focus {
	text-decoration: none;
	color: #e1ff17;
}
.totop{
	position:fixed;
	right:10px;
	bottom:95px;
	display:block;
	z-index:999;
	}
.totop a{
	display:block;
	overflow:hidden;
	border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
	opacity:1;
	}
.totop a:hover,
.totop a:focus{
	opacity:0.5;
	}
.totop a img{
	display:block;
	width:40px;
	height:40px;
	}
@media screen and (max-width: 768px) {
.totop {
	bottom:160px;
	}
}
@media screen and (max-width: 480px) {
.totop {
	bottom:140px;
	}
}


/* 下部固定のメニュー */
div#floating-menu {
	display: table;
    position: fixed;
	width: 100%;
	bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 0px;
	background-color:#000;
	border-top:2px solid #000;
    z-index: 9998;
	text-align:center;
}
.floating-bnr{
	margin:0 auto;
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	}
.floating-bnr .tel{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin:1em 0;
	}
.floating-bnr .tel p{
	color:#e1ff17;
	margin:0 1em 0.5em 1em;
	padding:0;
	font-size: medium;
	font-weight:bold;
	text-align:left;
	line-height:1;
	flex-grow: 0;
	flex-shrink: 0; 
	}
.floating-bnr .tel p span{
	 display:inline-block;
	}
.floating-bnr .tel img{
	display:block;
	width:100%;
	max-width:271px;
	height:auto;
	margin:0;
	}
.floating-bnr .buttun{
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	margin: 0 0 0 3em;
	}
.floating-bnr .buttun a.btn{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:1em;
	background-color:#e1ff17;
	color:#000;
	position:relative;
	transform:skewX(-25deg);
	flex-grow: 50;
	width:13em;
	}
.floating-bnr .buttun a.btn + a.btn{
	margin-left:2px;
	}
.floating-bnr .buttun a.btn span{
	font-weight:bold;
	display:inline-block;
	transform:skewX(25deg);
	font-size:130%;
	width:100%;
	}
.floating-bnr .buttun a.btn + a.btn span{
	font-size:130%;
	}
.floating-bnr .buttun a.btn span.sml,
.floating-bnr .buttun a.btn + a.btn span.sml{
	font-size: 90%;
	}
.floating-bnr .buttun a.btn:focus,
.floating-bnr .buttun a.btn:hover{
	color:#e1ff17;
	background-color:#5a5a5a;
	text-decoration:none;
	}
@media screen and (max-width: 910px) {
.floating-bnr .buttun a.btn{
    width: 11em;
	}
.floating-bnr .buttun a.btn span.sml,
.floating-bnr .buttun a.btn + a.btn span.sml{
	font-size: 70%;
	}
	}
@media screen and (max-width: 768px) {
.floating-bnr{
	flex-direction: column;
	overflow:hidden;
	}
.floating-bnr .tel{
	flex-direction: row;
	}
.floating-bnr .tel p{
	margin:0 0 0 1em;
	width:50%;
	}
.floating-bnr .tel .telimg{
	width:50%;
	box-sizing:border-box;
	padding-right:5px;
	}
.floating-bnr .buttun{
	margin: 0 0 0 -10%;
	width:120%;
	}
.floating-bnr .buttun a.btn{
	padding:1em 1em 1em 10%;
	flex-grow: 50;
	width:50%;
	}
.floating-bnr .buttun a.btn span,
.floating-bnr .buttun a.btn + a.btn span{
	font-size:x-large;
	}
.floating-bnr .buttun a.btn + a.btn{
	padding:1em 10% 1em 1em;
	}
}
@media screen and (max-width: 640px) {
.floating-bnr .tel p{
	font-size:small;
	}
}
@media screen and (max-width: 480px) {
.floating-bnr .tel{
	margin:0.5em 0;
	}
.floating-bnr .tel p{
	font-size:small;
	width:40%;
	}
.floating-bnr .tel .telimg{
	width:60%;
	}
.floating-bnr .tel img{
	display:block;
	width:100%;
	max-width:300px;
	height:auto;
	margin:0 auto;
	}
.floating-bnr .buttun a.btn{
	padding:0.5em 0 0.5em 10%;
	}
.floating-bnr .buttun a.btn + a.btn{
	padding:0.5em 10% 0.5em 0;
	}
.floating-bnr .buttun a.btn span,
.floating-bnr .buttun a.btn + a.btn span{
	font-size:large;
	}
.floating-bnr .buttun a.btn span.sml,
.floating-bnr .buttun a.btn + a.btn span.sml{
	font-size: small;
	}
}