body {
	margin: 0;
	padding:0
}
ul {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	border: 0;
}
a {
	text-decoration: none;
	color: #0088ff;
}


a:hover {
	text-decoration: none;
}
.en {
	font-family: verdana, arial, serif;
}

#wrapper {
	width: 960px;
	margin: 20px auto 60px auto;
	padding: 0;
	color: #000000;
	font-family: "メイリオ", osaka, sans-serif;
}
/****************ヘッダー***************/

#header {
	padding: 0;  
	background: url(../img/head.jpg) no-repeat;
}
#header_l {
	float: left;
	width: 480px;
	/*background: #aae6ff;*/
}
#header_r {
	float: left;
	width: 480px;
	/*background: #aae6ff;*/
}
h1 {
	margin-bottom: 10px;
	font-size: 12px;
}
/****************電話番号***************/
#tel {
	height: 50px;
	text-align: right;
	/*background: #ccffcc;*/
}
/****************文字サイズ****************/
#moji {
	height: 28px;
}
#moji li {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: center;
	font-size: 15px;
}
/****************色合い****************/
.swit0 {
	float: left;
	width: 96px;
	text-align: center;
	font-size: 15px;
}
.swit {
	float: left;
	width: 96px;
	text-align: center;
	font-size: 15px;
}
.swit a {
	display: block;
}
#siro a {
	color: #000000;
	background: #ffffff;
}
#kuro a {
	color: #ffffff;
	background: #000000;
}
#kiiro a {
	color: #000000;
	background: #ffff00;
}
#ao a {
	color: #ffff00;
	background: #00008b;
}
/****************ヘッダーメニュー****************/
#header_menu li {
	float: left;
	width: 240px;
	font-size: 20px;
	text-align: center;
}
#header_menu li a {
	display: block;
	color: #000000;
}
#header_menu li a:hover {
	background: #00BBFF;
}
#tabletmenu {
	display: none;
}

/****************RSS****************/

h2 {
	padding-left: 10px;
	line-height: 35px;
	color: #ffffff;
	font-size: 70%;
	display: block; 
	background: #3ca0e7;
}
h2 a {
	color: #ffffff;
}
#feed {
	width: 600px;
}
#time {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	font-size: 15px;
}
#title {
	float: left;
	margin: 0;
	padding: 0;
	width: 470px;
	font-size: 15px;
}
#syosai {
	margin-bottom: 20px;
}
#next_box_01 {
	margin-bottom: 30px;
}
.next {
	margin: 0 auto;
	width:150px;
	text-align: center;
	}
/********************************/

#Mmain {
	margin-top: 20px;
}
#Lleft {
	float: left;
	margin-right: 10px;
	width: 614px;
}
#Rright {
	float: left;
	width: 330px;
}
.side_glid {
	margin-bottom: 10px;
	padding: 10px;
	width: 310px;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	border: solid 3px #00BBFF;

}
.side_glid a {
	display: block;
}
.contents {
	margin-bottom: 10px;
}
.contents p {
	padding-left: 10px;
}
.contents b {
	padding-left: 10px;
}
.contents h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 120%;
}


.midashi {
	margin-bottom: 10px;
	padding-left: 10px;
	width: 100%;
	line-height: 80px;
	font-weight: bold;
	background: url(../img/midashi.png) no-repeat;
}
}
.midashi2 {
	margin-bottom: 10px;
	padding-left: 10px;
	width: 100%;
	line-height: 80px;
	font-weight: bold;
	background: url(../img/midashi2.png) no-repeat;
}
p {
	line-height: 120%;
}
.contents_02 dl {
	width: 640px;
	padding: 8px 0;
	font-size: 80%;
	border-bottom: dotted 1px #aaaaaa;
}
.contents_02 dt {
	float: left;
	width: 130px;
	font-weight: bold;
}
.contents_02 dd {
	float: left;
	width: 520px;
}
.contents_02 ul {
	list-style-type: none;
}
.contents_02 li {
	margin-bottom: 5px;
	line-height: 130%;
}

.zzz {
	width: 640px;
	height: 
	background: #aaaaaa;
}
.zzzfff {
	width: 30px;
	background: #ff0000;
}

.b {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.red_under {
	color: #ff0000;
}

/****************アクセス****************/

.map_img {
	margin: 0 auto 10px auto;
	width: 603px;
}

.tempo {
	float: left;
	margin-right: 10px; 
	width: 145px;
	background: #ffffff;
}
.text {
	float: left;
	width: 459px;
}
.zoomicon {
	float:left;
	width:50px;
}
.zoomtextm {
	float:left;
	width: 564px;
	font-weight:bold;
}
/****************問い合わせ****************/

table {
	border-collapse: collapse;
	margin-top: 1em;
	width: 614px;
	margin: 0 auto;  
}
table.form th, table.form td {
	padding: 8px;
	font-size: 80%;
	font-weight: normal;
}
table th {
	width: 40%;
	font-size: 80%;
}
table td {
	width: 60%;
	font-size: 80%;
}

.red_center {
	text-align: center;
	color: #ff0000;
}
ol {
	margin: 10px auto;
	width: 460px;
}


/****************業務実績****************/


.tyjkjyyuyuykj {
	margin: 0 auto;
	width: 700px;}

.ll88 {
	float:left;
	margin-right: 5px;
	width: 345px;
}
.ll88 img {
	width: 100%;
}
.etw {
	float:left;
	margin-left: 5px;
	width: 345px;
}
.etw img {
	width: 100%;
}

.kanriclick {
	margin: 0 auto;
	width: 345px;
}

.kanriclick img {
	width: 100%;
}

.motionContainer.masonry,
.motionContainer.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.motionContainer.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.motionContainer.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/* disable transitions on container */
.motionContainer.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.modules {
  margin: 0 auto 3em;
  
  background: url(../images/modulebg.gif) top left;
}
.modules:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.modules li {
  width: 200px;
  height: 230px;
  margin: 5px 5px 1em 5px;
  float: left;
  padding: 0;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.modules li p {
	margin: 0;
  padding: 0;
  font-size: 77%;
}
.modules li p.thumb {
  text-align: center;
  padding: 10px 10px 2px;
}

.modules li p.thumb img {
  max-width: 100% !important;
  /* May I rot in hell for this IE6 hack */
  _width: 95% !important;
  height: auto !important;
}

.modules li p.caption {
  line-height: 100%;
  text-align: center;
}
.caption a {
	color: #000000;
	line-height: 115%;
}

.modules li p.user {
  background-color: #eee;
}

#linkbox {
	margin: 0 auto;
	width: 400px;
}
#links {
	margin-bottom: 10px;
}

/********************************/
#right {
	float: left;
	width: 326px;
}
.shigaface {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 190px;
	height: 190px;
	background: #aaaaaa; 
}

#side_glid a {
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	border: solid 3px #00BBFF;
}

.pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

#right2_pc {
	margin: 20px auto;
	width: 930px;
}
#right2_pc #side_glid a {
	float: left;
	display: block;
	margin-left: 5px;
	padding: 10px;
	width: 200px;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	border: solid 3px #00BBFF;
}
#right2_pc #side_glid_end a {
	float: left;
	display: block;
	margin-left:0;
	padding: 10px;
	width: 200px;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	border: solid 3px #00BBFF;
}
#right2_pc.pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
#right2 #side_glid a {
	display: none;
}
#right2 .pick_up {
	display: none;
}


#left2 {
	width: !00%;
}




article#footer {
    position: fixed;
    bottom: 0;
	padding: 5px;
	width: 100%;
	line-height: 20px;
	text-align: center;
	color: #000000;
	border-top: solid 1px #000000;
	?background: inherit;
	background: rgba(134, 221, 252, 0.5);
}
article:before {
  background: inherit;
  -webkit-filter: blur(10px) saturate(2);
}

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


#jun, #jun2, #jun3, #jun4, #jun5, #jun6, #jun7  {
	margin-bottom: 10px;
	width: 100%;
}

.junbox1 {
	float: left;
	padding: 5px;
	width: 120px;
	height: 100px;
	font-size: 18px;
	font-weight:bold;
	color: #000000;
	background: #aaaaaa;
	opacity: 0.8;
}
.junbox2 {
	float: left;
	padding: 5px;
	width: 450px;
	font-size: 14px;
	font-weight: bold;
}
.ssm {
	font-size: 11px;
}
#jun_banner {

	position: fixed;
	top:200px;
	left;500px;
	margin-bottom: 6%;
	padding: 0;
	width:13%;
	line-height: 700%;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: url(../img/284586.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
}
#jun_banner a {
	display: block;
	color: #000000;
}
.shadow_t {
	text-shadow: 0 10px 3px #aaaaaa;  
}

/***************パンくずリスト************/
.pankuzu {
	margin-bottom: 8px;
	font-size: 90%;
}
.pankuzu li {
	float: left;
}

/***************ページトップ*************/
#page-top {
    position: fixed;
    bottom: 0;
    right: 20px;
    padding-bottom: 20px;
}
#page-top a {
    display: block;
}

/*
}
*/

/**************** 959****************/
@media (max-width: 959px) {
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	padding: 0;
	width: 100%;
}
#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}
/****************ヘッダー****************/
#header {
	width: 100%;
	height: 100%;
	background: url(../img/head.jpg) no-repeat;
}
#header_l {
	width: 50%;
}
#header_r {
	width: 50%;
}
/****************電話番号****************/
#tel {
	width: 100%;
	text-align: right;
}
#tel img {
	width: 70%;
}
/****************文字サイズ****************/
ul#moji {
	width: 100%;
}
#moji li {
	width: 33%;
}
#mozi {
	width: 100%;
}
#mozi1 {
	width: 33%;
	text-align: center;
	font-size: 90%;
}
#mozi2 {
	width: 33%;
	text-align: center;
	font-size: 90%;
}
#mozi3 {
	width: 33%;
	text-align: center;
	font-size: 90%
}
#mozi1,#mozi2,#mozi3 a {
	color: #000000;
}
/****************色合い****************/
.swit0 {
	width: 20%;
	font-size: 15px;
}
.swit {
	width: 20%;
	font-size: 15px;
}
h1 {
	padding-left: 3%;
}
/****************ヘッダーメニュー****************/
#header_menu li {
	width: 25%;
}
#Mmain {
	margin: 0 5%;
	width: 90%;
	display: -webkit-box;
	display: -moz-box;
	padding: 20px 0 40px 0;
}
#Lleft {
	float:none;
	width: 614px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
}
#Rright {
margin-right: 0;
	float:none;
	width: 305px;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
}
#right2 {
	margin-top: 5%;
	width: 100%;
}
#right2_pc {
	display: none;
}

table.form {
	width: 100%;
}
table.form th, table.form td { 
	width: 100%;
    	display: block;
	font-size: 80%;
	font-weight: normal;
}

.textbox {
	width: 100%;
}

.textarea {
	width: 100%;
}

.midashi {
	background: none;
}
/***************サービス*************/
#jun, #jun2, #jun3, #jun4, #jun5, #jun6, #jun7  {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.junbox1 {
	float: left;
	margin-right: 3%;
	padding: 3%;
	width: 37%;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
}
.junbox2 {
	float: left;
	width: 60%;
	padding: 3%;
	font-size: 13px;

}
#jun_banner_sp {
	margin-bottom: 6%;
	padding: 0;
	width:100%;
	line-height: 250%;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background: #00BBFF;
}
#jun_banner_sp a {
	display: block;
	color: #000000;
}

/****************アクセス****************/
.map_img {
	margin: 0 auto 3% auto;
	width: 100%;
}

.tempo {
	float: left;
	margin-right: 10px; 
	width: 145px;
	background: #ffffff;
}
.text {
	float: left;
	width: 200px;
}
.zoomicon {
	float:left;
	width:10%;
}
.zoomtextm {
	float:left;
	width: 90%;
	font-weight:bold;
}



	}
@media screen and (max-width: 1200px){
#jun_banner {
	display: none;
}
#jun_banner_sp {
	margin-bottom: 10px;
	padding: 0;
	width:100%;
	line-height: 250%;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background: #00BBFF;
}
#jun_banner_sp a {
	display: block;
	color: #000000;
}
}
/****************タブレット版CSS****************/

@media (max-width: 800px) {
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	padding: 0;
	width: 100%;
}
#wrappper {
	width: 100%;
}
/****************ヘッダー****************/
#header {
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;  
	background: url(../img/head.jpg) no-repeat;
}
#header_l {
	float: left;
	width: 50%;
}
#header_r {
	float: left;
	width: 50%;
	-webkit-flex-direction: column;
	flex-direction: column;
}
h1 {
	padding-left: 3%;
	font-size: 12px;
	line-height: 130%;
}
#logo {
	margin-top: -3%;
	margin-left: 17%;	
}
/****************電話番号****************/
#tel {width: 100%;
	text-align: right;
}
#tel img {
	width: 70%;
}
/****************文字サイズ****************/
ul#moji {
	width: 100%;
}
#moji li {
	width: 33%;
}
#mozi {
	width: 100%;
}
#mozi1 {
	width: 33%;
	text-align: center;
	font-size: 90%;
}
#mozi2 {
	width: 33%;
	text-align: center;
	font-size: 90%;
}
#mozi3 {
	width: 33%;
	text-align: center;
	font-size: 90%
}
#mozi1,#mozi2,#mozi3 a {
	color: #000000;
}
/****************色合い****************/
.swit0 {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 15px;
}
.swit {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 15px;
}
#header_menu {
	display: none;
}
/****************タブレット用メニュー****************/
.pure-toggle-label {
  border: none;
}
.pure-drawer ul {
	margin-top: 50px;
}
.pure-drawer li a {
	display: block;
	color: #000000;
	line-height: 3.5em;
}
.list1 {
	background: #efc94c;
}
.list2 {
	background: #a8d4b8;
}
.list3 {
	background: #f39768;
}
.list4 {
	background: #77b8da;
}


/********************************/
#tabletmenu {
	display: block;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -o-flexbox;
	display: flex;
	margin: 20px auto;
	width: 100%;
}
#tabletmenu a {
	display: block;
	color: #000000;
}
#tabletmenu li {
	float: left;
	width: 20%;
	padding: 5px 0;
	line-height: 900%;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
#tabmenu1 {
	margin-left: 3%;
	margin-right: 3%;
	background: #efc94c;
}
#tabmenu2 {
	margin-right: 3%;
	background: #a8d4b8;
}
#tabmenu3 {
	margin-right: 3%;
	background: #f39768;
}
#tabmenu4 {
	margin-right: 3%;
	background: #77b8da;
}

#wrapper {
	width: 100%;
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
	color: #000000;
	background: #ffffff;
	font-family: "メイリオ", osaka, sans-serif;
}


#Mmain {
	margin: 0 5%;
	width: 90%;
	display: -webkit-box;
	display: -moz-box;
	padding: 20px 0 40px 0;
}

#main2 {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	margin-top: 10px;
	width: 100%;
}
#Lleft {
	width: 540px;
}
#Rright {
	width: 250px;
}
#left2 {
	width: 100%;
}
#right2 {
	margin-top: 5%;
	width: 100%;
}
#right2_pc {
	display: none;
}
p {
	line-height: 150%;
	font-size: 90%;
}
.b {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.red_under {
	color: #ff0000;
	text-decoration: underline;
}
.midashi {
	background: none;
}
.midashi2 {
	background: none;
}
/****************アクセス****************/
.map_img {
	margin: 0 auto 3% auto;
	width: 100%;
}

.tempo {
	float: left;
	margin-right: 10px; 
	width: 145px;
	background: #ffffff;
}
.text {
	float: left;
	width: 200px;
}
.zoomicon {
	float:left;
	width:10%;
}
.zoomtextm {
	float:left;
	width: 90%;
	font-weight:bold;
}

/****************お問い合わせ****************/
table {
	width: 100%;
}
table.form th, table.form td { 
	width: 100%;
    display: block;
}
input {
	margin: 3% 0;
}
.textbox {
	width: 94%;
	height: 2em;
	font-size: 20px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	border: solid 3px #00BBFF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#FFF));
	background: -moz-linear-gradient(#ddd, #fff);
}
.textarea {
	width: 94%;
	height: 10em;
	font-size: 20px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	border: solid 3px #00BBFF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#FFF));
	background: -moz-linear-gradient(#ddd, #fff);
	resize: none;
}
.red_center {
	text-align: center;
	color: #ff0000;
}
.sex {
	width: 100%;
}

#right2 {
	position: static;
	width: 100%;
}

/****************サイドメニュー****************/
.side_glid {
	width: 250px;
}
#side_glid a {
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	border: solid 3px #00BBFF;
}

.pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
#right2 #side_glid a {
	float: none;
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 100%;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border: solid 3px #00BBFF;
}

#right2 .pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}


.tyjkjyyuyuykj {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 60%;
}

.ll88 {
	width: 100%;
	margin: 0;
	padding: 0;
}

.etw {
	width: 100%;
	margin: 0;
	padding: 0;
}

.kanriclick {
	width: 100%;
	margin: 0;
	padding: 0;
}

/****************RSS****************/

#feed {
	padding: 5px;
	width: 100%;
}
#time {
	float: left;
	width: 25%;
}
#title {
	float: left;
	width: 75%;
}
/****************リンク****************/
#linkbox {
	margin: 0 auto;
	width: 100%;
}
#links {
	margin-bottom: 3%;
	width: 100%;
	text-align: center;
}
#links img {
	width: 100%;
}


.text1 {
	background: #ff0000;
}


/***************サービス*************/
#jun, #jun2, #jun3, #jun4, #jun5, #jun6, #jun7  {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.junbox1 {
	float: left;
	margin-right: 3%;
	padding: 3%;
	width: 37%;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
}
.junbox2 {
	float: left;
	width: 60%;
	padding: 3%;
	font-size: 13px;

}
#jun_banner_sp {
	margin-bottom: 6%;
	padding: 0;
	width:100%;
	line-height: 250%;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background: #00BBFF;
}
#jun_banner_sp a {
	display: block;
	color: #000000;
}
/***************ページトップ*************/
#page-top {
    position: fixed;
    bottom: 0;
    right: 20px;
    padding-bottom: 20px;
}
#page-top a {
    display: block;
}
}
@media (max-width: 768px) { 
body {
	padding: 0;
	width: 100%;
}
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



/****************ヘッダー****************/
#header {
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;  
	background: url(../img/head.jpg) no-repeat;
}
#header_l {
	float: left;
	width: 50%;
	/*background: #aae6ff;*/
}
#header_r {
	float: left;
	width: 50%;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	-ms-direction: column;
	flex-direction: column;
}
h1 {
	padding-left: 3%;
	font-size: 12px;
}

/****************電話番号****************/
#tel {width: 100%;
	text-align: right;
}
#tel img {
	width: 70%;
}
/****************文字サイズ****************/
ul#moji {
	width: 100%;
}
#moji li {
	width: 33%;
}
#mozi {
	width: 100%;
}
#mozi1 {
	width: 33%;
	text-align: center;
	font-size: 90%;
}
#mozi2 {
	width: 33%;
	text-align: center;
	font-size: 90%;
}
#mozi3 {
	width: 33%;
	text-align: center;
	font-size: 90%
}
#mozi1,#mozi2,#mozi3 a {
	color: #000000;
}
/****************色合い****************/
.swit0 {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 15px;
}
.swit {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 15px;
}
#header_menu {
	display: none;
}
/****************タブレット用メニュー****************/
#tabletmenu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 20px auto;
	width: 90%;
}
#tabletmenu a {
	display: block;
	color: #000000;
}
#tabmenu1 {
	margin-left: 3%;
	margin-right: 3%;
	padding: 5px 0;
	width: 70%;
	line-height: 900%;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #efc94c;
}
#tabmenu2 {
	margin-right: 3%;
	padding: 5px 0;
	width: 70%;
	line-height: 900%;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #a8d4b8;
}
#tabmenu3 {
	margin-right: 3%;
	padding: 5px 0;
	width: 70%;
	line-height: 900%;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #f39768;
}
#tabmenu4 {
	margin-right: 3%;
	padding: 5px 0;
	width: 70%;
	line-height: 900%;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #77b8da;
}
#tabmenu5 {
	margin-right: 0;
	padding: 5px 0;
	width: 70%;
	line-height: 900%;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #b47157;
}

#wrapper {
	width: 100%;
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
	color: #000000;
	font-family: "メイリオ", osaka, sans-serif;
}

#Mmain {margin: 0 5%;
	width: 90%;
	display: block;
}
#main2 {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	margin-top: 10px;
	width: 100%;
}

#Lleft {
	width: 100%;
}
#left2 {
	width: 100%;
}
#right2 {
	margin-top: 5%;
	width: 100%;
}
#right2_pc {
	display: none;
}
/***************サービス*************/
#jun, #jun2, #jun3, #jun4, #jun5, #jun6, #jun7  {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.junbox1 {
	float: left;
	margin-right: 3%;
	padding: 3%;
	width: 37%;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
}
.junbox2 {
	float: left;
	width: 60%;
	padding: 3%;
	font-size: 13px;

}
#jun_banner_sp {
	margin-bottom: 6%;
	padding: 0;
	width:100%;
	line-height: 250%;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background: #00BBFF;
}
#jun_banner_sp a {
	display: block;
	color: #000000;
}

/****************お問い合わせ****************/
table {
	border-collapse: collapse;
	margin-top: 1em;
	margin: 0 auto;  
	width: 100%;
}
table.form th, table.form td { 
	width: 100%;
        display: block;
	font-size: 80%;
	font-weight: normal;
}

input {
	margin: 3% 0;
}
.textbox {
	height: 2em;
	font-size: 20px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	border: solid 3px #00BBFF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#FFF));
	background: -moz-linear-gradient(#ddd, #fff);

}

.textarea {
	height: 10em;
	font-size: 20px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	border: solid 3px #00BBFF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#FFF));
	background: -moz-linear-gradient(#ddd, #fff);

}
.red_center {
	text-align: center;
	color: #ff0000;
}
.sex {
	width: 100%;
}

/****************アクセス****************/
#map_annai {
	margin: 0 auto;
	width: 355px;
}

 #Rright {
	width: 100%;
 }
 #side {
	width: 100%;
 }
#right2 {
	position: static;
	padding-bottom: 30px;
	width: 100%;
}

/****************サイドメニュー****************/

.side_glid {
	width: 100%;
	text-align: center;
}
#side_glid a {
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	border: solid 3px #00BBFF;
}

.pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
#right2 #side_glid a {
	float: none;
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 100%;
	color: #0074dd;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border: solid 3px #00BBFF;
}

#right2 .pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

}

/****************スマートフォン版CSS****************/

@media screen and (max-width:  640px) {
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/****************ヘッダー****************/
#header {
	margin: 0 auto;
	width: 100%;
	padding: 0;  
	background: url(../img/head.jpg) no-repeat;
}
.header_l {
	margin: 0 auto;
	width: 100%;
}
#logo img {
	margin-left: 40px;
	width: 200%;
}

h1 {
	display: none;
}

#header_r {
	display: none;
}
#header_menu {
	display: none;
}

.pure-drawer{
	width: 50%;	
}
.pure-drawer li {
	line-height: 2em;
}

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

.junbox1 {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 3%;
	width: 100%;
	height: 60px;
}
.junbox2 {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	padding: 3%;
}
#jun_banner_sp {
	margin-bottom: 6%;
	padding: 0;
	width:100%;
	line-height: 500%;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background: #00BBFF;
}
#jun_banner_sp a {
	display: block;
	color: #000000;
}

/****************スマートフォン用メニュー****************/

#tabletmenu {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 90%;
}
#tabletmenu li {
	width: 45%;
}
#tabletmenu a {
	display: block;
	color: #000000;
}
#tabmenu1 {
	margin-left: 5px;
	margin-bottom: -30px;
	padding: 5px 0;
	width: 45%;
	line-height: 700%;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #efc94c;
}
#tabmenu2 {
	margin-left: 5px;
	margin-bottom: -30px;
	padding: 5px 0;
	width: 45%;
	line-height: 700%;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #a8d4b8;
}
#tabmenu3 {
	margin-left: 5px;
	padding: 5px 0;
	width: 45%;
	line-height: 700%;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #f39768;
}
#tabmenu4 {
	margin-left: 5px;
	padding: 5px 0;
	width: 45%;
	line-height: 700%;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #77b8da;
}

#Lleft {	
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	margin: 3% auto;
	padding: 0;
	width: 90%;
}



#left {
	margin-bottom: 10px;
	width: 100%;

}
#left2 {
	width: 100%;
}

.hutomozi {
	font-weight: bold;
}


p {
	font-size: 120%;
	line-height: 150%;
}
.b {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.red_under {
	color: #ff0000;
	text-decoration: underline;
}
/****************アクセス****************/
#map_annai {
	width: 100%;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.tempo {
	margin-bottom: 5%;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.text {
	width: 100%;
	text-align: center;
}

/****************お問い合わせ****************/

table {
	border-collapse: collapse;
	margin-top: 1em;
	margin: 0 auto;  
	width: 100%;
}
table.form th, table.form td  { 
	width: 100%;
        display: block;
	font-size: 80%;
	font-weight: normal;
}
select#sss {
	width: 100%;
}

/*
table th {	
	width: 30%;
	 text-align: left;
	font-size: 80%;
	background: #ff0000;
}
table td {
	margin: 0;
	padding: 0;
	font-size: 80%;
	background: #ffbe88;
}
*/
input {
	margin: 3% 0;
	width: 100%;
}
.sex {
	width: 100%;
}
textarea {
	margin: 0;
	padding: 0;
	width: 100%;
}
.red_center {
	text-align: center;
	color: #ff0000;
}

#right { 
	width: 100%;
}
#right2 {
	position: static;
	padding-bottom: 30px;
	width: 100%;
}

/************サイドメニュー****************/
#side_glid a {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	color: #0074dd;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	border: solid 3px #00BBFF;
}

.pick_up {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
.sidefire {
	display: none;
}

.fire1 {
	display: none;
}

.fire2 {
	display: none
;}


p {
}
.b {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.red_under {
	color: #ff0000;
	text-decoration: underline;
}

/****************業務実績****************/

.tyjkjyyuyuykj {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
}

.ll88 {
	width: 100%;
	margin: 0;
	padding: 0;
}

.etw {
	width: 100%;
	margin: 0;
	padding: 0;
}

.kanriclick {
	width: 100%;
	margin: 0;
	padding: 0;
}

.modules li {
  width: 280px;
  height: 330px;
}

.modules li p {
  font-size: 100%;
}
/***************feed*************/
#next_box_01 {
	margin-bottom: 30px;
}
.next {
	margin: 0 auto;
	width:150px;
	text-align: center;
	}

#feed {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	padding: 5px;
	width: 100%;
}
#time {
	width: 100%;
	text-align: center;
}
#title {
	width: 100%;
	text-align: center;
}
/***************ページトップ*************/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
}
#page-top a {
    display: block;
}
}



/********************************/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}