@charset "utf-8";


/*PC・タブレット・スマホ共通設定
-----------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 1.06em;	/*文字サイズ*/
	line-height: 1.8em;		/*行間*/
	background: #fbfaf5;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
video,audio {max-width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;		/*リンクテキストの色*/
}
a:hover {
	color: #ff9999;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

a img {
border:none;
verticle-align:top;
}

a:hover img {
opacity: 0.5;     /* 透過レベル */
filter: alpha(opacity=60);
}

.image_circle {
  border-radius:50%;
}

/*サイトの最大幅の設定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner {
	max-width: 1400px;	/*サイトの最大幅。これ以上大きくならない。*/
	margin: 0 auto;
}

/*containerの設定（footer以外の、ホームページを囲むブロック）
下の「1450px以下の設定」にあるbody.is-fixed #menubarのmarginの数字と合わせておく。
---------------------------------------------------------------------------*/
#container {
	padding: 0 50px;	/*上下、左右へのブロック内余白*/
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: relative;
	margin: 0 auto;
	height: 100px;	/*ヘッダーの高さ*/
}
h1 {
	clear: both;
	font-size: 10px;	
	color: #fff0f5;
}

/*PC時表示しない*/
@media(max-width: 768px){
    h1{display:none; }
}

/*ロゴ画像*/
header #logo {
	width: 600px;		/*ロゴ画像の幅*/
	position: absolute;
	left: 2%;		/*ヘッダーブロックの左からの配置指定*/
	bottom: 16px;	/*ヘッダーブロックの下からの配置指定*/
}
/*TELブロック*/
header address {
	font-style: normal;
	position: absolute;
	right: 2%;		/*ヘッダーブロックの右からの配置指定*/
	bottom: 20px;	/*ヘッダーブロックの下からの配置指定*/
	text-align: center;	/*内容をセンタリング*/
	font-size: 80%;		/*文字サイズ*/
	line-height: 1.5;	/*行間を少し狭く*/
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}
/*TELブロックの電話番号部分*/
header address .tel {
	color: #ff9999;		/*文字色*/
	font-size: 2em;	/*文字サイズ*/
	background: url(../images/icon_tel.png) no-repeat left center / 26px;	/*電話アイコンの読み込み。左(left)に、上下中央(center)に配置。画像幅26px。*/
	padding-left: 35px;	/*電話アイコン部分の余白をここで作る*/
}

/*mainimg
-------------------------------------------------*/
/*画像ブロック*/
#mainimg {
	clear: both;
	position: relative;
	width: 100%;
}
#mainimg img {
	border-radius: 10px;
}

/*スマホは表示しない*/
@media(max-width: 768px){
    #mainimg{display:none; }
}

#mainimg_s {
	clear: both;
	position: relative;
	width: 100%;
}
#mainimg_s img {
	border-radius: 10px;
}

/*PCは表示しない*/
@media(min-width: 768px){
    #mainimg_s{display:none; }
}

.slide0 {
	position: relative;width: 100%;height: auto;
}


/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	position: relative;
	margin: 0 auto 20px;	/*上、左右、下へのマージン。20pxを変更する際は、「body.is-fixed header」の数値も変更する。*/
	height: 75px;			/*メニューの高さ。下の「#menubar li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 16.66%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
	line-height: 1.6;	/*行間を少しだけ狭く*/
}
#menubar li a {
	text-decoration: none;
        display: block;
	text-align: center;
	height: 60px;		/*高さ*/
	padding-top: 15px;	/*上に追加する余白*/
	color: #333;		/*文字色*/
	font-size: 1.1em;	/*文字サイズ*/
	border-left: 1px dashed #999;	/*メニューの左側の線の幅、線種、色（古いブラウザ用）*/
	background: #fff;	/*背景色*/
}


/*飾り文字*/
#menubar li span {
	display: block;
	font-size: 0.6em;		/*文字サイズ*/
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/
	opacity: 0.5;			/*透明度50％*/
}
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a {
	background: #ff9999;	/*背景色*/
}

/* PCではハンバーガーメニューを表示しない */
@media (min-width: 768px){
	.hamburger-demo-menubox{
		display: none;
	}
}

/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
/*fixmenuブロック*/
body.is-fixed .nav-fix-pos {
	width: 100%;z-index: 100;position: fixed;top: 0;left: 0;
}
/*headerブロック*/
body.is-fixed header {
	margin-bottom: 95px;	/*メインメニューのheight(75)とmargin-bottom(20)を足した数字にする*/
}



/*コンテンツ（mainとsubブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	padding: 40px 0;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツブロック*/
#main {
	float: left;	/*右に回り込み*/
	width: 75%;		/*ボックス幅*/
	padding-bottom: 40px;
}
/*１カラム時のメインコンテンツ*/
.c1 #main {
	float: none;
	width: auto;
}
/*mainコンテンツのh2タグ設定*/
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px;	/*上下、左右への余白*/
	font-size: 1.2em;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #ff9999;	/*背景色*/
	border-radius: 10px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
}
/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線とテキストとの余白*/
}
/*mainコンテンツのh3タグ設定*/
#main h3 {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;	/*上下、左右への余白*/
	font-size: 1.4em;	/*文字サイズ*/
	border-bottom: 1px solid #ccc;	/*枠線の幅、線種、色*/}

/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0px 20px 20px;	/*上、左右、下への余白*/
}
/*他。微調整。*/
#main p + p {
	margin-top: -5px;
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}
#main section + section {
	padding-top: 30px;
}
#main h4 {
	color: #0000ff;		/*文字色*/
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: right;	/*左に回り込み*/
	width: 22%;		/*ブロックの幅*/
	padding-bottom: 40px;
}
/*１カラム字のサブコンテンツ*/
.c1 #sub {display: none;}
/*h2見出しタグ設定*/
#sub h2 {
	margin-bottom: 10px;
	font-size: 1.2em;	/*文字サイズ*/
}

/*段落タグ（p）設定*/
#sub p {
	line-height: 1.6;	/*行間を少し狭く*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub .submenu {
	margin-bottom: 20px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #e4e4e4;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
#sub .submenu li {
	border-bottom: solid 1px #e4e4e4;	/*下の線の線種、幅、色*/
}
#sub .submenu li a {
	text-decoration: none;display: block;
	padding: 10px 10px 10px 30px;	/*上、右、下、左へのメニュー内の余白*/
	background: #fff url(../images/arrow2.png) no-repeat 10px center / 10px;	/*矢印アイコンの読み込み。左から10px、上下中央に配置。幅10px。*/
}
/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	padding: 6px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	border: solid 1px #dbdbdb;	/*線の線種、幅、色*/
}
/*box1内のメニューの設定*/
#sub .box1 .submenu {
	margin-bottom: 0px;
}
#sub .box1 .submenu li a {
	padding: 5px 10px;	/*上下、左右へのメニュー内の余白*/
	background: #fff;	/*背景色*/
}

/*フッター設定
---------------------------------------------------------------------------*/
/*footerボックス*/
footer {
	clear: both;overflow: hidden;
	border-top: 5px solid #ff9999;	/*上の線の幅、線種、色*/
	background: #444;	/*背景色*/
	color: #fff;		/*文字色*/
	padding-top: 6px;	/*上に空けるボックス内の余白*/
}
/*footer内のinner*/
footer .inner {
	padding: 0 50px;	/*上下、左右へのブロック内余白*/
}
/*リンクテキスト、マウスオン時の文字色*/
footer a, footer a:hover {
	color: #fff;
}

/*フッターメニュー
---------------------------------------------*/
.f_inner{
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  max-width: 900px;
  background: #000;	/*背景色*/
  display: flex;
  justify-content: space-between;
}

.inner_center{
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #916E6E;	/*背景色*/
  color: #fff;
  padding: 1%;
}

.inner_side {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #634848;	/*背景色*/
  color: #fff;
  font-size: 0.8em;
  padding: 1%;
}

.reserve {
   display: flex;
   color: #fff;
   font-size: 0.5em;
   justify-content: center;
  align-items: center;
}

.pr {
   display: flex;
   text-decoration: none;
   color: #999;
   font-size: 0.5em;
   justify-content: center;
   align-items: center;
}
/*スマホ表示しない*/
@media screen and (max-width: 768px) {
    footer{display:none; }
}

/*smartphone　bottom menu
************************************************/
#footer-menu {
   position: fixed;
   width: 100%;
   bottom: 0;
   left: 0;
   z-index: 100;
   padding: 0;
   margin-top:50px;
   border-top: 3px solid #ff9999;
}

#footer-menu ul{
   display: flex;
}

#footer-menu li{
   width: 25%;
   text-align: center;
   padding: 0px 0;
   background-color: #333;
   border-right: 1px solid #999;
}

#footer-menu li a{
   width: 100%;
   display: block;
   padding: 14px 0;
   color: #eee;
   text-align: center;
   font-size: 1em;
   text-decoration: none;
}

#footer-menu li a:hover{
background-color: #666;
}

/*ＰＣ表示しない*/
@media screen and (min-width: 768px) {
    #footer-menu{display:none; }
}









/**************************
/* flexBox 
**************************/

/* 4つの問合せ Frex box
************************************************/
.flex4 {
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
}

.flex4 .f_item {
   display: flex;
   flex-direction: column;
   width: calc(20% - 10px);
   padding: 0em;
   border: 0px dotted #fff;
   box-sizing: border-box;
}

.flex4 .f_image {
   min-height: 0%;
   margin-bottom: 1em;
}

.flex4 .f_image img {
   width: 100%;
   height: auto;
   vertical-align: bottom;
}

.flex4 h4 {
    color: #e17b34;
    text-align: center;
    font-size: 1em;
}

.flex4 .f_text {
  width: 100%;
  text-align: center;
}



/*スマホ*/
@media screen and (max-width: 768px) {

.flex4 .f_item {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
   width: 100%;
}

.flex4 .f_text {
  text-align: left;
  width: 100%;
  font-size: 0.9em;
}

.flex4 h4 {
  font-size: 1em;
  margin: 0;
}

.flex4 .f_image {
  width: 60%;
  margin-right: 0%;
}

.flex4 .f_image img {
  width: 100%;
  height:auto;
}



}

/* 5つの項目 Frex box
************************************************/
.flex5 {
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
}

.flex5 .f_item {
   display: flex;
   flex-direction: column;
   width: calc(20% - 10px);
   padding: 0em;
   border: 0px dotted #fff;
   box-sizing: border-box;
}

.flex5 .f_image {
   min-height: 0%;
   margin-bottom: 1em;
}

.flex5 .f_image img {
   width: 100%;
   height: auto;
   vertical-align: bottom;
}

.flex5 h4 {
    color: #e17b34;
    text-align: center;
    font-size: 1em;
}

.flex5 .f_text {
  width: 100%;
  text-align: center;
}



/*スマホ*/
@media screen and (max-width: 768px) {

.flex5 .f_item {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
   width: 100%;
}

.flex5 .f_text {
  text-align: left;
  width: 100%;
  font-size: 0.9em;
}

.flex5 h4 {
  font-size: 1em;
  margin: 0;
}

.flex5 .f_image {
  width: 60%;
  margin-right: 0%;
}

.flex5 .f_image img {
  width: 100%;
  height:auto;
}



}

/* 6つのお約束 Frex box
************************************************/
.flex6 {
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
}

.flex6 .f_item {
   display: flex;
   flex-direction: column;
   width: calc(16.66% - 10px);
   padding: 0em;
   border: 0px dotted #fff;
   box-sizing: border-box;
}

.flex6 .f_image {
   min-height: 0%;
   margin-bottom: 1em;
}

.flex6 .f_image img {
   width: 100%;
   height: auto;
   vertical-align: bottom;
}

.flex6 h4 {
    color: #e17b34;
    text-align: center;
    font-size: 1em;
}

.flex6 .f_text {
  width: 100%;
  text-align: center;
}



/*スマホ*/
@media screen and (max-width: 768px) {

.flex6 .f_item {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
   width: 100%;
}

.flex6 .f_text {
  text-align: left;
  width: 100%;
  font-size: 0.9em;
}

.flex6 h4 {
  font-size: 1em;
  margin: 0;
}

.flex6 .f_image {
  width: 60%;
  margin-right: 0%;
}

.flex6 .f_image img {
  width: 100%;
  height:auto;
}



}


/* お困りごと・特徴　Frex box 画像３列+コメント下　
************************************************/
.flex03 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
}

.flex03 .flexitem {
   display: flex;
   flex-direction: column;
   width: 32%;
   padding: 0em;
   border: 0px dotted #fff;
   box-sizing: border-box;
}

.flex03 .item-image {
   min-height: 0%;
   margin-bottom: 1em;
}

.flex03 .item-image img {
   width: 100%;
   height: auto;
   vertical-align: bottom;
}

.flex03 h4 {
    color: #e17b34;
    text-align: center;
    font-size: 1em;
}

.flex03 .item-btn {
   margin-top: auto;
   padding-top: 1em;
   width: 60%;
   align-self: center;
}

.flex03 .item-btn a {
   display: block;
   padding: .5em;
   background: #eea481;	/*amazonオレンジ*/
   color: #fff;
   text-decoration: none;
   text-align: center;
   border-radius: 50px;
}

.flex03 .item-btn a:hover {
   border: 1px solid #eea481;	/*amazonオレンジ*/
   background: #fff;	/**/
   color: #333 !important;
}

/* 困り事を解決・ご利用の流れ　
　flex_lr 画像左+コメント右
************************************************/
.flex_lr {
   display:flex;
  justify-content: left;
}

.img_lr{
   flex-basis: 30%; 
   margin: 0 3% 0 3%;		/*上、右、下、左*/
}
.p_lr{
   flex-basis: 60%; 
}

.p_lr .title{
    color: #e17b34;
    font-size: 1.3em;
    font-weight: bold;
}

.arrow7{
  width: 12%;

}


.p_lr3{
   border-top: 1.5px dashed #FFCCFF;	/*枠線の幅、線種、色*/
   padding-top: 5%;
   margin: 5% 0 0 3%;		/*上、右、下、左*/
}


/* 営業エリア地図　
　flex_lr2 画像左+コメント右
************************************************/
.flex_lr2 {
   display:flex;
  justify-content: left;
}

.img_lr2{
   flex-basis: 60%; 
   margin: 0 3% 0 3%;		/*上、右、下、左*/
}
.img_lr2 p{
   margin: 3% 3% 0 3%;		/*上、右、下、左*/
}

.p_lr2{
   flex-basis: 30%; 
}

.p_lr2 .title2{
    color: #69b076;
    font-size: 1.3em;
    font-weight: bold;
}


/* 問合せ　Frex box 画像６個 問合せ　
************************************************/
.f_box6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.f_box6 .one_box {
  width: 15%;
  border: 0px solid #111;
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
  margin-right: 1%;
}


/* 喜びの声
　Frex box 画像複数　
************************************************/
.f_box_all {
  display: flex;
  flex-wrap: wrap;
}

.f_box_all .item {
  padding: 6px;
  width: 31%;
  background-color: #fff;
}

.f_box_all .item:not(:nth-child(3n+3)) {
  margin-right: 1%;
}

.f_box_all .item:nth-child(n+4) {
  margin-top: 6px;
}

.f_box_all h4 {
    color: #7b5544;
    text-align: center;
    font-size: 1em;
}


/* 想い・追求・生前整理・断捨離　料金について・お客様の声
　flex_rl 画像左+コメント右
************************************************/
.flex_rl {
   display:flex;
  flex-direction: row-reverse;
  justify-content: right;
}

.img_rl{
   flex-basis: 30%; 
   margin: 0 3% 0 3%;		/*上、右、下、左*/
}
.p_rl{
   flex-basis: 60%; 
}

.p_rl .title{
    color: #e17b34;
    font-size: 1.3em;
    font-weight: bold;
}

/* 問合せ　Frex box 画像６個 問合せ　
************************************************/
.f_box6 {
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.f_box6 .one_box {
  width: calc(16% - 6px);
  border: 0px solid #111;
  box-sizing: border-box;
  text-align: center;
  padding: 4px;
}


/* 基本料金に含まれる5つの項目
************************************************/
.jiman5 {
	position: relative;
        overflow: hidden;
	width: 17.5%;
	margin-bottom: 20px;
	padding: 10px;
	float: left;
	line-height: 1.5;
}

.jiman5 h4 {
	color: #000db1;	
}

.jiman5 p {
	padding: 0;

}


/* ６つのお約束
************************************************/
.jiman6 {
	position: relative;
        overflow: hidden;
	width: 14.6%;
	margin-bottom: 20px;
	padding: 10px;
	float: left;
	line-height: 1.5;
}

.jiman6 h4 {
	color: #000db1;	
}

.jiman6 p {
	padding: 0;

}




/* 9つのサービス
　Frex box 画像複数　
************************************************/
.f_box_9 {
  display: flex;
  flex-wrap: wrap;
}

.f_box_9 .item {
  padding: 6px;
  width: 31.2%;
  background-color: #fff;
}

.f_box_9 .item:not(:nth-child(3n+3)) {
  margin-right: 1%;
}

.f_box_9 .item:nth-child(n+4) {
  margin-top: 6px;
}

.f_box_9 h4 {
    color: #7b5544;
    text-align: center;
    font-size: 1em;
}

/* いますぐ相談　ol 数字
************************************************/
ol.komatta1{
  counter-reset:list;
  list-style-type:none;
  padding: 0;
}
ol.komatta1 li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 10px 40px;
  padding-left:10px;
  font-size: 1.0em;
  border-bottom:solid 1px #f5e5dc;
}
ol.komatta1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -30px;
  width: 30px;
  height: 32px;
  background: #F6A38B;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol.komatta1 li:nth-child(2n) {
   /* 表の偶数行のみを対象に装飾するCSS */
   background-color: #ffefe6;
}

/* 丸数字リスト
************************************************/
.maru-list2{
  list-style-type: none !important;
  padding: 5px 5px;
  margin: 0px;
  counter-reset: number;
}

.maru-list2 li{
  position: relative;
  padding: 5px 0 5px 34px;　　/*上、右、下、左*/
  line-height: 1.5em;
  font-size: 22px !important;
}

.maru-list2 li:before{
  display: inline-block;
  position: absolute;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #d9857e;
  color: #fff;
  font-size: 16px !important; 
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
  content: counter(number);
  counter-increment: number;
}

/* 即決、強要
************************************************/
.coment {
    position: relative;
    margin: 2em 0;
    padding: 10px 5px;
    border: solid 2px #d9857e;	/*珊瑚色*/
}
.coment .box-title {
    position: absolute;
    display: inline-block;
    top: -33px;
    left: -2px;
    padding: 4px 9px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    background: #d9857e;	/*珊瑚色*/
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.coment p {
    margin: 0; 
    padding: 0;
}


/* 回収不可品目リスト
************************************************/
ol.item_list {
  counter-reset:list;
  list-style-type:none;
  padding: 0;
}
ol.item_list li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 10px 40px;
  padding-left:10px;
  font-size:16px;
  border-bottom:solid 1px #d9857e;	/*珊瑚色*/
}
ol.item_list li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -30px;
  width: 30px;
  height: 32px;
  background: #d9857e;	/*珊瑚色*/
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 有料オプションリスト
************************************************/
ol.op_list {
  counter-reset:list;
  list-style-type:none;
  padding: 0;
}
ol.op_list li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 10px 40px;
  padding-left:10px;
  font-size:16px;
  border-bottom:solid 1px #ccc;
}
ol.op_list li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -30px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #9dd19d;	/*若緑色*/
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* キャンセル」料金
************************************************/
.coment_box{
position: relative;
margin: 2em auto;
padding: 1em;
width: 95%;
border: solid 1px #d55448;
}
.coment_box .box-title {
position: absolute;
display: inline-block;
top: -29px;
left: -1px;
padding: 0 9px;
height: 30px;
line-height: 30px;
vertical-align: middle;
font-size: 17px;
background: #d55448;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.coment_box p {
padding: 15px 20px;
margin: 0;
}

/* Blog 更新情報
************************************************/
.news_container {
width: 90%;
max-width:1000px;
margin: 50px auto;
}

.news_list {
margin: 20px 0;
border-top: 1px dashed #ca8269;
height: 16em;
overflow-y: scroll
}
.news_list li {
padding: 15px 5px;
border-bottom: 1px dashed #ca8269;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.date {
font-size: 16px;
margin-right: 10px;
color: #ed6347;
font-weight: 500;
}
.category {
display: inline-block;
color: #fff;
width: 120px;
font-size: 14px;
text-align: center;
margin-right: 10px;
padding: 2px 10px;
background-color: #de82a7;
}

.ihin {
display: inline-block;
color: #fff;
width: 120px;
font-size: 14px;
text-align: center;
margin-right: 10px;
padding: 2px 10px;
background-color: #947a95;
}

.news_text a {
color: #333;
}
.news_btn {
text-align: center;
margin-top: 50px;
}
.news_btn a {
color: #ca8269;
}
.btn {
color: #ca8269;
padding: 10px 50px;
background: #fff;
border: 2px solid #ca8269;
border-radius: 50px;
transition: all 0.5s;
}
.btn:hover {
color: #fff;
background: #ca8269;
}
.btn:after {
font-family: 'Font Awesome 5 Free';
content: "\f0da";
font-weight: 900;
padding-left: 10px;
}

@media screen and (max-width: 768px) {
.news_container {
width: 100%;
padding: 0 20px;
}
.news_text a {
display: block;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
}



.info {
  -webkit-overflow-scrolling: touch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 1100px;
  height: 20em;
  margin: 0 auto;
  overflow-y: scroll
}

.ihin {
     color: #fff;
     background-color: #947a95;
}

.seizen {
     color: #fff;
     background-color: #eea481;
}

@media (min-width:768px) {
  .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap
  }
}

.info dd,
.info dt {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: .5em;
  padding-left: .5em
}

.info dt {
  font-style: normal;
  font-weight: initial
}

@media (min-width:768px) {
  .info dt {
    width: 12.5em;
    margin-bottom: .5em;
    border-bottom: 1px dotted #343a40
  }
}

.info dt:first-of-type {
  padding-top: .5em;
  border-top: 1px dotted #343a40
}

.info dt time {
  margin-right: .5em
}

.info dt span {
  box-sizing: border-box;
  display: inline-block;
  width: 7em;
  margin-right: .5em;
  padding: 0 .5em;
  background-color-99: #009688;
  color: #fff;
  font-size: .8em;
  line-height: 1.75;
  text-align: center
}

.info time {
  color: #942343;	/*珊瑚色*/
}

.info dd {
  margin-left: 0;
  margin-bottom: .5em;
  border-bottom: 1px dotted #343a40
}

@media (min-width:768px) {
  .info dd {
    width: calc(100% - 12.5em)
  }
  .info dd:first-of-type {
    padding-top: .5em;
    border-top: 1px dotted #343a40
  }
}

.info dd:nth-of-type(-n+3) {
  position: relative
}

/* 事例 レスポンシブテーブル
************************************************/
.lr_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.lr_box{
	width: 49%;
	height: auto;
}


/* lr_table
-------------------------------------------------*/
table{
  border-collapse: collapse;
  width: 100%;
}

.lr_table th {
  padding: 4px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
  background: #fbfaf5;
  width: 140px;	
  font-size: 1em !important;
  color: #7b5544;
}

.lr_table td{
  padding: 4px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
}

/* lr_table2
-------------------------------------------------*/
table{
  border-collapse: collapse;
  width: 100%;
}

.lr_table2 th {
  padding: 10px;
  border: solid 0px #ccc;
  text-align:center;
  box-sizing:border-box;
  background: #fbfaf5;
  width: 140px;	
  font-size: 1em !important;
  color: #7b5544;
}

.lr_table2 td{
  padding: 10px;
  border: solid 0px #ccc;
  text-align:left;
  box-sizing:border-box;
}
.lr_box2{
  width: 33%;	
}
@media (max-width:768px) {

.lr_box2{
  width: 100%;	
}
}



/* 事例 flex04 Ｂタイプ 画像４列　スマホ２列　
************************************************/
.flex04_b {
  display: flex;
  flex-wrap: wrap;
}

.flex04_b .item {
  padding: 6px;
  width: 22%;
  background-color: #fff;
}

.flex04_b .item:not(:nth-child(4n+4)) {
  margin-right: 1%;
}

.flex04_b .item:nth-child(n+5) {
  margin-top: 6px;
}

.flex04_b h4 {
    color: #7b5544;
    text-align: center;
    font-size: 1em;
}

.flex04_b .empty_item{
  padding: 6px;
  width: 22%;
}

/* 認定書5個 flex05  画像5列　スマホ1列　
************************************************/
.flex05 {
  display: flex;
  flex-wrap: wrap;
}

.flex05 .item {
  padding: 6px;
  width: 18.5%;
  background-color: #fff;
}

.flex05 h4 {
    color: #7b5544;
    text-align: center;
    font-size: 0.9em;
}

/* 事例　画像２個　右にコメント
************************************************/
#jirei_b {
  width: 98%; /*幅指定*/
  display: flex;
}
.hidari {
  width: 100%;
  flex: 1;
  background: #eee;
  padding: 2px;
}

.migi {
  width: 50%;
  background: #fff;
  padding: 6px;
  line-height: 1.5em;
}

.migi h4 {
	color: #ff9999;		/*文字色*/
	font-size: 1.1em;	/*文字サイズ*/
	text-align: left;	/*文字をセンタリング*/
	height: 2em;		/*高さ*/
}

.pict2{
    display: flex;
    background: #fff;
    border: 0px solid #999;
    padding: 0px;
}
.pict2>div{
    width: 50%;
    background: #FFF;
    border: 0px solid #999;
    padding: 6px;
}

.bf{
   color: #0000cd !important;
   font-size: 1.0em; 
   font-weight: bold;
}

.af{
   color: #dc143c !important;
   font-size: 1.0em;
   font-weight: bold;
}

@media screen and (max-width: 768px) {
  #jirei_b {
    display: block;
  }
  .hidari {
    width: 100% !important;
  }
  .migi { 
    width: 100%;
  }
}


/* 会社概要 レスポンシブテーブル
************************************************/
/* table01 */
#table01 {
  margin:0 auto 0;
  width: 80%;

}
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
}

#table01 th {
  width: 25%;
  border-bottom: solid 2px #fb5144;
}

#table01 td {
  padding-left: 20px;
}

/* sp */
@media only screen and (max-width: 768px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 20px;
  }
}
/*会社概要の地図　tb01
-------------------------------------------------*/
table{
  border-collapse: collapse;
  width: 100%;
}

.tb01 th {
  padding: 4px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
  background: #fbfaf5;
  color: #333;
  width: 140px;	
  text-align: center;
}

.tb01 td{
  padding: 4px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;

}

/* 友達のサイト　
************************************************/

.tomodachi{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

.tomodachi > div.buner_box{
	width: 46%;
	padding: 12px;
        margin-right: 10px;
}

.buner_box {
  display: flex; /*横並び*/
  border: solid 1px #ccc;
}

.buner_box .b_img {
  width:  97%;
  margin-left: 3%;
}



.buner_box .b_right {
  margin: 0 0 0 20px;
  padding: 0;
}
.buner_box .b_title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
}
.buner_box .b_text {
  margin: 10px 0 0;
  padding: 0;
  font-size: 0.9em;
}



@media screen and (max-width: 960px) {
	.tomodachi > div.buner_box{
		width: 100%;
	}
}





/* 水平LINE
************************************************/
.hr1{
    clear: both;
    width: 70%;
    border-top: 3px dotted #abb1ad;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin: 50px auto;
}

/* リンクボタン
************************************************/

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5% auto 0 auto;
  padding: 0.5em 5em;
  width: 40%;
  color: #eea481;
  font-size: 22px;
  text-decoration: none;
  font-weight: 700;
  border: 2px solid #eea481;
  background-color: #fff;
  border-radius: 50px;
  transition: 0.3s;
}

.button01 a::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 5px solid #eea481;
  border-right: 5px solid #eea481;
  transform: rotate(45deg);
}

.button01 a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #eea481;
}


@media screen and (max-width:600px){
.button01 a {
  width: 80%;
  font-size: 16px;
  padding: 0.2em 0.3em;

}
}










/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0px 20px;	/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
}

/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list {
	overflow: hidden;
	width: 26.4%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、色。0,0,0は黒の事で、0.1は色が10%出た状態。*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
}

.list a {
	display: block;text-decoration: none;overflow: hidden;
	margin: -2%;	/*ボックスのマージン。リンク設定する場合に、上の.listのpaddingを相殺するため。*/
	padding: 2%;	/*ボックス内の余白*/
	background: url(../images/arrow1.png) no-repeat right bottom / 40px;	/*リンク設定した際の右下の矢印マークの読み込み。right（右）、bottom（下）、40pxは画像の幅。*/
}
/*マウスオン時の設定*/
.list a:hover {
	position: relative;
	left: 1px;	/*マウスオン時に右に1px移動する*/
	top: 1px;	/*マウスオン時に下に1px移動する*/
}
/*h4（見出し）タグの設定*/
.list h4 {
	color: #ff9999;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: 2em;		/*高さ*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}
/*p（段落）タグの設定*/
.list p {
	padding: 0 !important;
	line-height: 1.5;	/*行間を少し狭くする。デフォルトは最上部のbodyにあります。*/
	font-size: 90%;		/*文字サイズを少し小さく*/
	color: #333;		/*文字色*/
	height: 6em;		/*高さ。1.5emを１行分とカウントして下さい。6emなら４行です。*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}



/*list2ブロック
---------------------------------------------------------------------------*/
/*listブロック全体を囲むブロック*/
.list-container {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
}

/*１個あたりのボックス設定*/
.list2 {
	display: flex;				/*flexボックスを使う指定*/
	flex-direction: column;		/*子要素を縦並びにする*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	width: 46%;				/*幅*/
	margin: 2em auto;		/*右側に空けるスペース*/
	margin-bottom:;		/*ボックスの下に空けるスペース。２文字分。*/
	position: relative;		/*NEWアイコンを絶対配置させる為に必要な指定*/
	overflow: hidden;		/*NEWアイコンが飛び出ないようにする指定*/
}

.list2 img{
	width: 60%;
        margin: 0 20%;
}



/*２の倍数のlistブロックへの追加設定*/
.list2:nth-of-type(2n) {
	margin-right: 0;	/*右側の余白をなくす*/
}

/*ボックス内のh4タグ*/
.list2 h4 {
	margin: 0;
	color: #0dbd9a;	/*文字色*/
	text-align: center;	/*文字をセンタリング*/
	background-color: #00ff00;
	border-radius: 50px;
	transition: 0.3s;
	width: 60%;
        margin: 5px 20%;
}


/*ボックス内のtextブロック*/
.list2 .text {
	flex: 1;
}

/*ボックス内のpタグ*/
.list2 p {
	margin: 0;
	font-size: 0.8em;	/*文字サイズを80%に*/
	line-height: 1.5;	/*行間を少し狭くする*/
}

/*左上のアイコン*/
.list2 .icon {
	position: absolute;		/*relativeを持っている親要素に対して絶対配置する指示*/
	left: 20%;				/*左からの配置場所*/
	top: 0px;				/*上からの配置場所*/
	background: #fbfaf5;	/*背景色*/
	font-size: 11px;		/*文字サイズ*/
	width: 100px;			/*幅*/
	padding-top: 30px;		/*文字の上に空ける余白*/
	text-align: center;		/*テキストをセンタリング*/
	color: #000;			/*文字色*/
	transform: rotate(-45deg) translate(-15px, -40px);	/*左に45度回転、右に-15px、上に-40px移動。マイナスがついてる場合は逆側に移動します。*/
}



/*list3ブロック
---------------------------------------------------------------------------*/
/*listブロック全体を囲むブロック*/
.list-container2 {
        display: flex;
        flex-wrap: wrap;				/*幅*/
	width:80%;
        justify-content:space-between;
        margin: 5% auto;
}

/*１個あたりのボックス設定*/
.list3 {
	width:40%;
	position: relative;		/*NEWアイコンを絶対配置させる為に必要な指定*/
	overflow: hidden;		/*NEWアイコンが飛び出ないようにする指定*/
}
.list3 img{
	width: 100%;
}


/*ボックス内のh4タグ*/
.list3 h4 {
	margin: 0;
	color: #0dbd9a;	/*文字色*/
	text-align: center;	/*文字をセンタリング*/
	background-color: #00ff00;
	border-radius: 50px;
	transition: 0.3s;
	width: 80%;
        margin: 5px auto;
}


/*ボックス内のtextブロック*/
.list3 .text {
	flex: 1;
        margin-bottom: 10%;
}
.list3 .text2 {
	flex: 1;
        margin-bottom: 18%;
}

/*ボックス内のpタグ*/
.list3 p {
	margin: 0;
	font-size: 0.88em;	/*文字サイズを80%に*/
	line-height: 1.5;	/*行間を少し狭くする*/
}

/*左上のアイコン*/
.list3 .icon2 {
	position: absolute;		/*relativeを持っている親要素に対して絶対配置する指示*/
	top: 0px;				/*上からの配置場所*/
	background: #fbfaf5;	/*背景色*/
	font-size: 12px;		/*文字サイズ*/
	width: 100px;			/*幅*/
	padding-top: 30px;		/*文字の上に空ける余白*/
	text-align: center;		/*テキストをセンタリング*/
	color: #000;			/*文字色*/
	transform: rotate(-45deg) translate(-15px, -40px);	/*左に45度回転、右に-15px、上に-40px移動。マイナスがついてる場合は逆側に移動します。*/
}

@media screen and (max-width: 768px) {
.list-container2 {
	display: block;		/*flexボックスを使う指定*/
}
.list3 {
	width:80%;
	margin: 0 auto;
}
}



/*サムネイル画像の設定
---------------------------------------------------------------------------*/
.thumbnail {
	width: 70px;	/*サムネイル画像の幅*/
	margin: 5px;	/*画像同士に空けるスペース*/
	opacity: 0.7;	/*透明度。色が70%出た状態。*/
}
/*マウスオン時*/
.thumbnail:hover {
	opacity: 1;	/*透明度。色が100%出た状態。*/
}

/*box（info1.htmlやstaff.htmlで使っている枠色がついたタイプのボックス）
---------------------------------------------------------------------------*/
/*box*/
.box {
	overflow: hidden;
	border: 3px solid #ff9999;	/*枠線の幅、線種、色*/
	padding: 20px;				/*ボックス内の余白*/
	border-radius: 10px;		/*角丸のサイズ。この１行を削除すれば角のとれた長方形になります。*/
	margin-bottom: 20px;		/*ボックスの下に空けるスペース*/
}
/*box内のh4タグ*/
.box h4 {
	color: #ff9999;		/*文字色*/
	font-size: 130%;	/*文字サイズ*/
}
/*box内のpタグ*/
.box p {
	padding: 0 !important;
}
/*box内のfrとflスタイルのリセット*/
.box .fr,.box .fl {margin-bottom: 0;}

/*ページナビ（メインメニューの下にある、現在の階層を示すナビメニュー）
---------------------------------------------------------------------------*/
/*ナビブロック全体*/
.nav {
	background: #eee;		/*背景色*/
	padding: 10px 20px;		/*上下、左右へのボックス内の余白*/
	margin-bottom: 30px;	/*ボックスの下（外側）に空けるスペース*/
	margin-top: -30px;		/*メニューとの余白が空きすぎるので少し上につめる*/
	border-radius: 10px;	/*角丸の指定*/
}
/*メニュー１個あたりの指定*/
.nav li {
	display: inline;	/*横並びになる指定*/
	padding: 0 5px;		/*上下、左右への余白*/
}
/*メニューの冒頭に入れる「>」のマーク*/
.nav li::before{
	content: ">";			/*このテキストを出力します。変更してもかまいませんが機種依存文字は化ける場合があるので使わない。*/
	padding-right: 12px;	/*文字サイズ*/
	color: #999;			/*文字色*/
}
/*最初のメニューには「>」は入れない*/
.nav li:first-child::before {
	content: none;
}

/*ページ内メニュー（info.htmlで使用）
---------------------------------------------------------------------------*/
/*ブロック全体*/
.menu {
	overflow: hidden;
	margin-bottom: 20px;	/*下に空けるスペース*/
	text-align: center;		/*内容をセンタリング*/
	font-size: 120%;		/*文字サイズ*/
}
/*メニュー１個あたりの指定*/
.menu li {
	display: inline;	/*横並びになる指定*/
	border-right: 1px solid #999;	/*右側の線の幅、線種、色*/
}
.menu li a {
	padding: 10px;	/*メニュー内余白*/
	color: #999;	/*リンクテキストの文字色*/
}
/*最初のメニューへの追加指定*/
.menu li:first-child {
	border-left: 1px solid #999;	/*左側の線の幅、線種、色*/
}
/*現在表示中(current)と、マウスオン(hover)時の指定*/
.menu li.current a, .menu li a:hover {
	text-decoration: none;	/*リンクの下線を非表示にする*/
	color: #333;	/*文字色*/
}

/*よく頂く質問
---------------------------------------------------------------------------*/
/*外側ブロック*/
.faq {
	padding: 0px 20px;	/*上下、左右への余白*/
}
/*質問*/
.faq dt {
	color: #ff9999;		/*文字色*/
	font-weight: bold;	/*太字にする設定*/
	padding-left: 30px;	/*背景アイコンに重ならないよう左に余白を作る*/
	background: url(../images/faq_q.png) no-repeat left top / 30px;	/*「Q」アイコン*/
}
/*回答*/
.faq dd {
	padding-left: 30px;		/*背景アイコンに重ならないよう左に余白を作る*/
	margin-bottom: 20px;	/*ボックスの下側（外側）に空けるスペース*/
	padding-bottom: 20px;	/*ボックス内の下側に空けるスペース*/
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	background: url(../images/faq_a.png) no-repeat left top / 30px;	/*「A」アイコン*/
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	color: #666;			/*文字色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
}
/*ta1設定*/
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;		/*幅*/
	text-align: center;	/*センタリング*/
}

/*テーブル（ta2）サブブロックの受付テーブルに使用。
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption {
	border: 1px solid #b7b7b7;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: center;
	background: #fff;		/*背景色*/
	color: #333;
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*ta2設定*/
.ta2 {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;	/*センタリング*/
	background: #fff;	/*背景色*/
	color: #333;
}
.ta2, .ta2 td, .ta2 th {
	word-break: break-all;
	border: 1px solid #b7b7b7;	/*テーブルの枠線の幅、線種、色*/
}
/*曜日*/
.ta2 th {
	background: #fffbe3;
}

/*btn（inputタグ用）
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
	border-radius: 3px;
}
#sub p.check {padding: 5px 10px !important;}
p.check a {color: #fff;}





/* PAGE TOP（↑）
************************************************/
#pagetop {
    position: fixed;
    right: 10px;
    bottom: 20px;
    margin: 0;
}
#pagetop a {
    position: relative;
    display: flex;
    width: 65px;
    height: 65px;
    justify-content: center;
    background: rgb(255 166 80);
    transition: opacity .6s ease;
    color: #FFF;
    align-items: center;
    text-decoration: none;
    font-size: 32px;
    border-radius: 100%;
}
#pagetop a:hover {
    opacity: .3;
}


/* スマホではトップに戻るを表示しない */
@media (max-width:768px) {
#pagetop {display: none;}
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {display: none;}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	bottom: 40px;		/*下から40pxの場所に配置*/
	right: 1%;			/*右から1%の場所に配置*/
	background: #ff9999;	/*背景色*/
	color: #fff;		/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	border-radius: 50%;		/*円形にする*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {list-style: disc;padding: 0 20px 20px 45px;}
ol {padding: 0 20px 20px 45px;}
#sub ul.disc, #sub ol {padding: 0 0 0 20px;}

/*pdfアイコン
---------------------------------------------------------------------------*/
a[href$=".pdf"]{
	display: inline-block;
	background: url(../images/PDF_32.png) no-repeat right center;
	padding: 5px 40px 5px 0px;
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/* font Color設定
************************************************/
.red {color: #ff4500 !important;font-size: 100%;font-weight: bold;}
.navy {color: #00008b !important;font-size: 100%;font-weight: bold;}
.price {color: #ff6347 !important;font-size: 110%;font-weight: bold;}
.siro {color: #fff !important;font-size: 100%;font-weight: bold;}
.lime {color: #00ff00 !important;font-size: 100%;}
.red2 {color: #ff4500 !important;font-size: 100%;font-weight: normal;}
.red3 {color: #ff4500 !important;font-size: 120%;font-weight: bold;}
.blue {color: #0000cd !important;font-size: 100%;}
.col1 {color: #ec6800 !important;font-size: 100%;font-weight: bold;}	/*人参色*/
.col2 {color: #4d5aaf !important;font-size: 100%;font-weight: bold;}	/*桔梗色*/
.col3 {color: #e9546b !important;font-size: 100%;font-weight: bold;}	/*薔薇色*/
.col4 {color: #6c272d !important;font-size: 100%;font-weight: bold;}	/*ボルドー*/
.col5 {color: #618579 !important;font-size: 80%;padding-left:10px;}	/*濃茶色*/
.col6 {color: #008000 !important;font-size: 100%;font-weight: bold;}	/*グリーン*/

/*その他
---------------------------------------------------------------------------*/
.look {color:#fff;background: #666;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.clear {clear: both;}
.color1 {color: #ff9999 !important;}
.bgcolor1 {background: #f2f2f2 !important;}
.bgcolor2 {background: #dbebf7 !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.w40p {width: 40%;}
.w20p {width: 20%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.fr {float: right;margin-left: 2%;margin-bottom: 20px;}
.fl {float: left;margin-right: 2%;margin-bottom: 20px;}
.big1 {font-size: 200%;letter-spacing: 0.2em;}
.mini1 {font-size: 80%;}
.sh {display: none;}
.half {width: 48%;}
.link {display: block;margin-top: -80px;padding-top: 80px;}



/*画面幅1450px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1450px){

/*上の#containerのpaddingの数字部分と合わせておく*/
body.is-fixed #menubar {
	margin: 0 50px;
}

}



/*画面幅768px以下の設定
-----------------------------------------------------------------*/
@media screen and (max-width:768px){

/*containerの設定（footer以外の、ホームページを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	padding: 0 3%;	/*上下、左右へのブロック内余白*/
	font-size: 1.06em;	/*文字サイズ*/
	line-height: 1.8em;		/*行間*/

}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: static;
	height: auto;
	background: none;
	padding: 10px 0;
	text-align: left;
}


/*ロゴ画像*/
header #logo {display: none;}

/*TELブロック*/
header address  {display: none;}




/*スマホ用メニューブロック*/

/* 全体調整CSS */
.hamburger-demo-menubox *{
	font-size: 16px;
}
.hamburger-demo-menubox li{
	font-size: 14px;
}
/* hamburgerここから */
	/* input非表示 */
.input-hidden{
	display: none;
}
	/* label */
.hamburger-demo-switch{
	cursor: pointer;
	position: fixed;
	right: 4%;
	bottom: 1.5%;
	z-index: 9999;
}
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger-demo6:checked ~ .hamburger-demo-switch{
	position: fixed;
}
/* ハンバーガーアイコン */
.hamburger-demo-switch6:before, .hamburger-switch-slide:before, .hamburger-switch-slide:after{
	width: 30px;
	height: 3px;
	background: #ff66cc; /* ハンバーガーアイコンの色 */
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .3s;
	content: "";
}
.hamburger-demo-switch6:before{
		transform: translate(-50%, -50%);
}
.hamburger-switch-slide:before{
	transform: translate(-50%, -300%);
}
.hamburger-switch-slide:after{
	transform: translate(-50%, 200%);
}
/* メニューエリア */
.hamburger-demo-menuwrap{
	position: fixed;
	height: 100%;
	background: #fff8e6; /* メニューエリアの背景色 */
	padding: 2em 3% 2em; /* 上 | 左右 | 下 */
	z-index: 9998;
	transition: .3s;
	overflow-y: scroll; /* メニューリストが多い場合に縦スクロール */
	top: 0;
	left: 100%;
	width: 70%;
}
/* メニューリスト */
.hamburger-demo-menulist{
	margin-right: 3%;
	padding-left: 5% !important; /* !importantは不要な場合あり */
	list-style: none;
}
.hamburger-demo-menulist li a{
	text-decoration: none;
	color: #333; /* メニューリスト項目の文字色 */
	display: block;
	padding: .5em 0;
}

.hamburger-demo-menulist li a:hover {
	color: #ff9999;	
	text-decoration: none;
}
/* メニューエリアアニメーション */
	/* 右から */
#hamburger-demo6:checked ~ .hamburger-demo-menuwrap{
	left: 30%;
}
	/* コンテンツカバー */
#hamburger-demo6:checked ~ .hamburger-demo-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.5);
	display: block;
}
/* 疾走感スタイリッシュ･デザイン */
	/* 外側四角枠 */
.hamburger-demo-switch6{
	width: 3em;
	height: 3em;
	transform: translate(0% ,15%);
	border: 1px solid #fff;
	overflow: hidden;
}
	/* ボーダースライド */
.hamburger-demo-switch6:before, .hamburger-switch-slide:before, .hamburger-switch-slide:after{
	transition: .2s;
}
.hamburger-switch-slide:before{
	transition-delay: 0;
}
.hamburger-demo-switch6:before{
	transition-delay: .1s;
}
.hamburger-switch-slide:after{
	transition-delay: .2s;
}
#hamburger-demo6:checked ~ .hamburger-demo-switch6:before, #hamburger-demo6:checked ~ .hamburger-demo-switch .hamburger-switch-slide:before, #hamburger-demo6:checked ~ .hamburger-demo-switch6 .hamburger-switch-slide:after{
	left: 500%;
}
	/* ×マークスライド */
.hamburger-demo-switch6:after{
	content: "×";
	font-size: 2.5em;
	position: absolute;
	top: 50%;
	left: -500%;
	transform: translate(-50%, -50%);
	transition: .3s;
}
#hamburger-demo6:checked ~ .hamburger-demo-switch6:after{
	left: 50%;
}
	/* メニューリストの矢印風ボーダー */
.hamburger-menulist-slide li{
	position: relative;
}
.hamburger-menulist-slide a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1em;
	border: 1.5px solid;
	border-color: transparent #333 #333 transparent;
	left: 50%;
	bottom: 0;
	transform: skewx(45deg) translate(-50%, -50%);
}

/*PC用メニューを非表示にする*/
#menubar {display: none;}




/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
body.is-fixed header {
	margin-bottom: 0px;	/*fixmenuから折りたたみメニューになるので、ここはリセット。*/
}

/*main,sub
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	overflow: hidden;
}

#main h2 {
	font-size: 1em;	/*文字サイズ*/
}

/*フッター設定
---------------------------------------------------------------------------*/
/*footer内のinner*/
footer .inner {
	padding: 0 3%;	/*上下、左右へのブロック内余白*/
}
/*footer内の２カラムブロックを１カラムにする*/
footer .half.fr,footer .half.fl {
	float: none;
	margin: 0 0 20px;
	width: 100%;
}


/**************************
/* flexBox 
**************************/

/* Frex box 画像３列+コメント下　
************************************************/
.flex03 {
   flex-direction: column;
}

.flex03 .flexitem {
   width: 100%;
   margin: 0.5em auto;
}

/* flex03 Ｂタイプ 画像４列　スマホ２列　
************************************************/
.flex03_b .item {
  padding: 6px;
  width: 46%;
  background-color: #fff;
}

.flex03_b h4 {
    color: #7b5544;
    text-align: center;
    font-size: 0.8em;
}

.flex03_b .item:nth-child(n+4) {
  margin-top: 0px;
}

/* flex04 Ｂタイプ 画像４列　スマホ２列　
************************************************/
.flex04_b .item {
  padding: 6px;
  width: 44%;
  background-color: #fff;
}

.flex04_b h4 {
    color: #7b5544;
    text-align: center;
    font-size: 0.9em;
}

/* Frex box 画像5列+コメント下　
************************************************/
.flex05 {
   flex-direction: column;
}

.flex05 .item {
   width: 100%;
   margin: 0.5em auto;
}

/* flex_lr 画像右+コメント左　
************************************************/
.flex_lr {
   display: block;
}

.p_lr .title{
    font-size: 1.1em;
}

/* flex_lr2 画像右+コメント左　
************************************************/
.flex_lr2 {
   display: block;
}

.p_lr2 .title2{
    font-size: 1.1em;
}

/* flex_rl 画像左+コメント右
************************************************/
.flex_rl {
   display: block;
}

.p_rl .title{
    font-size: 1.1em;
}


/* Frex box 画像６個 問合せ　
************************************************/
.f_box6 .one_box {
  width: 45%;
}

/* Frex box 画像複数　
************************************************/
.f_box_all {
   flex-direction: column;
}

.f_box_all .item {
   width: 96%;
   margin: 0.5em auto;
}

.f_box_all h4 {
  font-size: 16px;
  margin: 0;
}

/* 9つのサービス
　Frex box 画像複数　
************************************************/

.f_box_9 {
  display: flex;
  flex-wrap: wrap;
}

.f_box_9 .item {
  padding: 6px;
  width: 42%;
  background-color: #fff;
}


.f_box_9 h4 {
    color: #7b5544;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.5em;
}

/* Frex box dl dt 会社概要　
************************************************/
.kaisya dl {
   flex-direction: column
}

.kaisya dt {
  width: 100%;
}

.kaisya dd {
  width: 100%;
}


/* 基本料金に含まれる5つの項目
************************************************/
.jiman5 {
	width: auto;
	float: none;
	margin-bottom: 20px;
	height: auto;
	border-right: none;
	border-bottom: 1px solid #ccc;
}


.jiman5 figure img {
	width: 40%;
	float: left;
	margin-right: 3%;
}

.jiman5 p {
	font-size: 90%;
}

/* ６つのお約束
************************************************/
.jiman6 {
	width: auto;
	float: none;
	margin-bottom: 20px;
	height: auto;
	border-right: none;
	border-bottom: 1px solid #ccc;
}


.jiman6 figure img {
	width: 40%;
	float: left;
	margin-right: 3%;
}

.jiman6 p {
	font-size: 90%;
}

/* 事例 レスポンシブテーブル
************************************************/
.lr_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.lr_box{
	width: 100%;
	height: auto;
}
/*レスポンシブテーブル（lr_table）
---------------------------------------*/
.lr_table {
    width: 100%;
}

table.lr_table th,
table.lr_table td {
    display: block;
    width: 100%;
    border-bottom:none;
  text-align: center;
}
.lr_table tr:last-child{
    border-bottom: solid 1px #ccc;
}

/*レスポンシブテーブル（lr_table）
---------------------------------------*/
.lr_table2 {
    width: 100%;
}

table.lr_table2 th,
table.lr_table2 td {
    display: block;
    width: 100%;
    border-bottom:none;
  text-align: center;
}
.lr_table2 tr:last-child{
    border-bottom: solid 1px #ccc;
}

/*レスポンシブテーブル（lr_text）
---------------------------------------*/
.lr_text {
    width: 100%;
}
table.lr_text th,
table.lr_text td {
    display: block;
    width: 100%;
    border-bottom:none;
  text-align: left;
}
.lr_text tr:last-child{
    border-bottom: solid 1px #ccc;
}

/*レスポンシブテーブル（tb01）
---------------------------------------*/
.tb01 {
    width: 100%;
}
table.tb01 th,
table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  text-align: center;
}
.tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
}

/*レスポンシブテーブル（tb02）
-------------------------------------*/
.tb02 .head{
    display:none;
}

.tb02 {
    width: 100%;
}

table.tb02 td {
    display: block;
    width: 100%;
    border-bottom:none;
}

table.tb02 td:first-child{
    background: #fbfaf5;
    color:#333;
    font-weight:bold;
}

table.tb02 td:before{
    content: attr(data-label);
    font-size: .7rem;
    font-weight:bold;
    color: #999;
    display: block;
}

.tb02 tr:last-child{
    border-bottom: solid 1px #ccc;
}

/* 画像２列　ＰＲバナー　
************************************************/
.box_pr>div{
    width: 40%;
    padding: 0px 10px;
}



/* Blog 更新情報
************************************************/
.info {
  -webkit-overflow-scrolling: touch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 98%;
  height: 20em;
  margin: 0 auto;
  overflow-y: scroll
}







/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #side {display: none;}
.big1 {font-size: 150%;letter-spacing: normal;}
.sh {display:block;}
.pc {display:none;}
.link {display: block;margin-top: 0px;padding-top: 0px;}

}




/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
/*他。微調整。*/
#main section + section {
	padding-top: 20px;
}

/*よく頂く質問
---------------------------------------------------------------------------*/
.faq dt,.faq dd {
	background-size: 25px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}







.col1{
width:18% !important;
}


.tb001,.tb001 th,.tb001 td{
box-sizing:border-box;
-webkit-box-sizing:border-box;
}




.tb001{
width:100%;
border-top:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
table-layout:fixed;
}
.tb001 td,.tb001 th{
border-left:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
vertical-align:middle;
word-break:break-all;
}
.tb001 th{
background-color:#f8f7f4;
padding:15px;
overflow:hidden;
}
.tb001 td{
background-color:#fff;
margin:5px auto;
}

@media screen and (max-width:750px){
.tb001{
table-layout:auto;
}
.tb001 col{
width:100% !important;
}
.tb001 td,.tb001 th{
float:left;
width:100%;
padding:8px 15px;
}
.tb001 tr td{
border-bottom:none;
}
.tb001 tr td:first-of-type{
border-bottom:none;
}
.tb001 tr td:last-of-type{
border-bottom:1px solid #cbcbcb;
padding-bottom:8px;
}
.tb001 tr th{
border-bottom:none;
}
}



.tb001.tblinklist .ts-area{
font-weight:bold;
}
.tb001.tblinklist td span{
color:#000;
display:inline-block;
border:1px solid #999;
padding:6px 15px 5px 15px;
font-size:13px;
font-weight:bold;
letter-spacing:0.05em;
border-radius:3px;
margin:5px 10px;
width:130px;
text-align:center;
}
@media screen and (max-width:1000px){
.tb001.tblinklist td span{
width:25%;
padding:2px 8px;
}
}
@media screen and (max-width:750px){
.tb001.tblinklist td span{
width:40%;
padding:2px 8px;
}
}


.tb001.tblinklist th{
padding:15px;background-color:#ff9999;color:#fff;
}
.tb001.tblinklist .ts-area{
font-weight:bold;
}


.tsareaBtn{
width:100%;
max-width:500px;
margin:auto;display:block;
}
.tsareaBtn img{
box-shadow:2px 2px 7px 1px #222;
border-radius:16px;
width:100%;
}
.tsarea .tblinklist{
display:none;
}

.area-gomi{
width:100%;
max-width:500px;
margin:auto;display:block;
}




#tsarea .tsareaBtn{
width:100%;
max-width:500px;
margin:auto;
display:block;
}
#tsarea .tsareaBtn img{
box-shadow:2px 2px 7px 1px #222;
border-radius:16px;
width:100%;
}

table.tblist{
margin-top:10px;
}
table.tblist th{
font-size:120%;
font-weight:bold;
}
@media screen and (max-width:750px){
table.tblist th{padding:10px;
}
}

.top40{
margin-top:40px;
}




.product-foot .txt {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  color: #006600;
  margin: 3% 0 1% 0;
}

.product-foot .detail {
  margin: 3% 0 0 5%;
  font-size: 12px;
  font-size: 1.2rem;
}


.product-foot .tel .number a {
  margin-left: 1%;
  padding-left: 1.081081081em;
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 1.0;
  color: #f45656;
  background: url("../images/icn_sec02_tel.png") left center no-repeat;
  background-size: auto 0.72972973em;
}
.product-foot .tel .time {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 1% 0 3% 3%;
}

.product-foot .adress {
  padding-left: 2.5em;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.0;
  color: #f45656;
  background: url("../images/mail.jpg") left center no-repeat;
  background-size: auto 1.72972973em;
}



@media screen and (max-width: 640px) {
  .product-foot .tel {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .product-foot .tel .number a {
    font-size: 14px;
    font-size: 1.4rem;
    background-size: auto 0.6em !important;
  }
.product-foot .adress {
  font-size: 12px;
  font-size: 1.2rem;
  }

.product-foot .txt {
  font-size: 13px;
  font-size: 1.3rem;
}


  .product-foot .tel .time {
  font-size: 12px;
  font-size: 1.2rem;
  }

.product-foot .detail {
  margin: 3% 0 0 1%;
  font-size: 3.2vw;
  font-size: 12px;
  font-size: 1.2rem;
}

}


.ask .txt {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #006600;
  margin: 2% 0 1% 0;
}

.ask .detail {
  margin: 2% 0 0 5%;
  font-size: 11px;
  font-size: 1.1rem;
}


.ask .tel .number a {
  margin-left: 1%;
  padding-left: 1.081081081em;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.0;
  color: #f45656;
  background: url("../images/icn_sec02_tel.png") left center no-repeat;
  background-size: auto 0.72972973em;
}
.ask .tel .time {
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  margin: 1% 0 3% 3%;
}

.ask .adress {
  padding-left: 2.5em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.0;
  color: #f45656;
  background: url("../images/mail.jpg") left center no-repeat;
  background-size: auto 1.72972973em;
}



@media screen and (max-width: 640px) {
  .ask .tel .number a {
    font-size: 16px;
    font-size: 1.6rem;
    background-size: auto 0.6em !important;
  }
  .ask .adress {
  font-size: 14px;
  font-size: 1.4rem;
  }

  .ask .txt {
  font-size: 13px;
  font-size: 1.3rem;
}


  .ask .tel .time {
    font-size: 3vw;
  }

  .ask .detail {
  margin: 3% 0 0 1%;
  font-size: 3.2vw;
}

}