@charset "UTF-8";

/* CSS Document */
* { box-sizing:border-box; }
html { font-size:14px; overflow:auto; -webkit-text-size-adjust:100%; }
body, h1, h2, h3, dl, dd, ul, form, textarea  {
	margin:0; padding:0; font-size:100%; font-weight:normal; line-height:1.6;
}
body {
	color:#222; font-size:14px; /*overflow:hidden;*/
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

img { margin:0; padding:0; border:0; vertical-align:bottom; max-width:100%; }
ul { list-style-type:none; }
fieldset { border:none; }
strong { margin:0 2px; line-height:1.8; }
em { font-style:normal; font-weight:bold; }
label { display:inline-block; padding:5px 10px 5px 0; }
table { border-collapse:collapse; border-spacing:0; }
figure { margin:0; }

input[type="text"], input[type="email"], textarea, textarea.required { border-radius:3px; padding:4px 8px; }
select { padding:10px 8px; }
textarea { width:100%; box-sizing:border-box; }
input[type="submit"], input[type="button"]  { cursor:pointer; }
input[type="text"], textarea, select { margin:3px 0; }
select[name="date"] { margin-right:20px; }

input.t { width:15%; }
input.s { width:30%; }
input.m { width:60%; }
input.l { width:96%; }
textarea { width:96%; }
label input { margin:0; }

input.img_file { margin-bottom:5px; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

a:hover{opacity: 0.7;}


/* --clearfix--------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 共通 ------------------------ */
a { color:#222; text-decoration:none; }
a:active, a:hover { text-decoration:underline; }
a:hover{ text-decoration:none; }
a:not(.fade) { transition: all 0.3s ease 0s; }
a img, img { border-width:0px; }
map area:focus, map area:active { outline:none; border:0; }
.serif {
	font-family:
		"游明朝体", "Yu Mincho", YuMincho,
		"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
		"HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.small  { font-size:0.85em; }
.bold { font-weight:bold; }
.clear { clear:both; }
.hide { display:none; }
.hidden { display:none; }
.iblock { display:inline-block; }
.wide { width:100%; }

.red { color:#c33; }

ul.disc, ul.square { margin-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

img.middle { vertical-align:middle; }
.indent{ text-indent: -1em; padding-left: 1em; }

.fleft { float:left; }
.fright { float:right; }

.shadow { box-shadow: 0 0 3px rgba(0,0,0,0.3); }

.flex { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.between { justify-content:space-between; -webkit-justify-content:space-between; }

article { max-width:1060px;  width:100%; margin:auto; }
@media screen {
  .fw { margin-left:-500%; margin-right:-500%; padding-left:500%; padding-right:500%; /*Full Width*/ }
}

/* pagination ------------------------ */
.pagination { text-align:center; }
.pagination span.disabled { display:none; }
.pagination span.current { color:#fff; background-color:#7d7d7d; }
.pagination span { padding:5px 10px; margin-right:2px; border:1px solid #7d7d7d; }
.pagination a {
	padding:5px 10px; margin-right:2px; text-decoration:none; border:1px solid #7d7d7d;
}

/* base------------------------ */
#wrapper { width:max(100%,1100px); }

#pan { margin:20px auto 40px; text-align: right; }
#pan li { display:inline-block; font-size:12px; }
#pan li:not(:first-child):before { content:">"; padding:0 5px; color:#888; }

/* --header------------------------ */
header .h_line { padding: 4px 0; background: #ea5413; color: #fff; }
header h1 {/* width: 1000px; */margin: 0;font-size: 90%;}
header > .inner { width:100%; max-width:1000px; margin:0 auto; }
header #logo { width: 303px; float: left; }
header .info { width: 270px; float: right; text-align: center; }
.contact {width: 230px;margin: 0;}
.contact a {
  display: block;
  padding: 6px 10px;
  background: #f9bc01;
  /* border-radius: 8px; */
}
.contact img { vertical-align: middle; }
/* gnav------------------------*/
.gnav { position:relative; width: auto; max-width: 1000px; margin: 20px auto; }

.gnav li a { display:block; height:32px; overflow:hidden; position:relative; }
.gnav li > a { z-index:100; width:200px; }
.gnav li img { display: block; top:0; position:absolute; max-width: 1000px; }
.gnav li.home a img { left:0; }
.gnav li.zaiko a img { left:-200px; }
.gnav li.reason a img { left:-400px; }
.gnav li.about a img { left:-600px; }
.gnav li.company a img { left:-800px; }
.gnav li a:hover img, .gnav li.current img { top:-32px; }

/* floating_box------------------------ */
#floating_box { position:fixed; right:0; bottom:0; z-index:200; }
/*#floating_box li { text-align:right; }*/

#floating_box li a{
	color:#fff;
	text-align:center;
}


#to1_pc{
	background-color:#3F98F2;
	text-align:center;
	color:#fff;
	width:120px;
	height:100px;
	font-size:14px;
	padding:20px 0 7px;
  }
  #to1_pc span{position:relative;top:5px;}

  #to2_pc{
	background-color:#ff0319;
	text-align:center;
	color:#fff;
	width:120px;
	height:100px;
	font-size:14px;
	padding:20px 0 7px;
  }
  #to2_pc span{position:relative;top:5px;}

  #to3_pc{
	background-color:#ff9a0b;
	text-align:center;
	color:#fff;
	width:120px;
	height:100px;
	font-size:14px;
	padding:20px 0 7px;
  }
  #to3_pc span{position:relative;top:7px;}

  #to4_pc{
	background-color:#72c931;
	text-align:center;
	color:#fff;
	width:120px;
	height:110px;
	font-size:14px;
	padding:20px 0 7px;
	margin-bottom:200px;
  }
  #to4_pc span{position:relative;top:5px;line-height:10px;}
	

/* =====================================================
チャットを開くボタンの高さの位置
===================================================== */
.siq_bR,.siq_bL {
    bottom: 10px !important;
    left: 10px !important;
}


/* =====================================================
	ボタンアニメーション
===================================================== */
.entryBtn {
	display: inline-block;
	height: auto;
	text-decoration: none;
	color: #fff;
	font-size:18px;
	background-color: #fff03B!important;
	border-radius:30px;
	text-align:center;
	padding:14px 20px 10px;
	box-shadow:0 6px 0 0 #000;
	transform: translateY(-6px);
	border:2px solid #000;
	color:#000;
	font-weight:bold;
	font-size:18px;
	transition:0.3s all;
	background: url(/common/images/search_glass.svg) no-repeat;
	background-position: 70px;
	background-size: 30px;
  }
  .entryBtn:hover {
	box-shadow:0 2px 0 0 #000;
	transform: translateY(-2px);
  }

  .more_zaiko{
	background-color:#fff!important;
	font-weight:bold;
	border:3px solid #ea5413;
	color:#ea5413;
	font-size:18px;
	border-radius:10px;
	padding:30px 20px 25px 60px;

	display: inline-block;
	background: url(/common/images/search_down.png) no-repeat;
	background-position: 90%;
	background-size: 22px;
  }

  #eb1{margin-bottom:60px;width:350px;}
  #eb2{
	width:350px;
	padding: 20px;
    border-radius: 60px;
	position: absolute;
    top: 38%;
    left: 41%;
  }

  #eb3{
	margin:40px auto;
	width:90%;
	margin-left:5%;
  }

  #eb4{
	width:90%;
	margin:40px 5%;
  }

  

  /* Chrome、Safari */
summary::-webkit-details-marker {
	display: none;
  }
  /* Chrome、Safari以外 */
  summary {
	display: block;
  }



/*==============================================================

共通　追加

================================================================*/

  .cb{clear:both!important;}
  .relative{position:relative}
  .w90P{
	  width:90%;
	  margin-inline:auto;
  }
  .mb20{margin-bottom:20px;}
  .mr2P{margin-right:2%;}


  /* 文字ループ */
  .loop-area {
	display: flex;
	animation: loop-slide 80s infinite linear 1s both;
	list-style: none;
	margin: 0;
	padding: 0;
  }
  .loop-area .content {
	width: 100%;
  }
  @keyframes loop-slide {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
  .loop-area .content{
	color:#ffeee2;
	font-weight:bold;
	font-size:100px;
  }

  .loop_main{
	position:absolute;
	right:0;
	left:0;
	margin:0 auto;
	color:#fc6720;
	font-weight:bold;
  }
  
  .title_new{
	font-weight:bold;
	font-size:20px;
  }


/*==============================================================

スマホ

================================================================*/
@media screen and (max-width:580px){
  .contact {
    margin: 0;
  }

  .sns_bsnner_sp{padding:20px;}
  .sns_bsnner_sp p{font-size:18px;font-weight:bold;margin: 10px 5px;}
  .zsiq_custommain img {position:relative;top:-37px;}

  /*  フローティング */
  #to1_sp{
	background-color:#3F98F2;
	text-align:center;
	color:#fff;
	width:100%;
	font-size:12px;
	padding:10px 0 5px;
  }
  #to1_sp span{position:relative;top:5px;}

  #to2_sp{
	background-color:#ff0319;
	text-align:center;
	color:#fff;
	width:100%;
	font-size:12px;
	padding:10px 0 5px;
  }
  #to2_sp span{position:relative;top:5px;}

  #to3_sp{
	background-color:#ff9a0b;
	text-align:center;
	color:#fff;
	width:100%;
	font-size:12px;
	padding:10px 0 5px;
  }
  #to3_sp span{position:relative;top:7px;}

  #to4_sp{
	background-color:#72c931;
	text-align:center;
	color:#fff;
	width:100%;
	font-size:12px;
	padding:10px 0 5px;
  }
  #to4_sp span{position:relative;top:5px;line-height:14px;}

  #floating_box_sp {width:100%;}
 
  /*  */
  .zsiq_custommain img {
    position: relative;
    top: -19px;
  }


}