body {
	font-family: Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;
	color: #333333;
	font-size:14px;
	line-height: 28px;
	background-image: url(../images/back_top.gif),url(../images/back.gif);
	background-repeat: repeat-x,repeat;
	background-position: center -35px,center top;
}
.index_back {
	background-image: url(../images/index_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:auto;
}
.index_sub2 {
	background-image: url(../images/sub2_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:auto;
}
.index_sub3 {
	background-image: url(../images/sub3_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:auto;
}
.index_sub4 {
	background-image: url(../images/sub4_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:auto;
}
.index_sub5 {
	background-image: url(../images/sub6_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:auto;
}
.index_sub6 {
	background-image: url(../images/sub5_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:auto;
}
/***************************************************************
リンク設定
***************************************************************/
.hover {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.hover:hover {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	cursor: pointer;
}
/***************************************************************
テキスト設定
***************************************************************/
.small {
	font-size: 8px;
	font-weight: bold;
}
.outline { 
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
	}
/***************************************************************
ボタン設定
***************************************************************/
.button {
	display: inline-block;
	padding:0px 18px 0px 6px;
	height: 21px;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
	outline: none;
	font-size:8px;
	background-image: url(../images/bot_yaji.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:14px 9px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
.buttonover {
	display: inline-block;
	padding:0px 6px 0px 6px;
	height: 21px;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
	outline: none;
	letter-spacing: 0.1em;
	background-image: none;
}

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

.button {
	background-color: #b82223;
	border: 1px solid #b82223;
	color: #fff !important;
	line-height: 19px;
}
.button:hover {
	background-color: #fff;
	border-color: #b82223;
	color: #b82223!important;
}
.buttonover {
		background-color: #fff;
	border-color: #b82223;
	color: #b82223!important;
		line-height: 19px;
	}
/*2021-11-追記*/

a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  position: relative;
  background: #228bc8;
  border: 1px solid #228bc8;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 35px 0 25px;
  color: #fff !important;
  font-size:0.86rem;
  line-height: 1;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  font-weight:bold;
}
a.btn:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 54%;
  right: 15px;
  margin-top: -6px;
}
a.btn:hover {
  background: #fff;
  color: #228bc8 !important;
}
a.btn:hover:before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}

.customer-table { width:50%; margin:2rem auto 2rem auto;}
a.pdf {
	background-size:18px 18px;
	background-repeat:no-repeat;
	background-position:left center;
	display: inline-block;
	padding-left:25px;
background-image:url(../images/link-pdf.png);}
.customer-table ul li {
	list-style-type: none;
	padding-bottom: 1em;
}

/***************************************************************
全体枠
***************************************************************/
#flex-container,.flex-container {
    display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-direction: row;
	-webkit-box-direction:row;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    margin: 0 auto;
	box-sizing:border-box;
}
#flex-container {
	width:960px;
}
.flex-container {
	width:880px;
}
.h1 h1 {
	font-size:11px;
	font-weight: normal;
}
.h1 { height:30px; color:#FFFFFF !important;padding:0px 40px;}
.rogo { width:270px; height:70px;}
.rogo img { width:100%;}
h2 {
	padding:80px 0px 30px 0px;
	font-size:34px;
	font-weight: normal;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";
	color:#b82223;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	line-height: 36px;
}
h2:first-child {	padding:40px 0px 30px 0px;}
del {
	text-decoration: none;
}
h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b82223;
	display: inline-block;
	margin-bottom:-1px;
}
.h3_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	position:relative;
	margin-bottom:5px;
	margin-top:-26px;
}
.h3_line_m_b_0 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	position:relative;
	margin-bottom:5px;
	margin-top:0px;
}

h4 {}
h5 {}
h6 {}
.up-menu { font-size:11px; height:30px; padding:0px 40px;}
.up-menu ul li { float:left; padding-left:20px; list-style:none;color:#FFFFFF !important;}

/***************************************************************
グローバルナビ
***************************************************************/
nav {
	width:960px;
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
    display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}
.menu-wrap {
	width:550px;
	font-size:12px;
}
.rogo {
	
	}
	.ticker {
    margin:7px auto;
    padding:0px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.ticker ul {
    width: 100%;
    position: relative;
}
 
.ticker ul li {
    width: 100%;
    display: none;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.menu {

}
.main-nav {
    display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}
.main-nav li a:first-letter,h3:first-letter,.red_bold { color:#b82223; font-weight:bold;}
.main-nav a {
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.main-nav a:link,.main-nav a:visited { color:#666666;}
.main-nav a:hover,
.main-nav a:focus,
.main-nav a.over {
	outline: none;	color:#b82223;
}
.main-nav a.over {
	outline: none;
	color:#b82223;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #930;
}
.main-nav a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgba(184,34,35,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.main-nav a:hover::after,
.main-nav a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/***************************************************************
コンテンツ
***************************************************************/
#flex-container section {
	width:400px;
	margin:0px 40px;
		padding-top:70px;
		padding-bottom:30px;
}
.flex-container section {
	width:400px;
	margin:0px !important;
	padding-top:40px !important;
		padding-bottom:30px;
}

.flex-container section ul li {
	list-style-type: circle !important;
	margin-left:50px !important;
	list-style-position: outside !important;
	display: inline !important;
}

#flex-container .col-2{
  flex: 2;
}
#flex-container .col-1 {
  flex: 1;
}
#flex-container section.midasi_sub {
			padding-top:13px;
	margin-bottom:0px;
}
#flex-container section.midasi {
	margin-bottom:50px;
}
#flex-container section p,.info p {
	padding:10px 0px;text-align: justify;
}
#flex-container section .fuki_none {
	position:absolute;
    top:-20px;
    left:0px;
	font-size: 8px;
	width:auto;
	font-weight: bold;
	text-align:center;
	float: left;
	padding:0px;
	min-height:26px;
}
#flex-container section .fuki{
	color:#b82223;
	position:absolute;
    top:-20px;
    left:0px;
		font-size: 8px;
		background-image: url(../images/left_fuki.png),url(../images/right_fuki.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left center,right center;
	width:auto;
	font-weight: bold;
	text-align:center;
	float: left;
	padding:0px 12px;
	min-height:26px;
	margin-right: 10px;
	background-size:18px 18px,18px 18px;
	-webkit-background-size:18px 18px,18px 18px;
	-moz-background-size:18px 18px,18px 18px;
	background-position: left top,right top;
}

/***************************************************************
ページナビゲーション
***************************************************************/
#ditto_pages  {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
      }
      #ditto_pages .ditto_currentpage {
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #b82223;
	margin-right: 3px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #b82223;
      }
      #ditto_pages .ditto_off {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #999999;
	margin-right: 3px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #999999;
}

#ditto_pages .ditto_next_link {
padding-right: 3px; 
padding-left: 3px; 
padding-bottom: 3px; 
MARGIN: 3px; 
padding-top: 3px; 
text-align: center
}

      #ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #333333;
	margin-right: 3px;
	padding-top: 5px;
	text-decoration: none;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: 0px -5px;
	line-height: 40px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
      }
	  
      #ditto_pages a:hover {
	color: #fff;
	background-color: #b82223;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #b82223;
      }
	  
      #ditto_pages a:active  {
	color: #fff;
	border: 1px solid #CC6600;
      }
	  
#ditto_pages .ditto_currentpage,#ditto_pages .ditto_off,#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {


	}

/***************************************************************
ニュース
***************************************************************/
.news ul li {
	list-style-type: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	font-size:14px !important;
	margin-left: 0px  !important;
	line-height: 22px !important;
	padding-bottom: 14px !important;
}
.news ul li a:hover {
	text-decoration: underline;
}
.top_news { height:236px; overflow:hidden;}

/***************************************************************
スライド部分
***************************************************************/
#slide_wapper {
	background-image: url(../images/slide_back.png);
	background-repeat: repeat-x;
	background-position: center top;
	height:auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*.sp-slides { width:880px; margin:0px auto;} 真ん中付けにならないので削除*/ 
.sp-slide {
	width:880px; margin:0px auto;
	display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	}
section.item a { display:block; height:auto;}
section.item { width:33.3%; padding:0px 20px;}
section.item h5 { font-size:12px; line-height:18px;	color:#b82223; margin-bottom:10px;}
section.item p { font-size:10px; line-height:18px;	color: #333333 !important;}
section.item p:hover {color:#F3588B !important;}
section.item img { float:left; margin-right:10px;}
section.slide_title { padding:30px 0px 0px 0px !important; margin-bottom:-4px !important; z-index:100;}




/***************************************************************
フッダー
***************************************************************/
footer {
	background-image: url(../images/back_footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:100%;
}

#footer_inner {
	width:880px;
    display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-direction: row;
	-webkit-box-direction:row;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    margin: 0 auto;
	box-sizing:border-box;
	color:#FFF;
	padding:25px 0px;
}
.banner {
    display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-direction: row;
	-webkit-box-direction:row;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	width:560px;
}
#footer_inner section { text-align:center;}
#footer_inner section small { font-size:50%;}
#pageTop {
  position: fixed;
  bottom:90px;
  right: 40px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 0px;
  width: 48px;
  height: 48px;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
}
/***************************************************************
スマホ用メニューの設定
***************************************************************/
.boyaboya {
-webkit-transition:ease .5s;
transition:ease .5s;	
}
.boyaboya.blur {
opacity:0.25;
transform:translateX(-50px);
-webkit-filter: blur(5px);
filter: blur(5px);
}
.DSmenu {
width:260px; 
background:#3e0000; 
-webkit-transform:translateX(260px);	
transform:translateX(260px);	
-webkit-transition:ease .5s;
transition:ease .5s;
position:absolute; 
position:fixed; 
top:0; 
right:0;
z-index:9999;
}
.DSmenu.action {
width:260px; 
background:#3e0000; 
-webkit-transform:translateX(0);	
transform:translateX(0);	
}
.DSmenu .DSbtn {/*三ボタンの位置*/
	position:absolute;
	top:0px;
	left:-60px;
	background: none;
	-webkit-transition:ease .5s;
	transition:ease .5s;
	cursor:pointer;
}
.DSmenu .DSbtn:hover {
position:absolute; 
	top:0;
	left:-60px;
background:#FFC800; 

}
.DSmenu.action .DSbtn {
}

.DSmenu ul {
width:100%;	
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.DSmenu ul li {
	font-weight: 200;
	letter-spacing: 0.1em;
	list-style-type:none;
	background:#3e0000;
	width:100%;
	font-size:14px;
}
.DSmenu ul a li,.DSmenu ul li a {
color:#fff !important;
font-weight: 100!important;
display:block;
width:100%;
height:100%;
	padding:10px 20px;
}
.DSmenu ul li:hover {
	list-style-type:none;

	width:100%;
	background-color: #8F1B1B;
}
.DSmenu .DSbtn .hambarg:nth-child(1) {
position:absolute;
top:30%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
height:1px;
width:60px;
background:#3e0000;
-webkit-transition:ease .5s;
transition:ease .5s;
}
.hambarg:nth-child(2) {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
height:1px;
width:60px;
background:#3e0000;
-webkit-transition:ease .5s;
transition:ease .5s;
}
.hambarg:nth-child(3) {
position:absolute;
top:70%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
height:1px;
width:60px;
background:#3e0000;
-webkit-transition:ease .5s;
transition:ease .5s;
}
.DSmenu.action .DSbtn .hambarg:nth-child(1) { 
top:50%;
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg);
 }
.DSmenu.action .DSbtn .hambarg:nth-child(2) { 
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
opacity:0;
 }
.DSmenu.action .DSbtn .hambarg:nth-child(3) { 
top:50%;
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg);
 }

.DSmenu .DSbtn {/*三ボタンの位置*/
position:absolute; 
top:0; 
right:-50px; 
background:#FFF; 
width:50px; 
height:56px;
-webkit-transition:ease .5s;
transition:ease .5s;
}
.DSbtn {background: none !important; }
.DSmenu .DSbtn:hover {
position:absolute; 
top:0; 
right:-50px; 
background:#FFC800; 
width:50px; 
height:56px;	
}
.DSmenu .DSbtn .hambarg:nth-child(1) {
height:2px;
width:34px;
}
.hambarg:nth-child(2) {
height:2px;
width:34px;
}
.hambarg:nth-child(3) {
height:2px;
width:34px;
}

/***************************************************************
テーブル関連
***************************************************************/
table {
	border-collapse: collapse;
	width:100%;
}
th.t_top {
    border-top: #be1309 4px solid;
}
th {
	text-align: left;
	font-weight: bold;
	font-size:12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
tr:hover {
	background-color: #F5F1EF;
}
/***************************************************************
お問い合わせバナー関連
***************************************************************/
.cookie{
	width:100%;	padding:15px 40px;	font-size:8px;
}

/***************************************************************
お知らせ関連
***************************************************************/
.info {
	width:100%;
	padding:15px 40px;
}
.infolist ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	padding-top:10px;
}

/***************************************************************
お問い合わせバナー関連
***************************************************************/
.contact,.privacy_waku {
	border: 1px solid #b82223;
	border-radius:3px;
	margin:40px;
	width:100%;
	align-items: center;
	align-content: center;
	padding:15px 40px;
	line-height: 22px;
	}
.privacy_waku ul { padding:10px 0px 10px 20px}
.contact {
	display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-direction: row;
	-webkit-box-direction:row;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}
.left_line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D6D6D6;
}
.myButton {
	-moz-box-shadow: 0px 2px 0px 0px #d6d6d6;
	-webkit-box-shadow: 0px 2px 0px 0px #d6d6d6;
	box-shadow: 0px 2px 0px 0px #d6d6d6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #f5f5f5));
	background:-moz-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:-webkit-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:-o-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:-ms-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0);
	background-color:#f5f5f5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #b82222;
	display:inline-block;
	cursor:pointer;
	color:#b82222;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e8e8e8;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #f5f5f5));
	background:-moz-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:-webkit-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:-o-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:-ms-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
	background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0);
	background-color:#f5f5f5;
}
.myButton:active {
	position:relative;
	top:1px;
}

/***************************************************************
フォームテーブルのCSS
****************************************************************/
.w_100 { width:100% !important; height:auto;}
.w_90 { width:90% !important; height:auto;}
.w_80 { width:80% !important; height:auto;}
.w_70 { width:70% !important; height:auto;}
.w_50 { width:50% !important; height:auto;}
.w_40 { width:40% !important; height:auto;}
.w_30 { width:30% !important; height:auto;}
.w_15 { width:15% !important; height:auto;}

/*フォームテーブル*/
.nomal-table {
/*	border: 1px solid #000;
	border-collapse: collapse;*/
	width: 100%;
	font-size:1em;
}
.nomal-table th, .nomal-table td {
/*border: 1px solid #b9b9b9;*/
	padding: 1.5% 2%;
}
.nomal-table th {
/*	background: #fafafa;*/
	color: #555!important;
	width:25%;
	text-align: left;
}
.nomal-table th span {
	float: right;
	vertical-align:middle;
}
input,textarea {
	border: 1px solid #ccc;
	padding:3px 5px;
	background:#fff !important;
}

.myButton2 {
	-moz-box-shadow: 0px 1px 0px 0px #452318;
	-webkit-box-shadow: 0px 1px 0px 0px #452318;
	box-shadow: 0px 1px 0px 0px #452318;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton2:active {
	position:relative;
	top:1px;
}


/***************************************************************
画像関連
***************************************************************/

a img{
	  transition: 0.5s ease-in-out;/* CSS3 */
    -webkit-transition: 0.5s ease-in-out;/* for Safari and Chrome */
    -moz-transition: 0.5s ease-in-out;/* for Firefox */
    -o-transition: 0.5s ease-in-out;/* when Opera Presto 2.3 or later is released */
    -ms-transition: 0.5s ease-in-out;/* Linux browsers */
}
 
/* マウスオーバー */
a img:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.info img { width:100%; height:auto;}


#mobile--------------------------------------------------------------------------- {}
/***************************************************************
スマートフォン対応のスタイル 
***************************************************************/
@media screen and (max-width: 700px) {
	.sp_none { display:none;}
	body {
	background-image: url(../images/back.gif);
	background-repeat:repeat;
	background-position: center top;
}
.index_back {
	background-position: center -200px;
	min-height:auto;
}
#flex-container,.flex-container {
width:100%;
padding:10px;
flex-direction: column;
-webkit-box-direction:column;/*--- Androidブラウザ用 ---*/
 -webkit-flex-direction:column;/*--- safari（PC）用 ---*/
}
nav {
	width:100%;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}
#flex-container section,.flex-container section {
	width:100%;
	margin:0px;
		padding-top:30px;
		padding-bottom:40px;
}

.sp-slide {
flex-direction: column;
-webkit-box-direction:column;/*--- Androidブラウザ用 ---*/
-webkit-flex-direction:column;/*--- safari（PC）用 ---*/
padding:0px;
	}
section.item { width:90%;padding:0px;}
section.item { padding:20px;}

.top_news { height:auto; overflow: visible;}

.h1 { box-sizing:border-box; height:auto; color:#333 !important;padding:0px; margin:0px; width:96%; position:absolute; top:50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.h1 h1 {font-size:70%;padding:0px 0px;}
h2 {font-size:26px;
	padding:40px 0px 15px 0px;
	line-height: 26px;
}
.rogo { width:135px; height:35px; padding:5px 0px;}
.rogo img { width:100%;}
#footer_inner {
width:100%;
padding:3%;
flex-direction: column;
-webkit-box-direction:column;/*--- Androidブラウザ用 ---*/
-webkit-flex-direction:column;/*--- safari（PC）用 ---*/
}
#footer_inner section { padding:10px;}
.banner {
	width:100%;
	justify-content: center;
    -webkit-box-pack:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:center;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
}
.banner img {
	width:122px; height:auto;
}
.banner img.line {
	width:30px; height:auto;
}
#pageTop {
  bottom:10px;
  right: 10px;
}
 .contact {
flex-direction: column ;
-webkit-box-direction:column;/*--- Androidブラウザ用 ---*/
-webkit-flex-direction:column;/*--- safari（PC）用 ---*/
	margin:0px;
	padding:15px;
	line-height: 22px;
}
.privacy_waku {	margin:0px;
	padding:15px;
	line-height: 22px;}
 .contact div {
flex-direction: column ;
-webkit-box-direction:column;/*--- Androidブラウザ用 ---*/
-webkit-flex-direction:column;/*--- safari（PC）用 ---*/
	margin-bottom:10px;
}
 .contact div h5 {
	 text-align:center;
}
/*お問い合せテーブル用*/
.nomal-table th,.nomal-table td {
		display: block;
		width: 100%;
		font-size:14px;
	padding: 1.5% 0%;
}

.nomal-table td {
	padding-top:43px 0px 10px 0px !important;
	vertical-align: middle;
		border:none;
}
.nomal-table th {
	padding:6px 0px;
	float: left;
	margin-right:0px;
	color: #555 !important;
	background-color:none;
	border:none;
}
.nomal-table th span {
	float: left; margin-right:10px;
}
.nomal-table th span img {
	width:30px; height:14px;
}
.w_100,.w_90,.w_80,.w_70,.w_60,.w_50,.w_40,.w_30,.w_15 { width:100% !important; height:auto;}

.cookie{
	display:none;
}
.info {
	width:100%;
	padding:15px 0px;
}
h2.padding_top_10 { padding-top:0px;}
.sp_top_20 { padding-top:200px;}
section.slide_title { text-align:center; padding:30px 0px 0px 0px !important; margin-bottom:-4px !important; z-index:100;}
section.slide_title img { width:152px; height:auto;}

/*2021-11-追記*/
.customer-table { width:100%}

}

#PC--------------------------------------------------------------------------- {}
/***************************************************************
PC対応のスタイル 
***************************************************************/
@media print,screen and (min-width: 701px) {
.pc_none { display:none;}
}