/* --------------------------------------------------
    reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas, main {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", 'Noto Sans JP', sans-serif;
}
article, aside, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
	display: block;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


 
body {
     font-family: "メイリオ", 'Noto Sans JP', 'Muli', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ ゴシック", sans-serif;
     font-size: 100%;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;

	background-color: #d2b48c;
}

video {
	/*width: 680px;*/
	max-width: 100%;
}


.serif{
	font-family:メイリオ,"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}


/*-------------全体の横幅を揃える*/
.container{
	width:1120px;
	margin-right:auto;
	margin-left:auto;
}
	

/*-------------clearfix*/
.clearfix:after{
	content:"";
	display:block;
	clear:both;}

li{
	list-style:none;}

a{text-decoration:none;
	color:#000000;}
a:hover{opacity:0.9;
	text-decoration:none;
	color:#000000;}


/*スワイパー*/
/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
	background-image: none; /* デフォルトのボタン画像を消す */
	width: 28px; /* ボタンの幅 */
	height: 86px; /* ボタンの高さ */
	margin-top: -43px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
/* 前ページボタンのスタイル */
.swiper-button-prev:before {
	font-family: "Font Awesome 5 Free";
	content: "\f100"; /* angle-double-leftのUnicode */
	font-size: 48px;
	color: #ffefd5;
}
/* 次ページボタンのスタイル */
.swiper-button-next:before {
	font-family: "Font Awesome 5 Free";
	content: "\f101"; /* angle-double-rightのUnicode */
	font-size: 48px;
	color: #ffefd5;
}

/*フェードイン*/
.fade-in {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}

.fade-in.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}


p{
	font-size:14px;
	color:#263238;
	font-weight:400;
	line-height:2.2;}
	
.text-center{
	text-align:center;}
.text-right{
	text-align:right;}
.font-bold{
	font-weight:bold;}
.font-small{
	font-size:12px;
	font-weight:normal;
	display:block;}
.font-muli{
	font-family:'Muli', sans-serif;
	}


/*  Scrolling Appear */
.scroll {
	transition:all 1.0s ease;
}
.scroll[data-type="up"] {
	transform: translate3d(0, 100px, 0);
	opacity:0.01;
}
.scroll[data-type="down"] {
	transform: translate3d(0, -100px, 0);
	opacity:0.01;
}
.scroll[data-type="left"] {
	transform: translate3d(-100px, 0, 0);
	opacity:0.01;
}
.scroll[data-type="right"] {
	transform: translate3d(100px, 0, 0);
	opacity:0.01;
}
.scroll[data-type="up"].active, .scroll[data-type="down"].active, .scroll[data-type="left"].active, .scroll[data-type="right"].active  {
	transform: translate3d(0, 0, 0);
	opacity:1;
}
.dur {
	transition-delay: 0.2s;
}
.dur4 {
	transition-delay: 0.4s;
}



.f_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.f_start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/*  Scrolling End */






/*-------------------------ヘッダー*/
.header{
	height:91px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background:#000;
	/*border-bottom:1px solid #dadfe2;*/
}

.header-box {
	background-color: #000;
	position: relative;
	top: 0;
}

/*.header-box .left{
	position:absolute;
	top:10px;
	left:60px;
}
*/

.header-box .left img{
 margin-top:10px;
 margin-left:30px;
 float:left;
}

/*.header-box .center{
	display: inline-block;
	overflow: hidden;
	margin-top:30px;
	margin-right:400px;
	float:right;}
*/

/* .header-box select{
	background-color:#000;
	color:#fff;
	text-align: center;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	line-height: 3.0em;
	box-shadow: none;

	padding: 8px 38px 8px 8px;

	border: medium #c0c0c0 double;
}
*/

/*--*/
/*.header .header-box .center .dropmenu{
	margin-top: 5px;
}*/

/*.center .dropmenu{
	  list-style-type: none;
	  width: 50%;
	  margin: 0px auto 20px; 
	  padding: 0;
}*/
.center .dropmenu:before{
	content: "　　　";
	display: table;
}

/*.center .dropmenu:after{
	  content: "";
	  display: table;
	}
*/

.center .dropmenu:after{
	  clear: both;
	}
.center .dropmenu li{
	  position: relative;
	  width: 9%;
	  float: left;
	  margin: 0px 0px 0px 4px;
	  padding: 0;
	  text-align: center;
	  border-left: 5px solid #8b4513;
	}
.center .dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 12px 0;
	  background: #d2b48c;
	  color: #fff;
	  font-size: 80%;
	  line-height: 1;
	  text-decoration: none;
	}
.center .dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  z-index: 9999;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  
	}
.center .dropmenu li ul li{
	  width: 100%;
	}
.center .dropmenu li ul li a{
	  padding: 12px 9px;
	  border-top: 1px solid #8b4513;
	  border-bottom: 1px solid #8b4513;
	  background: #d2b48c;
	  text-align: left;

}

.center .dropmenu li:hover > a{
	  background: #6495ed;
	}
.center .dropmenu li a:hover{
	  background: #6495ed;
	}

#normal li ul{
		  display: none;
		}
#normal li:hover ul{
		  display: block;
		}
		

#flip li ul {
		  visibility: hidden;
		  perspective: 400px;
		}
#flip li:hover ul{
		  visibility: visible;
		}
#flip ul li{
		  transform: rotateY(90deg);
		  transform-origin: 50% 0;
		  transition: .3s;
		}
#flip li:hover li{
		  transform: rotateY(0);
		}
#flip ul li:nth-child(2) {
		  transition-delay: .1s;
		}
#flip ul li:nth-child(3) {
		  transition-delay: .2s;
		}
#flip ul li:nth-child(4) {
		  transition-delay: .3s;
		}
#flip ul li:nth-child(5) {
		  transition-delay: .4s;
		}
		
/*----*/	



/*
.header-box .center li {
  display:inline-block;
  list-style: none;
  margin-right:40px;
  padding:0px;
  text-align: center;
  
  color: #999999;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.header a {
color:#999;
}
.header a:hover {
color:#fff;
}
.header .current a {
color: #fff;
}

*/




.header-box .right ul.contact .tel{
	position:absolute;
	top:0;
	right:95px;
	background:#333333;
	text-align:center;
	padding:20px 20px 10px;
	height:86px;
	}
.header-box .right ul.contact .tel p{
	font-size:16px;
	font-family:serif;
	color:#fff;
	line-height:1.2;
}
.header-box .right ul.contact .tel a{
	font-size:24px;
	color:#fff;
	letter-spacing:2px;
}
.header-box .right ul.contact .tel i{
	font-size:42px;
}


	
/*ヘッダー固定*/
/*
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background:#000;
    border-bottom:1px solid #dadfe2;
}
*/



/*-------------------------ナビメニュー*/
.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 /*bottom: 20px;
 right: 20px;*/
 top: 15px;
 right: 14px;
 width: 60px;
 height: 60px;
 z-index: 9999;
 border-radius: 4px;
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 8px;
 width: 75%;
 height: 4px;
 background-color: #333;
 border-radius: 4px;
}
.active span{
 background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
 top: 9px;
}
.menu-trigger span:nth-of-type(2) {
 top: 28px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 9px;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(19px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-20px) rotate(45deg);
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: center;
 position: fixed;
 top: 0;
 z-index: 100;
 background: rgba(0,0,0,0.8);
 padding: 20px;
 box-sizing: border-box;
}
#overlay ul{
 padding-left: 0px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 20px;
}
#overlay ul li a{
 color: #fff;
 text-decoration: none;
 font-size: 110%;
}


/*-------------------------メイン*/
/*.main img{
	width:100%;
	height:auto;
	margin:91px 0 60px;

}*/

.mainvisual {
 background-color: #d2b48c;
}
	
.mainvisual img{
	width:100%;
	height:auto;
	margin:96px 0 0px;
}

.underly {
background: linear-gradient(transparent 70%, #ffd700 70%);
}

.underlp {
background: linear-gradient(transparent 70%, #ffb6c1 70%);
}

.underlor {
	background: linear-gradient(transparent 70%, #ffa500 70%);
}

.underlyg {
	background: linear-gradient(transparent 70%, #7cfc00 70%);
}
.underlb {
background: linear-gradient(transparent 70%, #87ceeb 70%);
}

.underlgr {
background: linear-gradient(transparent 30%, #dcdcdc 60%);
}

.underlwh {
background: linear-gradient(transparent 0%, #ffffff 0%);
}

.underlwht {
background: linear-gradient(transparent 70%, #ffffff 70%);
}

.underlwr {
	text-decoration:underline wavy crimson;
	text-decoration-line: underline;
	-webkit-text-decoration-line: underline;
	-webkit-text-decoration-color:crimson;
	-webkit-text-decoration-style: wavy;

}
.underlwr a{
	text-decoration:underline wavy crimson;
	-webkit-text-decoration-line: underline;
	-webkit-text-decoration-color: crimson;
	-webkit-text-decoration-style: wavy;

}

.underlww {
	text-decoration:underline wavy white;
	-webkit-text-decoration-line: underline;
	-webkit-text-decoration-color: white;
	-webkit-text-decoration-style: wavy;
}


.blinking{
    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}





.single-news .stripe{ 
  position: relative;
  padding: 0.2em;
}
.single-news .stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, mediumaquamarine, mediumaquamarine 2px, white 2px, white 4px);
}
.single-news figcaption {
	font-size: small;
	color: #2f4f4f;
}
.pagel {
 text-align: center;
 padding: 3px 0 ;
 background-color: #fffacd;
}

.pagelist li {
	display: inline-block;
	height:40px;
	line-height:40px;
	width:40px;
	text-align:center;
	border:1px #d2b48c solid;
	color:#000;
	border-radius: 5px / 5px;
}

.pagelist .pre {background-color:#deb887;color:#333;}
.pagelist .this {background-color:#8b4513;color:#fff;}
.pagelist li a{display:block;text-decoration: none;}
.pagelist li a:hover {color: #fff;text-decoration: none;background-color: #0000ff;border-radius: 5px / 5px;}




.purun {
  animation: purun 10.0s linear 0s infinite;
}

@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.korokoro {
  animation: korokoro 2.5s linear 0s infinite;
  width:200px;
  height:200px;
}

@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}



.recruitlink {
	background-color: #e7edab;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.recflexbox {
	display: flex;
	position: relative;
    margin: 10px 0;
}

.recflexsp {
	display: none;
}

.recflexbox1 {
     background-color: gold;
     width: 34%;
     margin: 1rem 0.6rem;
     padding: 10px 20px;
}

.recflexbox2 {
     background-color: gold;
     width: 66%;
     margin: 1rem 0.6rem;
     padding: 10px 20px;
}

.recflexbox2 .rfb2img img {
    position: absolute;
    right: 20px;
    bottom: 20px;

}

/*-------------*/
/*-------------*/

.pushbox .comic {
	display:flex;
	flex-wrap:wrap;
	font-family:'Comic Sans', cursive;
	padding:1vmin;
}
  
 .pushbox  .panel {
	background-color:#fff;
	border:solid 2px #000;
	box-shadow:0 6px 6px -6px #000;
	display:inline-block;
	flex:1 1;
	height:200px;
	margin:1vmin;
	overflow:hidden;
	position:relative;
}

.pushbox .panel:hover{
	transform: scale(1.1,1.1);
	transition-duration: 0.5s;
}
.pushbox .panel img {
	margin: 24px 3px 24px 25px;
	float: left;
}
  
.pushbox .panel p {
	line-height: 1.5em;
}

.pushbox .kakakutext {
	font-size: 30px;
	font-weight: bold;
}

.pushbox  .text {
	background-color:#fff;
	border:solid 2px #000;
	margin:0;
	padding:3px 10px;
	z-index:2;
}
  
.pushbox  .top-left {
	left:-6px;
	position:absolute;
	top:-2px;
	transform:skew(-15deg);
}
  
.pushbox  .bottom-right {
	bottom:-2px;
	position:absolute;
	right:-6px;
	transform:skew(-15deg);
}
  
.pushbox  .speech {
	background-color:#fff;
	border:solid 2px #000;
	border-radius:12px;
	display:inline-block;
	margin:.5em;
	padding:.5em 1em;
	position:relative;
}
  
.pushbox  .speech:before {
	border:solid 12px transparent;
	border-left:solid 12px #000;
	border-top:solid 12px #000;
	bottom:-24px;
	content:"";
	height:0;
	left:24px;
	position:absolute;
	transform:skew(-15deg);
	width:0;
}
  
.pushbox  .speech:after {
	border:solid 10px transparent;
	border-left:solid 10px #fff;
	border-top:solid 10px #fff;
	bottom:-19px;
	content:"";
	height:0;
	left:27px;
	position:absolute;
	transform:skew(-15deg);
	width:0;
}
  
.pushbox  .panel:nth-child(1) {
	flex-basis: 400px;
}
  .pushbox  .panel:nth-child(2) {
	flex-basis: 200px;
}
  .pushbox  .panel:nth-child(3) {
	flex-basis: 200px;
  }
  .pushbox  .panel:nth-child(4) {
	flex-basis: 200px;
  }
  .pushbox  .panel:nth-child(5) {
	flex-basis: 200px;
  }
  .pushbox  .panel:nth-child(6) {
	flex-basis: 200px;
  }
  .pushbox  .panel:nth-child(7) {
	flex-basis: 400px;
  }
  .pushbox  .panel:nth-child(8) {
	flex-basis: 200px;
  }
  .pushbox  .panel:nth-child(9) {
	flex-basis: 200px;
  }
  
  /* background colours */
  
  .pushbox  .panel:nth-child(4n+1) {
	background-image:radial-gradient(circle, lemonchiffon, wheat);
  }
  
  .pushbox  .panel:nth-child(4n+2) {
	background-image:radial-gradient(circle, whitesmoke, lightsteelblue);
  }
  
  .pushbox  .panel:nth-child(4n+3) {
	background-image:radial-gradient(circle, lightgoldenrodyellow, burlywood);
  }
  
  .pushbox  .panel:nth-child(4n+4) {
	background-image:radial-gradient(circle, floralwhite, navajowhite);
  }

/*----------*/
/*----------*/

.pushinfo {
	background-color: #f5deb3;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.pushinfo img {
  width: 100%;
  height: 100%;
}

.flexinfobox {
	display: flex;
	position: relative;
    margin: 0px 0;
}

.flexinfobox1 {
    background-color: #ffe4c4;
    width: 60%;

	display: flex;
	/*justify-content: center;*/
	/*align-items: center;*/
	padding: 10px 20px;

}


.flexinfobox2 {
	font-size:18px;
    background-color: #fafad2;
    width: 40%;
    margin: 0.6rem 0.6rem;
    padding: 10px 20px;
}

/*
.saiyouoowaku .auto-h h3 {
	position: relative;
	margin: 0 0 5px;
	padding: 0.5rem 2rem calc(0.5rem + 2px);
	background: #add8e6;
	width: 50%;
}
.saiyouoowaku .auto-h h3:before {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	content: '';
	border: 2px solid #000;
}

.saiyouoowaku .unso-h h3 {
	position: relative;
	margin: 0 0 5px;
	padding: 0.5rem 2rem calc(0.5rem + 2px);
	background: #fff;
	width: 50%;
}
.saiyouoowaku .unso-h h3:before {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	content: '';
	border: 2px solid #008000;
}

.saiyouoowaku .arch-h h3 {
	position: relative;
	margin: 0 0 5px;
	padding: 0.5rem 2rem calc(0.5rem + 2px);
	background: #f5deb3;
	width: 50%;
}
  
.saiyouoowaku .arch-h h3:before {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	content: '';
	border: 2px solid #000;
}
*/

.auto-h h3 {
	position: relative;
	display: inline-block;
	margin: 1rem 0 0.5rem -10px;
	padding: 0.5rem 3rem;
	color: #fff;
	border-radius: 0;
	background: #0000cd;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.auto-h h3:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #191970;
	border-left: 10px solid transparent;
}

.arch-h h3 {
	position: relative;
	display: inline-block;
	margin: 1rem 0 0.5rem -10px;
	padding: 0.5rem 3rem;
	color: #fff;
	border-radius: 0;
	background: #ffc700;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.arch-h h3:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #ff8c00;
	border-left: 10px solid transparent;
}

.unso-h h3 {
	position: relative;
	display: inline-block;
	margin: 1rem 0 0.5rem -10px;
	padding: 0.5rem 3rem;
	color: #fff;
	border-radius: 0;
	background: #32cd32;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.unso-h h3:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #556b2f;
	border-left: 10px solid transparent;
}

.autosaiyoubox {
    position: relative;
    margin: 0.1em 0;
    padding: 0.5em;
	border: solid 3px #0000ff;
	background: #ffffe0;
}
.autosaiyoubox span:before{
	position: absolute;
	top: -1;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-left: 18px solid #0000ff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.archsaiyoubox {
    position: relative;
    margin: 0.1em 0;
    padding: 0.5em;
	border: solid 3px #ffc700;
	background: #ffffe0;
}
.archsaiyoubox span:before{
	position: absolute;
	top: -1;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-left: 18px solid #ffc700;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.unsosaiyoubox {
    position: relative;
    margin: 0.1em 0;
    padding: 0.5em;
	border: solid 3px #008000;
	background: #ffffe0;
}
.unsosaiyoubox span:before{
	position: absolute;
	top: -1;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-left: 18px solid #008000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

/*.saiyoubox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 2px 1em;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #008000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}*/


.autosaiyoubox p,.archsaiyoubox p,.unsosaiyoubox p {
	line-height: 1.5em;
    margin: 0; 
    padding: 0;
}
.saiyouoowaku table {
	border: solid 1px black;
	border-collapse: collapse;
	background: #fff;
	font-size: 90%;
	width: 100%;
}

.saiyouoowaku th, .saiyouoowaku td {
	border: dashed 1px black;
}

.saiyouoowaku th {
	width: 24%;
}
.saiyouoowaku td {
	padding: 2px 5px;
}

/*-------------------------MSL*/
.msloowaku {
	background-color: #f5deb3;
}
/*-------------------------カードメニュー*/
.oowaku {
	background-color: #778899;
}

.contents {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	position: relative;
}

.contents img {
     width: 100%;
}


.flexbox {
	 display: flex;
	 position: relative;
}

.mslbox1 {
	width:33%;
	margin: 1rem 0.6rem;
	border: 3px solid #006400;
}
.mslbox2 {
	width:33%;
	margin: 1rem 0.6rem;
	border: 3px solid #8d6449;
}
.mslbox3 {
	width:33%;
	margin: 1rem 0.6rem;
	border: 3px solid #000080;
}
.box1 {
     width: 33%;
     margin: 1rem 0.6rem;
}

.box2 {
     width: 33%;
     margin: 1rem 0.6rem;
}

.box3 {
     width: 33%;
     margin: 1rem 0.6rem;
}

.contents .flexbox .box1 .ptit{
	position:absolute;
	top:20px;
	left:20px;
	color:white;
	font-size:30px;
	font-weight:400;
}
.contents .flexbox .box2 .ptit{
	position:absolute;
	top:20px;
	left:20px;
	color:black;
	font-size:30px;
	font-weight:400;
}
.contents .flexbox .box3 .ptit{
	position:absolute;
	top:20px;
	left:20px;
	color:white;
	font-size:30px;
	font-weight:400;
}

.contents .flexbox .box1 .pcap {
	position:absolute;
	top:100px;
	left:10px;
	color:white;
	font-size:14px;
	font-weight:300;
	line-height:16px
}
.contents .flexbox .box1 .pcap a {
	color:white;
}

.contents .flexbox .box2 .pcap {
	position:absolute;
	top:100px;
	left:10px;
	color:black;
	font-size:14px;
	font-weight:300;
	line-height:16px
}

.contents .flexbox .box3 .pcap {
	position:absolute;
	top:100px;
	left:10px;
	color:white;
	font-size:14px;
	font-weight:300;
	line-height:16px
}

.contents .flexbox .box1 .qr_car {
	position: absolute;
	top: 260px;
	left: 70px;
	font-size: 12px;
	width: 63%;
	line-height: 16px;
	padding: 4px 15px 7px 15px;
	background-color: rgba(46, 46, 46, 0.7);
	color: rgb(255 255 255);
	text-align: center;
}

.contents .stripe{ 
  position: relative;
  padding: 0.1em;
}

.contents .stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
}

/*-------------------------カードメニューend*/


	
/*-------------------------サービス*/

/*サービス　テキストBOX*/
.service .text-service{
	text-align:left;
	border:1px solid #000000;
}
/*項番*/
.service .text-service .no{
	color:#000000;
	font-size:24px;
}
/*項番の上のライン*/
.service .text-service .no:before{
	width:60px;
	height:2px;
	background-color:#000000;
	display:block;
	content:'';
	margin:10px 0 10px;
}
/*タイトル*/

/*　追加分　*/
.service .text-service h1{
	font-size:24px;
	color:#000000;
	font-weight:400;
}
/*　追加分終了　*/
.service .text-service h2{
	font-size:24px;
	color:#000000;
	font-weight:400;
}
.service .text-service p.text{
	color:#454545;
	font-size:14px;
	padding:15px 0;
	}
/*moreのところ*/
.service .text-service a{
	color:#000000;
	font-size:20px;
}
.service .text-service a img{
	padding-left:10px;
	margin-bottom:3px;
	max-width:34px;
	height:auto;
}


.pushmessage{
	background: #9fc24d;
	/*background: aliceblue; */
	/*background: gold; */
	/*background:rgba(255, 215, 100,0.8);*/
	padding:5px 0 5px;
	margin:0px 0 8px;
	text-align:center;
	}
.pushmessage h3{
	display:inline;
	font-size:18px;
	color:#263238;
	font-weight:400;
}
.motorgate{
	background:#d1de4c;
	padding:5px 0 5px;
	margin:0px 0 8px;
	text-align:center;
}
.motorgate a{
	display:inline;
	font-size:18px;
	color:#263238;
	font-weight:400;
}
/*--*/
/* 1.親スタイルリセットとペース設定 ++++++++++ */
.slider-box p, .slider-box div, .loop-box ul, .loop-box li {
	box-sizing: border-box; margin: 0 !important; padding: 0 !important;
  }
  
  /* 2.ベースBOXの設定 +++++++++++++++++++++ */
  .slider-box {
	box-sizing: border-box;
	overflow: hidden;
	width: 100%; /* 画面又は親要素に対するサイズ - 変更可 */
	/*background: #333; */ /* 背景色 - 変更可・削除可 */
	/*border: solid 5px #ccc;  囲み線 - 変更可・削除可 */
	margin: 0 0; /* Box外の余白 - 変更可 */
	padding: 5px 0 0; /* 上端からスライダーまでの距離 - 変更可・削除可 */
  }
  
  /* 3.チェックボックスを利用した停止・再生などの設定 +++++++++++++++++ */
 /* .slider-check {
	display: none;
  }
  .slider-check:checked ~ .loop-box > .loop {
	animation-play-state: paused;
  }
  .slider-label {
	display: block;
	cursor: pointer;
	color: #fff; 
	font-size: 24px; 
	line-height: 2; 
	text-align: center;  
  }
  .slider-label::before {
	content: "\025a0  STOP"; 
	} 
  .slider-check:checked ~ div > .slider-label::before {
	content: "\025b6  MOVE"; 
  }*/
  
  /* 4.スライダー本体とアニメーションの基本設定 ++++++++++++++ */
  .loop-box{

	position: relative;
	width: 100%;
	overflow: hidden; 
  }
  .loop-box, .loop-box ul {
	height: 115px; /* スライダーの高さ - 変更注意 */
  }
  .loop-box ul {
	position: absolute; left: 0; top: 0;
	display: flex; 
	justify-content: space-between;
	background: #fff799; /* スライダーの背景色 - 変更可 */
	list-style: none;
	max-width: 10000%; 
	min-width: 100%;
	width: calc(115px * 1.2 * 6); /* 画像の横幅×枚数 - 変更注意・変更可・変更注意 */
	animation: 15s linear infinite; /* アニメーション設定 - 変更可 */
  }
  .loop-box li {
	display: flex;
	align-items: center; 
	justify-content: center;
	color: #fff;
	width: calc(100% / 6); /* li の幅を均等にする - 削除可・変更注意 */
  }
  .loop-box img {
	height: auto;
	width: 100%;
  }
  
  .loop_box a:hover {
	animation-play-state: paused;
  }

  /* 5.アニメーション個別設定 ++++++++++ */
  .loop-box ul.loop1 {
	animation-name: loop1;
  }
  .loop-box ul.loop2 {
	animation-name: loop2;
  }
  @keyframes loop1 {
	0% {transform: translateX(0); }
	49.99999% {transform: translateX(-100%); }
	50% {transform: translateX(100%); }
  }
  @keyframes loop2 {
	0% {transform: translateX(100%); }
	100%{transform: translateX(-100%); }
  }

/*--*/

.aboutus table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
  }
  
.aboutus table th{
	position: relative;
	padding: 3px 10px;
	text-align: left;
	font-weight: bold;
	width: 15%;
	border: 1px solid #ccc;
  }
  
  
.aboutus table td{
	text-align: left;
	padding: 3px 10px;
	width: 85%;
	border: 1px solid #ccc;
  }
  
.aboutus table tr:nth-child(odd){
	background-color: #fffacd;
  }
  
.aboutus table tr:nth-child(even){
	background-color: #ffffe0;
  }
  

/*-------------------------新着情報*/
.news{
	/*background:#a9a9a9;*/
	background:rgba(255, 218, 185,0.7);
	padding:10px 0 10px;
	margin: 0 0 10px;
	}
.news .container{
	position:relative;
	}
.news .tit-news {
	text-align:center;
	margin:0 0 20px;
	}

/* 追加分　*/
.news .tit-news h1{
	font-size:30px;
	color:#000000;
	letter-spacing:5px;
	font-weight:400;
	}
.news .tit-news h1 span{
	font-size:24px;
	color:#000000;
	display:block;
	letter-spacing:1px;
	}
.news .tit-news h1 span:before,.news .tit-news h1 span:after{
	width:30px;
	height:1px;
	background-color:#000000;
	display:inline-block;
	content:'';
	margin:10px 5px 10px;
}
/*　追加分終了　*/
.news .tit-news h2{
	font-size:30px;
	color:#000000;
	letter-spacing:5px;
	font-weight:400;
	}
.news .tit-news h2 span{
	font-size:24px;
	color:#000000;
	display:block;
	letter-spacing:1px;
	}
.news .tit-news h2 span:before,.news .tit-news h2 span:after{
	width:30px;
	height:1px;
	background-color:#000000;
	display:inline-block;
	content:'';
	margin:10px 5px 10px;
}
.news .more{
	position:absolute;
	top:35px;
	right:0;
	}
.news .more a{
	color:#000000;;
	font-size:20px;
}
.news .more a img{
	padding-left:10px;
	margin-bottom:3px;
	max-width:34px;
	height:auto;
	}
	

.news article{
	float:left;
	width:33.33%;
	}
.news article .cat-name{
	display:inline;
	background:#000000;
	padding:5px 55px;
	color:#fff;
	font-size:14px;
	margin: 0 15px 0 0 ;
}

.news article time{
	font-size:16px;
	color:#263238;
}
.news article h3{
	margin:10px 0 20px;
}
.news article h3 a{
	font-size:18px;
	color:#263238;
	font-weight:400;
}
.news article h3 a:hover{
	opacity:0.7;}

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

.newsfx .item {
	font-size: 16px;
}

.newsfx .item .title {
	font-weight: bold;
}

/* -- */

.coroot{
	position:relative;
} 

.coroot-info{
	position:absolute;
	top:50%;
	left:37%;
	background: rgba(255, 218, 185,0.6);
	margin:30px;
	padding:10px;
	z-index:1000;
}
.coroot-info p{

	font-size:14px;
	color:#000000;
	display:block;
	line-height:18px;
	/*text-align:center;*/
	margin:0 0 0px;
	font-weight:300;
}

/*-------------------------会社情報*/
.company{
	position:relative;
}
/*会社情報*/
.company-info{
	position:absolute;
	top:80px;
	right:100px;
	background: rgba(255, 255, 255,0.8);
	padding:40px;
	z-index:1000;
}
/*　追加分　*/
.company-info h1{
	font-size:24px;
	color:#000000;
	display:block;
	text-align:center;
	margin:0 0 15px;
	font-weight:500;
	}
.company-info h1:after{
	width:30px;
	height:1px;
	background-color:#000000;
	display:block;
	content:'';
	margin:10px auto 10px;
}
/*　追加分終了　*/

.company-info h2{
	font-size:24px;
	color:#000000;
	display:block;
	text-align:center;
	margin:0 0 15px;
	font-weight:500;
	}
.company-info h2:after{
	width:30px;
	height:1px;
	background-color:#000000;
	display:block;
	content:'';
	margin:10px auto 10px;
}
.company-info table th,.company-info table td{
	text-align:left;
	color:#263238;
	font-size:16px;
	padding:10px;
}
.company-info table td a{
	color:#263238;}
.company-info .more{
	text-align:right;
	margin:15px 0 0;
}
.company-info .more a{
	font-size:16px;
	color:#000000;
}
.company-info .more a img{
	padding-left:10px;
	margin-bottom:3px;
	max-width:34px;
	height:auto;
}


/*グーグルマップ*/
.ggmap {
position: relative;
padding-bottom: 0%;
padding-top: 30px;
height:530px;
overflow: hidden;
z-index:1;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 530px;
}



/*-------------------------フッター*/
.footer{
	background-color:#000000;
	padding:60px 0;
}
.footer .footer-info{
	float:left;
	width:40%;
}
.footer .footer-sitemap{
	float:left;
	width:60%;
}

/*会社情報*/
.footer .footer-info{
	/*background:#fff;*/
	background: -moz-linear-gradient(top, #fff, #ffffe0 30%, #d2b48c 80%,  #cd853f);
	background: -webkit-linear-gradient(top, #fff, #ffffe0 30%, #d2b48c 80%,  #cd853f);
	background: linear-gradient(to bottom, #fff, #ffffe0 30%, #d2b48c 80%,  #cd853f);
	padding:60px;
	text-align:center;
	
}
/*　追加分　*/
.footer .footer-info h1{
	margin:0 0 30px;
}
/*　追加分終了　*/

.footer .footer-info h2{
	margin:0 0 30px;
}
.footer .footer-info p ,.footer .footer-info a{
	color:#263238;
	font-size:16px;
}
/*サイトマップ*/
/*.footer .footer-sitemap{
	padding:30px 100px;
}*/
.footer .footer-sitemap{
	padding:0px 100px;
}
.footer .footer-sitemap .left,.footer .footer-sitemap .right{
	float:left;
	width:50%;
}
.footer .footer-sitemap li{
	padding:5px 15px;
	margin:8px 5px;

	background:#d2b48c;
	border-left: 10px solid #8b4513;

}
.footer .footer-sitemap li a{
	font-size:16px;
	color:#fff;


}
.footer .footer-sitemap li:hover{
	font-size:16px;
	background:#84b2e0;
/*	border-bottom:1px solid #84b2e0;*/
}


/*コピー*/
.copyright{
	background:#263238;
	padding:10px;
	color:#fff;
	font-size:12px;
	text-align:center;
}



/*-------------------------パンくず*/
.breadcrumbs{
	font-size:12px;
	padding:20px 0;
	}


/*-------------------------NEWS*/
.page-box{
	margin:91px 0 60px;
}
.page-box .page-tit{
	background:#f5deb3;
	padding:60px 0;
}
/*　追加分　*/
.page-box .page-tit h1{
	font-size:40px;
	font-weight:500;
}
/*　追加分終了　*/
.page-box .page-tit h2{
	font-size:40px;
	font-weight:500;
}

.page-box-inner .container{
	width:800px;
	margin:0 auto;
}
.page-box .page-tit{
	text-align:center;
}
/*　追加分　*/
.page-box .page-tit h1{
	font-size:30px;
	color:#000000;
	display:block;
	letter-spacing:1px;
	font-weight:400;
	}
.page-box .page-tit h1 span{
	font-size:24px;
	display:block;
	font-weight:400;
}	
	
.page-box .page-tit h1 span:before,.page-box .page-tit h1 span:after{
	width:30px;
	height:1px;
	background-color:#000000;
	display:inline-block;
	content:'';
	margin:10px 5px 8px;
}
/*　追加分終了　*/
	
.page-box .page-tit h2{
	font-size:30px;
	color:#000000;
	display:block;
	letter-spacing:1px;
	font-weight:400;
	}
.page-box .page-tit h2 span{
	font-size:24px;
	display:block;
	font-weight:400;
}	
	
.page-box .page-tit h2 span:before,.page-box .page-tit h2 span:after{
	width:30px;
	height:1px;
	background-color:#000000;
	display:inline-block;
	content:'';
	margin:10px 5px 8px;
}

/*-------------新着情報 記事一覧*/
.cat-news{
	padding-top:60px;
	padding-bottom:60px;

	background-color: #fffacd;

}
.cat-news article{
	position:relative;
}
.cat-news article:nth-child(odd){
	background:#fff8dc;
}
.cat-news article:nth-child(even){
	background:#fff;
}
.cat-news article time{
	float:left;
	width:150px;
	font-size:14px;
	padding:17px 10px 12px;
	text-align:center;
	color:#666666;
}
.cat-news article h3{
	float:left;
	width:520px;
	padding:15px 10px 16px;
	font-size:16px;
	font-weight:500;
	color:#333;
}
.cat-news article a span{
	position:absolute;
	bottom:5px;
	right:15px;
	font-size:14px;
	padding:8px 10px 12px;
	color:#666666;
}
.cat-news article a span i{
	padding-left:8px;
}


/*-------------新着情報 個別記事*/
.single-page{
	padding-top:60px;
	padding-bottom:60px;
	background-color: #fffacd;
}

.single-news h3 {
	font-size:24px;
	font-weight:500;
	padding-bottom:5px;
	margin-bottom:30px;
}
/*一覧へ戻る*/
.page-back{
	text-align:center;
	margin-top:60px;
}



/*リンクボタン*/
.box-button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.box-button::before,
.box-button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.box-button,
.box-button::before,
.box-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.box-button {
  position: relative;
  z-index: 2;
  background-color: #666666;
  border: 2px solid #333333;
  color: #fff;
  line-height: 50px;
	font-weight:600;
}
.box-button:hover {
  background-color: #fff;
  border-color: #666666;
  color: #000000;
}
.box-button::before,
.box-button::after {
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #333333;
}
.box-button::before {
  top: 0;
}
.box-button::after {
  bottom: 0;
}
.box-button:hover::before,
.box-button:hover::after {
  height: 0;
  background-color: #333333;
}

	
	
	
/*########## 960px以上 ###########*/

@media(min-width:960px){

/*-------------------------メイン*/
img.mainsp{
	display:none;
}


/*moreボタン 横に動くエフェクト*/
.button img{
  position: relative;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  transition: all .2s;
}
.button:hover img {
  right: -.05em;
}


/*-------------------------ヘッダー*/
.header-box .right ul.contact .telsp{
	display:none;
	}
	
	
	
/*-------------------------サービス*/
.service{
	display:flex;
	position:relative;
	flex-direction:row-reverse;
	min-height:730px;
}
/*写真右・テキスト左*/
.service .img-right{
	position:absolute;
	top:40px;
	right:0;
	width:54%;
	flex-basis:50%;
	min-width:500px;
	z-index:2;
}
.service .img-right img{
	width:100%;
	height:auto;
	}
.service .text-left{
	position:absolute;
	top:80px;
	max-width:700px;
	right:55%;
	margin-right:-54px;
	min-height:306px;
	z-index:1;
	padding:55px 65px 50px 30px;
}
/*写真左・テキスト右*/
.service .img-left{
	position:absolute;
	top:40px;
	left:0;
	width:53%;
	flex-basis:50%;
	min-width:300px;
	z-index:2;
}
.service .img-left img{
	width:100%;
	height:auto;
	}
.service .text-right{
	position:absolute;
	top:80px;
	max-width:506px;
	left:55%;
	margin-left:-54px;
	min-height:306px;
	z-index:1;
	padding:55px 30px 50px 65px;
}	
	
/*service1 写真2つ*/
.service .img-bg-blue{
	background-image:url("img/bg-service01.png") ;
	min-height:300px;
	position:absolute;
	top:160px;
	right:50px;
	width:43%;
}
.service .img-bg-blue img{
	width:100%;
	height:auto;
	}
.service .img-bg-blue img.service01a{
	position:relative;
	top:-60px;
	right:0;
	width:70%;
}
.service .img-bg-blue img.service01b{
	position:absolute;
	top:150px;
	left:-150px;
	width:70%;
}

.sp_br{
	display: none;
}
.sp_none{
	display: none;
}


}

/*########## 1430px以下 ###########*/

@media(max-width:1430px){
/*-------------------------ヘッダー*/

/*.header-box .center .yokonav{
	display: none;
	overflow: hidden;
	margin-top:60px;
	margin-left:100px;
	float:none;}

.header-box .center li {
  display:none;
  list-style: none;
  text-align: center;
  color: #000000
  text-decoration: none;
  border-bottom: 2px solid #000;
}
*/


}

/*########## 959px以下 ###########*/

@media(max-width:959px){


/*-------------全体の横幅を揃える*/
.container{width:93%;
	margin-right:auto;
	margin-left:auto;}


.header{
	height:60px;}
.header-box .left{
	top:13px;
	left:5px;}
.header-box .left img{
	width:200px;
	height:auto;
}

.header-box .center ul.yokonav{
	display:none;
}
.header-box .center {
	display:none;
}

.header-box .right ul.contact .telpc{
	display:none;
	}
.header-box .right ul.contact .telsp{
	position:absolute;
	top:15px;
	right:58px;
	}
.header-box .right ul.contact .telsp i{
	font-size:28px;
	color:#dcdcdc;
}

video {
	/*width: 300px;*/
	max-width: 100%;
}

.sp_none_s {
	display: none;
}

.korokoro {
	display: none;
  }
  

/*-------------------------ナビメニュー*/
.menu-trigger {
 top: 8px;
 right: 10px;
 width: 40px;
 height: 40px;
}
.menu-trigger span {
 height: 3px;
}
.menu-trigger span:nth-of-type(1) {
 top: 8px;
}
.menu-trigger span:nth-of-type(2) {
 top: 20px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 5px;
}
#overlay ul li{
 margin-top: 20px;
}
#overlay ul li a{
 font-size: 110%;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-14px) rotate(45deg);
}


/*-------------------------メイン*/
.main img{
	margin:63px 0 30px;
}
img.mainpc{
	display:none;
}
.mainvisual img{
	width:100%;
	height:auto;
	margin:64px 0 0px;
}

.pushmessage h3{
	font-size:18px;
}



.recflexbox {
	display: block;
}
.recflexhp {
	display: none;
}
.recflexsp {
	display: block;
}
.recflexbox1 {
         width: 100%;
         margin: 0 auto;
}
.recflexbox2 {
         width: 100%;
         margin: 0 auto;
}
.recflexbox.recflexbox2 .rfb2img {
	 text-align: center;

}
.recflexbox.recflexbox2 img{
         margin: 30px auto;
    	 position: relative;
}

.spbl {
	display: none;
}

.recruitlink {
        /*width: 93%;
        margin: 0 0;
	display: block;*/
}

.flexinfobox {
	display: block;
}
.flexinfobox .flexinfobox1 {
         width: 100%;
         margin: 0 auto;
}
.flexinfobox .flexinfobox2 {
         width: 100%;
         margin: 0 auto;
}


/*-------------------------テスト*/
.flexbox {
         display: block;
}
.flexbox .box1 {
         width: 100%;
         margin: 0 auto;
}
.flexbox .box2 {
         width: 100%;
         margin: 0 auto;
}
.flexbox .box3 {
         width: 100%;
         margin: 0 auto;
}

.flexbox .mslbox1 {
	width: 100%;
	margin: 2px auto;
}
.flexbox .mslbox2 {
	width: 100%;
	margin: 2px auto;
}
.flexbox .mslbox3 {
	width: 100%;
	margin: 2px auto;
}

/*-------------------------テストend*/


	
/*-------------------------サービス*/
/*写真右・テキスト左*/
.service .img-right{
	position:relative;
	top:-30px;
	right:-5px;
}
.service .img-right img{
	width:85%;
	margin-left:15%;
	height:auto;}
.service .text-left{
	padding:20px 15px 60px 15px;
}

/*写真左・テキスト右*/
.service .img-left{
	position:relative;
	top:-30px;
	left:-5px;
}
.service .img-left img{
	width:85%;
	height:auto;}
.service .text-right{
	padding:20px 15px 60px 15px;
}
	
/*service1 写真2つ*/
.service-list01 .service{
	min-height:950px;
	position:relative;
}
.service .img-bg-blue{
	background-image:url("img/bg-service01.png") ;
	min-height:300px;
	position:absolute;
	top:600px;
	right:0px;
	flex-basis:50%;
	min-width:100%;
}

.service .img-bg-blue img{
	max-width:100%;
	height:auto;
	margin:0;}
.service .img-bg-blue img.service01a{
	position:absolute;
	top:-60px;
	right:-10px;
	width:70%;
}
.service .img-bg-blue img.service01b{
	position:absolute;
	top:80px;
	left:-10px;
	width:70%;
}



/*-------------------------新着情報*/
.news{
	/*background:#999999;*/
	background: rgba(255, 218, 185,0.7);
	padding:30px 0 30px;
	}
.news .tit-news {
	text-align:center;
	margin:0 0 5px;
	}
/* 追加分　*/
.news .tit-news h1{
	font-size:24px;
	}
.news .tit-news h1 span{
	font-size:20px;
	}
.news .tit-news h1 span:before,.news .tit-news h1 span:after{
	margin:5px 2px 5px;
}
/*　追加分終了　*/
.news .tit-news h2{
	font-size:24px;
	}
.news .tit-news h2 span{
	font-size:20px;
	}
.news .tit-news h2 span:before,.news .tit-news h2 span:after{
	margin:5px 2px 5px;
}
.news .more{
	top:39px;
	right:0;
	}
.news .more a{
	font-size:16px;
}
.news .more a img{
	max-width:34px;
	height:auto;
}	

.news article{
	float:none;
	width:100%;
	margin:0 0 10px;
	}
.news article .cat-name{
	padding:2px 10px 5px;
	margin: 0 5px 0 0 ;
}
.news article time{
	font-size:14px;
}
.news article h3 a{
	font-size:16px;
}

.newsfx {
	display: flex;
}


/*-------------------------会社情報*/

.coroot{
	position:unset;
} 

.coroot-info{
	position:unset;
	margin:20px;
	padding:10px;
}


.company{
	position:unset;
}
/*会社情報*/
.company-info{
	position:unset;
	background: rgba(255, 255, 255,0.8);
	padding:30px 10px;
}
.company-info table th,.company-info table td{
	padding:10px 3px;
}
.company-info table{
	width:100%;
}
.company-info table th {
	width:25%;}
.company-info table td {
	width:75%;}


/*グーグルマップ*/
.ggmap {
height:330px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
height: 330px;
}



/*-------------------------フッター*/
.footer{
	padding:60px 0 0;
}
.footer .footer-info{
	float:none;
	width:100%;
}
.footer .footer-sitemap{
	float:none;
	width:100%;
}

/*会社情報*/
.footer .footer-info{
	/*background:#fff;*/
	background: -moz-linear-gradient(top, #fff, #f0f8ff 30%, skyblue 80%, lightseagreen);
	background: -webkit-linear-gradient(top, #fff, #f0f8ff 30%, skyblue 80%, lightseagreen);
	background: linear-gradient(to bottom, #fff, #f0f8ff 30%, skyblue 80%, lightseagreen);
	padding:30px 15px;
}

/* 追加分　*/
.footer .footer-info h1{
	margin:0 0 15px;
}
/*　追加分終了　*/
.footer .footer-info h2{
	margin:0 0 15px;
}

/*サイトマップ*/
.footer .footer-sitemap{
	padding:30px 15px;
}
.footer .footer-sitemap .left,.footer .footer-sitemap .right{
	float:left;
	width:50%;
}




/*-------------------------NEWS*/
.page-box{
	margin:60px 0 30px;
}
.page-box-inner .container{
	width:93%;
	margin-right:auto;
	margin-left:auto;

}


.cat-news article{
	height:auto;

	}
.cat-news article time{
	width:20%;
	font-size:10px;
	padding:15px 10px 12px;
}
.cat-news article h3{
	margin:5px 0 10px;
	width:80%;
	font-size:14px;
}
.cat-news article a span{
	bottom:7px;
	right:15px;
	font-size:11px;
	padding:0;
}






/*-------------新着情報 個別記事*/
.single-news h3 {
	font-size:18px;
}





}



/*-------------msl_追加*/

#msl_bg2{
  width:1120px;
  margin:100px auto 100px auto;
}
#msl_bg{
  width:1120px;
}
.msl_1{
  width:360px;
  min-height:200px;
  margin-right:20px;
  float:left;
}
.msl_2{
  width:360px;
  min-height:200px;
  margin-right:20px;
  float:left;
}
.msl_3{
  width:360px;
  min-height:200px;
  float:left;
}
.msl_box{
  width:360px;
  border-bottom:dotted #666666 1px !important;
  padding-bottom:10px;
  margin-bottom:10px;
}

.msl_title {
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:2px;
	background-color:#005BAC;
	padding:10px 15px 10px 15px;
}

.clear:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;}

.clear{
	zoom:1; }

.clear_fix{
	overflow: hidden;
	display: inline-block;
}
.clear_fix:after{
	cotent:".";
	display: block;
	visibility: hidden;
	height:0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}

@media screen and (max-width: 1120px) {
#msl_bg2{
  width:96%;
  margin:40px auto 40px auto;
}
#msl_bg{
  width:100%;
}
.msl_1{
  width:100%;
}
.msl_2{
  width:100%;
}
.msl_3{
  width:100%;
}
.msl_box{
  width:100%;
  border-bottom:dotted #666666 1px !important;
  padding-bottom:10px;
  margin-bottom:10px;
}


}