/*common_css*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000;}

body {font:12px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}



@charset "utf-8";

/**************************************
　::共通
***************************************/
#pagetop {
	display: none;
}
#pagetop.fixed {
	display: block;
	position: fixed;
	right: 15px;
	bottom: 50px;
	z-index: 9999;
	/*background: #673AB7;*/
	text-align: center;
	width: 40px;
}
#pagetop:hover {
	opacity: 0.8;
}
#pagetop a {
	/*text-decoration:none;
	color:#fdfdfd;
	padding: 9px 0 7px;*/
	display: block;
}

/*
ボタンパターン1　共通設定
**************************/
.more_btn,
.more_btn2,
.more_btn3,
.more_btn4 {
	text-align: center;
	margin: 0 0 20px 0;
}
.more_btn a,
.more_btn2 a,
.more_btn3 a,
.more_btn4 a{
	background: #434343;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	position: relative;
	text-decoration: none;
	background-color: #434343;
	border: 2px solid #434343;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 15px;
	box-sizing: border-box;
}
.more_btn a:hover,
.more_btn2 a:hover,
.more_btn3 a:hover,
.more_btn4 a:hover{
	background-color: #fff;
	border-color: #434343;
	color: #434343;
}


.more_btn.btn_img a{
	background: none;
	display: inline-block;
	font-size: 14px;
	position: relative;
	text-decoration: none;
	background-color: none;
	border: none;

	padding: 0px;
	box-sizing: border-box;
}



/*矢印1*/
/*
.more_btn a,
.more_btn2 a,
.more_btn3 a,
.more_btn4 a {
	background: #673AB7;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	padding: 15px 60px 15px 0;
}
.more_btn a:hover,
.more_btn2 a:hover,
.more_btn3 a:hover,
.more_btn4 a:hover {
	background-color: #FFEA00;
	color: #fff;
}
.more_btn a:after,
.more_btn2 a:after,
.more_btn3 a:after,
.more_btn4 a:after {
	color: #fff;
	content: "→";
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	padding: 15px 0;
	border-left: 1px solid #fff;
}
.more_btn a:hover:after,
.more_btn2 a:hover:after,
.more_btn3 a:hover:after,
.more_btn4 a:hover:after {
	color: #fff;
	border-left: 1px solid #fff;
}
*/
/*矢印2*/
/*
.more_btn a:after,
.more_btn a:after,
.more_btn a:after,
.more_btn a:after{
	color: #fff;
	content: "＞";
	position: relative;
	right: 0;
}
.more_btn a:hover:after,
.more_btn a:hover:after,
.more_btn a:hover:after,
.more_btn a:hover:after{
	color: #fff;
}
*/


/*パターン1 ボタン 350px*/
.more_btn a {
	width: 350px;
}

/*パターン2 ボタン 300px*/
.more_btn2 a {
	width: 300px;
}

/*パターン3 ボタン 250px*/
.more_btn3 a {
	width: 250px;
}

/*パターン4 ボタン 215px*/
.more_btn4 a {
	width: 215px;
}
@media (max-width: 768px) {
	.more_btn a,
	.more_btn2 a,
	.more_btn3 a,
	.more_btn4 a {
		width: 90%;
		font-size: 14px;
		padding: 10px 30px;
	}
/*矢印の時
	.more_btn a,
	.more_btn2 a,
	.more_btn3 a,
	.more_btn4 a {
		width: 90%;
		font-size: 14px;
		padding: 10px 60px 10px 0;
	}
	.more_btn a:after,
	.more_btn2 a:after,
	.more_btn3 a:after,
	.more_btn4 a:after {
		width: 60px;
		padding: 10px 0;
	}
*/
}
@media (max-width: 320px) {
	.more_btn a:after,
	.more_btn2 a:after,
	.more_btn3 a:after,
	.more_btn4 a:after {
		border-left: none;
	}
}
table.table_cont {
	width: 100%;
	border-collapse: separate;
	text-align: left;
	line-height: 1.6;
	border-top: 1px solid #ccc;
}
table.table_cont tr {
	border-bottom: 1px solid #d4bdb0;
}
table.table_cont th {
	width: 35%;
	background: #faf2ec;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border: none;
	border-bottom: 1px solid #d4bdb0;
}
table.table_cont td {
	width: 65%;
	padding: 10px;
	vertical-align: top;
	border: none;
	border-bottom: 1px solid #d4bdb0;
}
@media (max-width: 768px) {
	#pagetop {
		position: fixed;
		right: 10px;
		bottom: 10px;
	}
	#pagetop:hover {}
	.text {
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}
	.text2 {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.text2 .richtext {
		margin-bottom: 15px;
	}
	.img {
		width: 100%;
		text-align: center;
	}
	table.table_cont {
		width: 100%;
	}
	table.table_cont th {
		width:100%;
		display: block;
		box-sizing: border-box;
	}
	table.table_cont td {
		width:100%;
		display: block;
		box-sizing: border-box;
	}
}

/***************************************
　::MV
****************************************/
#main_v {
	min-width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
#main_v .wrapper {
	width: 100%;
	text-align: center;
	font-size: 0;
}
.bx-wrapper {
	margin: 0 auto!important;
}
#main_v .wrapper .owl-image_slider {
	width: 2000px;
	margin: 0 auto;
	display: inline-block;
}

/*横並び　※横並びしない場合はコメントアウト↓*/
#main_v .bx-viewport {
	overflow: visible!important;
	width: 2000px!important;
	margin: 0 auto;
}
/*横並び　※横並びしない場合はコメントアウト↑*/
#main_v .bx-wrapper .bx-pager,
#main_v .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
}
#main_v .bx-wrapper .bx-pager {}
#main_v .bx-wrapper .bx-pager a {
	background: rgba(255, 255, 255, 0.6);
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#main_v .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_v .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}
#main_v .bx-wrapper .bx-controls-direction a {
	width: 39px;
	height: 39px;
	z-index: 0;
	display: none;
}
#main_v .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -21px;
	outline: 0;
	text-indent: -9999px;
	display: block;
	display: none;
}
#main_v .bx-wrapper .bx-prev {
	left: 10px;
	border-radius: 50%;
	background: url(/images/slide_prev_btn.png) no-repeat 0 0;
	/*background-color: rgba(243, 152, 29, 0.7);*/
}
#main_v .bx-wrapper .bx-prev:hover {
	opacity: 0.8;
}
#main_v .bx-wrapper .bx-next {
	right: 10px;
	border-radius: 50%;
	background: url(/images/slide_next_btn.png) no-repeat 0 0;
	/*background-color: rgba(243, 152, 29, 0.7);*/
}
#main_v .bx-wrapper .bx-next:hover {
	opacity: 0.8;
}
.main-container {
	/*一番外側の枠*/
	overflow: hidden;
	padding-bottom: 150px;
}
.slider {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slider li {
	width: 800px!important;
	margin: 0;
	padding: 0;
}
#main_v .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#main_v .pc{
    display:block;
}

#main_v .sp{
    display:none;
}


@media (max-width: 768px) {

    #main_v .pc{
        display:none;
    }

    #main_v .sp{
        display:block;
    }

	#main_v {
		min-width: 100%;
		margin: 0px auto 0px;
	}
	#main_v .wrapper {}
	#main_v .wrapper .owl-image_slider {
		width: 100%;
	}
	#main_v .bx-viewport {
		width: 100%!important;
	}
	#main_v .bx-wrapper ul li img {
		height: auto;
	}
	#main_v .bx-wrapper .bx-pager {}
	#main_v .bx-wrapper .bx-pager,
	#main_v .bx-wrapper .bx-controls-auto {
		bottom: 0;
	}
	#main_v .bx-wrapper .bx-pager {
		padding-top: 0;
		bottom:5px;
	}
	#main_v .bx-wrapper .bx-pager a {
		width: 8px;
		height: 8px;
	}
	#main_v .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#main_v .bx-wrapper .bx-pager.bx-default-pager a.active {
	}
	#main_v .bx-wrapper .bx-controls-direction a {
		display: block;
	}
	.main-container {
		/*一番外側の枠*/
		overflow: hidden;
		padding-bottom: 150px;
	}
	.slider {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.slider li {
		width: 800px!important;
		margin: 0;
		padding: 0;
	}
	#main_v .bx-controls {
		display: block;
	}
	.bx-controls {
		display: none;
	}
	#main_v .bx-wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	.bx-controls-direction {
		display: none;
	}
}

/*
見出し　h2～h6
**************************************/
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	/*メイリオ*/
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	/*小塚明朝 Pr6N H*/
	/*font-family : '小塚明朝 Pr6N H','小塚明朝 Pr6N','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*ヒラギノ明朝 ProN W3*/
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
h2 {
	text-align: center;
	font-size: 21px;
	font-weight: normal;
	color: #000000;
	margin: 0 auto 30px;
}
h3 {
	font-size: 24px;
	font-weight: bold;
	color: #313131;
	text-align: center;
	padding: 0px 20px 14px;
}
h4 {}
h5 {}
h6 {
	color: #313131;
	font-size: 16px;
	margin: 0 0 15px;
}

/****************
TOP 見出し
****************/
section.top_section h2 {
    margin: 0 0 50px 0;
    font-weight: normal;
}
section.top_section h2 span {
    margin: 0 0 20px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
    font-size: 160%;
    letter-spacing: 1.2px;
}
section.top_section h3 {
	background: #673AB7;
	text-align: center;
	color: #ffffff;
	padding: 12px;
	margin-bottom: 10px;
}
section.top_section h4 {
    text-align: center;
    margin: 0 0px;
    /*background-color: #e60012;*/
    background-color: #001e43;
    padding: 18px 10px 15px;
    font-size: 25px;
    font-weight: bold;

    color: #fff;
}

/*headline news*/
section.top_section.top_headline_news {
	background: url(/images/top/section_bg_1.png) repeat;
}

@media screen and (max-width: 768px) {
    section.top_section.top_headline_news {
        padding: 35px 0;
    }
    section.top_section.top_headline_news h2 {
        margin: 0 0 0 0;
    }
 section#top_concept {
        padding: 20px 0;
    }
	section.top_section h2 {
		font-size: 12px;
		margin: 0 0 20px 0;
	}
	section.top_section h2 span {
		font-size: 25px;
		margin: 0 0 10px 0;
	}
	section.top_section h3 {
		font-size: 15px;
		margin: 0 0 20px 0;
	}
	section.top_section h4 {
		font-size: 150%;
	}
	section.top_section h5 {
		font-size: 14px;
	}
	section.top_section h6 {
		font-size: 12px;
	}
}

/****************
lower 見出し
****************/

.lower_main h2 {
	font-size: 20px;
	padding: 0;
	text-align: center;
	margin: 0 0 15px;
}
.lower_main h2 span {
    margin: 0 0 15px 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    display: inline-block;
    font-size: 42px;
    color: #e60012;
}
.lower_main .h2_wrap {
	margin-bottom: 50px;
	background: url(/images/common/h2_bg.jpg) no-repeat;
}
.lower_main .h2_wrap .wrapper {
	display: table;
	height: 300px;
}
.lower_main .h2_wrap .box {
	display: table-cell;
	vertical-align: middle;
}
.lower_main .h2_wrap h2 {
	margin: 0;
	padding: 0;
}

.lower_main h3 {
    font-size: 26px;
    font-weight: normal;
    padding: 0 0 3px 0;
    text-align: center;
    margin: 0 0 50px;
    position: relative;

}

.lower_main h3:after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    /*background: #e60012;*/
    border-radius: 2px;
    bottom: -10px;
}

.lower_main h4 {
	margin: 0 0 20px;
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	color: #e60012;
	padding: 15px 0px;
	position: relative;
}

.lower_main .LR_box {
    margin: 0 0 40px 0;
}

.lower_main .LR_box .clearfix {
    padding: 40px 40px 20px;
    border: 1px solid #dddddd;
    margin: 0 0 50px 0;
}

.lower_main .LR_box .clearfix.LR_box_inner {
    padding: 0px 0px;
    border: none;
    margin: 0 0 0 0;
}
.lower_main .LR_box .clearfix.LR_box_inner .img-center .textArea {
    text-align: left;
}


.lower_main h5 {
	color: #4e3a30;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 5px;
	position: relative;
}
.lower_main h5:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	min-width: 80px;
	min-height: 1px;
	background: #0095d9;
}
@media screen and (max-width: 768px) {
	.lower_main h2 {
		font-size: 15px;
	}
	.lower_main h2 span {
		font-size: 25px;
	}
	.lower_main h3 {
		font-size: 20px;
		margin: 0 0 30px 0;
	}
	.lower_main h4 {
		font-size: 16px;
		padding: 0px;
		margin: 0 0 10px 0;
	}
	.lower_main h5 {
		font-size: 16px;
	}
	.lower_main h6 {
		font-size: 16px;
	}

    .lower_main .h2_wrap {
    	margin-bottom: 10px;
    	background: url(/images/common/h2_bg.jpg) no-repeat;
    }
    .lower_main .h2_wrap .wrapper {
    	display: table;
    	height: auto;
    	padding: 20px 0;
    	margin: 0 0 20px 0;
    }
    .lower_main .LR_box {
        margin: 0 0 20px 0;
    }
    .lower_main .LR_box .clearfix {
        padding: 10px 10px 10px;
        border: 1px solid #dddddd;
        margin: 0 0 20px 0;
    }




}

.lower_sec {
   padding: 60px 0 40px;
}
.lower_secbg1 {
  /*background: url(/images/common/lower_secbg1.png) repeat 0 0px;*/
  background-image: url("https://www.transparenttextures.com/patterns/inspiration-geometry.png");
}



/***************************************
　::トップページ
****************************************/
/****************
TOP 共通コンテンツ
****************/
section.top_section {
	padding: 70px 0;
}
section.top_section .LR_box h4 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
section.top_section .LR_box .right .richtext {
	margin-bottom: 30px;
}
@media (max-width: 768px) {

	.banner {
		padding: 0 3.125%;
		margin-bottom: 25px;
	}
	.banner .banner_list {
		padding: 20px 0;
		width: 100%;
		text-align: center;
	}
	.banner .banner_list li {
		float: left;
		margin-left: 0;
		width: 100%;
	}
	.banner .banner_list li:first-child {
		margin-left: 0px;
	}
	.banner .tel_cont {
		/*background: url(../images/tel_icon02.png) no-repeat 0 5px;*/
		/*padding-left: 5%;*/
		background-size: 20%;
		width: auto;
		margin: 0 auto;
		float: none;
	}
	.banner .tel_cont .reservation {
		margin-bottom: 0;
		text-align: left;
		padding: 0;
	}
	.banner .tel_cont .tel {
		font-size: 180%;
	}
	.more_btn.mb45 {
		margin-bottom: 45px;
	}
	.googlemap {
		margin-bottom: 0px;
	}
	.table_cont.mb150 {
		margin-bottom: 15px;
	}
}
#top_headline_news {
   padding: 20px 0;
}
#top_headline_news.top_cont h2.ttl {
  background: url(/images/renewal/top_headline_bg.png) no-repeat center 45px;
  color:#001566;
  letter-spacing:1px;
}
#top_headline_news .sub_catch {
  margin: -45px auto 40px;
}
.headline_slider {}
.headline_slider .bx-wrapper{
	padding: 0 0 50px;
	margin: 0 auto;
}
.headline_slider .bx-viewport{
}
.headline_slider .bx-wrapper ul {
    position: absolute !important;
    left: 50%;
    /*margin-left: -920px;*/
}
.headline_slider .bx-wrapper ul li {
  text-align: center;
}
.headline_slider .bx-wrapper ul li img {}
.headline_slider .bx-wrapper ul li img:hover{
    opacity: 0.8;
}
.headline_slider .bx-wrapper .bx-caption{
	top: 110px;
    z-index: 99;
    text-align: center;
    background: none;
}
.headline_slider .bx-wrapper .bx-caption span{
    color: #001566;
}
.headline_slider .bx-controls.bx-has-pager {}
.headline_slider .bx-pager.bx-default-pager{
	display: none;
}
.headline_slider .article {}
.headline_slider .article ul {}
.headline_slider .article ul li {
    width: 390px!important;
    margin-right: 20px!important;
    text-align: center;
}
.headline_slider .article ul li .img {}
.headline_slider .article ul li .cap {
    text-align: center;
    color: #001566;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 4px 10px 0;
}

.headline_slider .bx-wrapper .bx-controls-direction {}
.headline_slider .bx-wrapper .bx-controls-direction a {
    top: 30%;
    width: 30px;
    height: 51px;
    opacity: 0.7;
}
.headline_slider .bx-wrapper .bx-prev {
    background: url(/images/top/headline_prev_btn.png) 0 0 no-repeat;
    left: -15px;
}
.headline_slider .bx-wrapper .bx-next {
    background: url(/images/top/headline_next_btn.png) 0 0 no-repeat;
    right:-5px;
}
.headline_slider .bx-wrapper .bx-prev:hover,
.headline_slider .bx-wrapper .bx-next:hover{
}
@media only screen and (max-width: 768px){
	#top_headline_news.top_cont h2.ttl {
	  background: url(/images/renewal/top_headline_bg.png) no-repeat right 23px;
	}
	#top_headline_news .sub_catch {
	  margin: -10px auto 20px;
	}
	.headline_slider .bx-wrapper{
		padding: 0 0 25px;
	}
	.headline_slider .bx-viewport{
		height: 125px!important;
		max-width: 330px;
		margin: 0 auto;
	}
    .headline_slider .bx-wrapper ul {
        position: relative !important;
        left: 0%;
        margin-left: 0;
    }
	.headline_slider .bx-wrapper ul li {
	  /*width: 10%!important;*/
	  margin:0 2%!important;
	  max-width: 330px;
	  margin:0 !important;
	}
	.headline_slider .bx-wrapper ul li img {display: inline-block;}
	.headline_slider .bx-wrapper .bx-caption{
		top: 95px;
	}
	.headline_slider .bx-wrapper .bx-caption span{
	}
	.headline_slider .bx-controls,
	.headline_slider .bx-controls-direction{
        display: block;
    }
    .headline_slider .bx-wrapper .bx-prev {
        left: 10px;
    }
    .headline_slider .bx-wrapper .bx-next {
        right: 10px;
    }
}

/********************
TOP message
********************/
section#top_message{
background:url("/images/common/section_topuse_bg.jpg") repeat 0 #ffffff;
}
section#top_message .wrapper .textArea .message p{
	font-size: 120%;
	margin-bottom: 20px;
	line-height: 1.7;
	text-align: center;
}
section#top_message .wrapper .textArea .message p:last-child{
	margin-bottom: 0;
}


@media (max-width: 768px) {
	section#top_message .wrapper .textArea .message p{
		font-size: 100%;
		margin-bottom: 1em;
		line-height: 1.7;
		text-align: left;
	}
}

/********************
TOP concept
********************/
section#top_concept {
	/*背景画像　不要なら消す*/
	/*background: rgba(0, 0, 0, 0) url(../images/top/section_bg_1.png) no-repeat scroll center;
	background-size:cover;
	background-attachment: fixed;
	background: url(/images/top/section_bg_1.png) repeat;*/
	background-image: url("https://www.transparenttextures.com/patterns/inspiration-geometry.png");
}

.wrapper .main_service {
   padding: 70px 60px;
   margin: 0 0 60px 0;
   background: rgba(255,255,255,0.8) url(/images/common/main_service_contbg.jpg) no-repeat right bottom;
}
.wrapper .main_service h3 {
    background: none;
    text-align: left;
    color: #111111;
    font-size: 200%;
    line-height: 1;
    margin: 40px 0 40px 0;
    padding: 0;
}
.wrapper .main_service h3 span {
    font-weight: normal;
    font-size:16px;
}
.wrapper .main_service .LR_box h4 {
    background: none;
    color: #e60012;
    font-weight: bold;
    font-size: 130%;
    margin: 0 0 30px 0;
    line-height: 1.6;
    padding: 0;
}
.wrapper .main_service section .textArea {
    font-size: 90%;
}

.wrapper .main_service .LR_box .left .more_btn2 {

}
.wrapper .main_service .LR_box .left .more_btn2 a {
    background-color: #434343;
    border: 2px solid #434343;
    border-radius: 30px;
    padding: 13px 10px;
}
.wrapper .main_service .LR_box .left .more_btn2 a:hover {
    background-color: #fff;
    border: 2px solid #434343;
    color: #434343;
}


@media (max-width: 768px) {

    .wrapper .main_service {
       padding: 1% 1%;
       margin: 0 0 30px 0;
       background: rgba(255,255,255,0.8) url(/images/common/main_service_contbg.jpg) no-repeat right bottom;
    }
    .wrapper .main_service h3 {
        margin: 15px 0;
        font-size: 150%;
    }
    .wrapper .main_service h3 span {
        font-size: 11px;
    }
    .wrapper .main_service .LR_box h4 {
        font-size: 110%;
        margin: 0 0 15px 0;
    }
}




/********************
TOP service
********************/
section#top_service {
	/*背景画像　不要なら消す
	background: rgba(0, 0, 0, 0) url(/images/top/section_bg_2.png) no-repeat scroll center;
	background-size: cover;
	background-attachment: fixed;*/
}
section#top_service h2 {
	color: #000000;
}
section#top_service h3 {}

/*****************
h4 デザインパターン2（━あり）
.textArea内に入れる必要あり
*****************/
/*
section#top_service .textArea h4 {
	margin: 0 auto 25px;
	font-size: 18px;
	font-weight: bold;
	color: #313131;
	padding:0 0 0 40px;
	position:relative;
	background:none;
	text-align:left;
}
section#top_service .textArea h4:before {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	min-width: 30px;
	height: 6px;
	background: #0095d9;
}
*/

section#top_service ul li {
	background-color: #fff;
	padding: 0;
}
section#top_service ul li .img-center {
	margin: 0;
}
section#top_service ul li .textArea {
	padding: 30px 20px 20px;
	font-size: 13px;
	text-align: left;
	border: 1px solid #cccccc;
	border-top: none;
	box-sizing: border-box;
	margin-top: -1px;
	margin-bottom: 0;
}
section#top_service ul li .textArea .more_btn {
    margin: 20px 0 0 0;
}
section#top_service ul li .textArea .more_btn a {
    background: #434343;
    border: 2px solid #434343;
    padding: 4px 0;
    width: 90%;
}
section#top_service ul li .textArea .more_btn a:hover {
    background: #ffffff;
    border: 2px solid #434343;
    color: #434343;
}

@media (max-width: 736px) {

    section#top_service ul li .textArea {
    	padding: 20px 10px 20px;
    	font-size: 13px;
    	margin-top: 0px;
		margin-bottom: 20px;
    }
section#top_service ul li:last-child .textArea {
		margin-bottom: 0px;
	}
}

/********************
TOP food
********************/
section#top_menu {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url(/images/top/section_bg_3.png) no-repeat scroll 0 0;
	background-size: cover;
	background-attachment: fixed;
	/*background-color: #fff;*/
}
section#top_menu h2 {}
section#top_menu h3 {}
section#top_menu .LR_box {
	background: #ffffff;
}
section#top_menu .LR_box .img-center,
section#top_menu .LR_box .img-center img {
	margin-bottom: 0;
}
section#top_menu .LR_box .right.w50 {
	padding-top: 30px;
	padding-right: 2%;
	padding-left: 0;
	box-sizing: border-box;
}
section#top_menu .free_table table {
	font-size: 15px;
}
section#top_menu .free_table table tr th {
	width: 80%;
	background: #673AB7;
	color: #fff;
	border: 1px solid #b5b5b5;
}
section#top_menu .free_table table tr td {
	width: 20%;
	text-align: right;
	border: 1px solid #b5b5b5;
}
#top_menu section.menu_wrap {
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
}
section.menu_wrap .free_table table.common_table.two_rows {
	margin-bottom: 0;
}
section.menu_wrap .free_table table.common_table.two_rows tr th {
	width: 80%;
	background: #673AB7;
	color: #fff;
	border: 1px solid #b5b5b5;
}
section.menu_wrap .free_table table.common_table.two_rows tr td {
	width: 20%;
	text-align: right;
	border: 1px solid #b5b5b5;
}
@media (max-width: 768px) {
	section#top_menu .LR_box .right.w50 {
		padding-top: 30px;
		padding-right: 1%;
		padding-left: 1%;
		padding-bottom: 5%;
	}
	section#top_menu .free_table table {}
	section#top_menu .free_table table tr th {
		border-bottom: 0;
	}
	section#top_menu .free_table table tr td {
		border-bottom: 0;
	}
	section#top_menu .free_table table tr:last-child td {
		border-bottom: 1px solid #b5b5b5;
	}
	section.menu_wrap {}
	section.menu_wrap .free_table table.common_table.two_rows {}
	section.menu_wrap .free_table table.common_table.two_rows tr th {
		border-bottom: 0;
	}
	section.menu_wrap .free_table table.common_table.two_rows tr td {
		border-bottom: 0;
	}
	section.menu_wrap .free_table table.common_table.two_rows tr:last-child td {
		border-bottom: 1px solid #b5b5b5;
	}
}

/********************
TOP works
********************/
section#top_works {
	/*背景画像　不要なら消す*/
	/*background: rgba(0, 0, 0, 0) url(../images/top/section_bg_3.png) no-repeat scroll 0 ;
	background-size:cover;
	background-attachment: fixed;*/
	background: url(/images/top/section_bg_3.png) repeat;
}
@media (max-width: 736px) {
}

/********************
TOP blog
********************/
section#top_blog {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url("/images/top/section_bg_4.png") no-repeat scroll 0;
	background-size: cover;
	background-attachment: fixed;
	padding: 90px 0;
}
section#top_blog .more_btn a {
    border-radius: 30px;
}
@media (max-width: 768px) {

    section#top_blog {
    	padding: 30px 0;
    }

}

/********************
動画
********************/
section#top_movie {
}
section#top_movie .movie_wrap {
    width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    section#top_movie .movie_wrap {
    width: 100%;
    margin: 0 auto;
}
}


/********************
TOP お役立ちコンテンツ
********************/
section#top_use {
    background:url("/images/common/section_topuse_bg.jpg") repeat 0 #ffffff;
}
section#top_use .LR_box {

}
section#top_use .LR_box .img-center {
    background-color: #fff;
    padding: 3% 3.5%;
    margin: 0 0px 20px;
    width: 41%;
    position: relative;
    border-bottom: 5px solid #8d8d8d;
}
section#top_use .LR_box .img-center h3 {
    background: none;
    color: #131313;
    text-align: left;
    position: absolute;
    top: -34px;
    left: 0;
    padding: 20px 0 0 60px;
    min-height: 45px;
}
section#top_use .LR_box .img-center h3#teamwork {
    background: url("/images/common/teamwork.png") no-repeat;
}
section#top_use .LR_box .img-center h3#training {
    background: url("/images/common/training.png") no-repeat;
}
section#top_use .LR_box .img-center h3#newsletter {
    background: url("/images/common/newsletter.png") no-repeat;
}
section#top_use .LR_box .img-center h3#agreement {
    background: url("/images/common/agreement.png") no-repeat;
}

section#top_use .LR_box .img-center .more_btn a {
    background-color: #e60012;
    border: 2px solid #e60012;
    color: #ffffff;
}
section#top_use .LR_box .img-center .more_btn a:hover {
    background-color: #ffffff;
    border: 2npx solid #e60012;
    color: #e60012;
}

@media (max-width: 768px) {

    section#top_use .LR_box .img-center {
        padding: 10% 2% 3%;
        margin: 20px 0px 50px;
        width: 96%;
        border-bottom: 5px solid #8d8d8d;
    }

    section#top_use .LR_box .img-center h3 {
        font-size: 18px;
    }



}




/********************
TOP news
********************/
section#top_news {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url("/images/top/section_bg_1.png") no-repeat scroll center;
	background-size: cover;
	background-attachment: fixed;
}
section#top_news h3 {}
section#top_news .wrapper .news_wrap {
	padding: 70px 0;
	background: rgba(255, 255, 255, 0.8);
}
section#top_news .wrapper ul.news_cont {
	margin: 30px 200px 0;
}
section#top_news .wrapper ul.news_cont li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px dotted #8f8f8f;
}
section#top_news .wrapper ul.news_cont .date {
	float: left;
	margin-right: 40px;
	background: #673AB7;
	color: #fff;
	font-size: 12px;
	padding: 3px;
	line-height: 1.0;
	width: 125px;
	text-align: center;
	box-sizing: border-box;
}
section#top_news .wrapper ul.news_cont .title {
	float: left;
	width: 619px;
	font-size: 13px;
	line-height: 20px;
}
@media (max-width: 736px) {
	section#top_news .wrapper {
		border: none;
		padding: 0px 0;
	}
	section#top_news .wrapper .news_wrap {
		padding: 35px 0;
	}
	section#top_news .wrapper ul.news_cont {
		margin: 0 3%;
	}
	section#top_news .wrapper ul.news_cont li {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	section#top_news .wrapper ul.news_cont .date {
		float: left;
		min-width: 30%;
		margin: 0 0 5px 0;
		text-align: center;
		font-size: 12px;
		line-height: 12px;
		padding: 7px 15px;
	}
	section#top_news .wrapper ul.news_cont .title {
		float: left;
		width: 100%;
		font-size: 13px;
		line-height: 20px;
	}
}

/********************
TOP company
********************/
section#top_company {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url("/images/top/section_bg_6.png") no-repeat scroll 0;
	background-size: cover;
	background-attachment: fixed;
}
section#top_company h2 {
	color: #fff;
}
section#top_company h3 {}
section#top_company .LR_box {
	margin-bottom: 30px;
}
section#top_company .left {
	width: 570px;
	padding: 0;
}
section#top_company .left img {
	margin: 0;
}
section#top_company .right {
	width: 590px;
	padding: 0px 20px;
}
section#top_company .right table {}
section#top_company .right table th {}
section#top_company .right table td {}

/*******************
アクセス
********************/
.googlemap {
	margin-bottom: 0px;
}
.googlemap iframe {
	width: 100%;
}
table.access_table {
	margin: -7px auto 30px;
	width: 100%;
}
table.access_table tr th {
	background: #673AB7;
	width: 20%;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	font-weight: bold;
	border: 3px solid #673AB7;
	border-right: 0;
	text-align: center;
	vertical-align: middle;
}
table.access_table tr td {
	background: #ffffff;
	width: 80%;
	padding: 15px;
	border: 3px solid #eeeeee;
	border-left: 0;
	vertical-align: middle;
}
@media (max-width: 736px) {
	section#top_company h3 {}
	section#top_company .left {
		width: 100%;
		padding: 0;
		float: none;
	}
	section#top_company .left img {
		margin: 0;
	}
	section#top_company .right {
		width: 96%;
		padding: 4% 2%;
		background: #fff;
		float: none;
	}
	section#top_company .right table {}
	section#top_company .right table th {
		width: 90%;
		vertical-align: middle;
	}
	section#top_company .right table td {
		vertical-align: middle;
	}
	section#top_company .more_btn3 a {
		width: 80%;
		padding: 13px 30px 12px 0;
	}
	table.access_table {
		margin: 0 auto;
		width: 100%;
	}
	table.access_table.two_rows tr th {
		width: 100%!important;
		display: inline-block;
		box-sizing: border-box;
		font-size: 15px;
		padding:10px;
		border: 3px solid #673AB7;
	}
	table.access_table.two_rows tr td {
		width: 100%!important;
		display: inline-block;
		box-sizing: border-box;
		padding:10px;
		border: 3px solid #eeeeee;
	}
}

/********************
TOP FAQ
********************/
section#top_faq {
	/*背景画像　不要なら消す*/
	padding-bottom: 0;
}
section#top_faq h3 {}
section#top_faq .wrapper .faq_wrap {
	border:1px solid #1b1b1b;
	padding:4px;
}
section#top_faq .wrapper .faq_wrap .inner {
	border:3px solid #1b1b1b;
	padding: 70px 0;
}
section#top_faq .faq_box {
	padding:20px 200px;
}
section#top_faq .faq_box:nth-child(2n) {
	background: #f3f3f3;
}
section#top_faq .faq_box:last-child {
	margin-bottom: 30px;
}
section#top_faq .faq_box .q {
	font-size:18px;
	color:#313131;
	font-weight: bold;
	position: relative;
	width:800px;
	margin:0 auto 15px;
	border-bottom:1px dashed #8f8f8f;
	padding:30px 0 30px 80px;
	box-sizing: border-box;
}
section#top_faq .faq_box .q:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 75px;
	background: url(/images/common/top_q.png) no-repeat;
}
section#top_faq .faq_box .a {
	padding:30px 0 0 80px;
	font-size:18px;
	color:#313131;
	position: relative;
	width:800px;
	margin:0 auto;
	box-sizing: border-box;
}
section#top_faq .faq_box .a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 62px;
	height: 57px;
	background: url(/images/common/top_a.png) no-repeat;
}
@media (max-width: 768px) {
	section#top_faq .wrapper .faq_wrap .inner {
		padding: 30px 0;
	}
	section#top_faq .faq_box {
		padding:10px;
	}
	section#top_faq .faq_box:last-child {
		margin-bottom: 20px;
	}
	section#top_faq .faq_box .q {
		font-size:16px;
		width:100%;
		margin:0 auto 15px;
		padding:8px 0 15px 40px;
	}
	section#top_faq .faq_box .q:before {
		width: 30px;
		height: 100%;
		background-size: 100%;
	}
	section#top_faq .faq_box .a {
		font-size:16px;
		width:100%;
		padding:8px 0 15px 40px;
	}
	section#top_faq .faq_box .a:before {
		width: 30px;
		height: 100%;
		background-size: 100%;
	}
}

/********************
TOP seo
********************/
section#top_seo {
	/*background: rgba(0, 0, 0, 0) url("../images/top/section_bg_6.png") no-repeat scroll 0 ;
	background-size:cover;
	background-attachment:fixed;
	background: url(/images/top/section_bg_1.png) repeat;*/
	/* 可愛い感じ　background-image: url(https://www.transparenttextures.com/patterns/inspiration-geometry.png);*/
}
section#top_seo h2 {}
section#top_seo h3 {
	margin-bottom: 20px;
}
section#top_seo .LR_box .right {}

@media (max-width: 736px) {
	section#top_seo > div > section {
		padding: 0 3%;
	}
}

/*******************
共通バナー
********************/
section.contact_contens {
	background-color: #e60012;
	background-size: cover;
	padding: 70px 0;
	margin-bottom: 0;
}
section.contact_contens h2 {
    color: #ffffff;
}
section.contact_contens h2 span {
    margin: 0 0 20px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
    font-size: 160%;
    letter-spacing: 1.2px;
    color: #ffffff;
}

section.contact_contens .wrapper2 .banner {
	padding: 24px 60px 23px;
	background-color: rgba(255, 255, 255, 0.8);
	border: #fff 3px solid;
	box-sizing: border-box;
}

section.contact_contens .wrapper2 .banner .LR_box {
    margin: 0 0 0 0;
}
section.contact_contens .wrapper2 .banner .LR_box .right .clearfix {
    padding: 0 0 0 0;
    border: none;
    margin: 0 0 0 0;
}
section.contact_contens .wrapper2 .LR_box .left {
	width: 47%;
	padding: 0;
}
section.contact_contens .wrapper2 .LR_box .right {
	width: 53%;
	padding: 0;
	margin: 10px 0 0;
	float:left;
}
section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-preferred-size: 50%;
	    flex-basis: 50%;
			max-width: 50%;
	padding: 10px;
	margin:0;
}
/* section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list li:first-child {
	margin-right: 1%;
} */
section.contact_contens .wrapper2 .LR_box .right a {
	display: block;
	width: 100%;
	background: #E60012;
	color: #FFF;
	font-size: 16px;
	line-height: 1;
	padding: 15px 0;
	text-decoration: none;
	border-radius: 3px;
}

section.contact_contens .wrapper2 .LR_box .right a:hover {
	opacity: 0.7;
}
/* section.contact_contens .wrapper2 .LR_box .right img {
	width: auto;
} */
section.contact_contens .wrapper2 .banner .banner_list {
	padding: 40px 0;
	margin: 0 auto;
	width: 760px;
}
section.contact_contens .wrapper2 .banner .banner_list li {
	float: left;
	margin-left: 58px;
}
section.contact_contens .wrapper2 .banner .banner_list li:first-child {
	margin-left: 0px;
}
section.contact_contens .wrapper2 .banner .tel_cont {
	position: relative;
}
section.contact_contens .wrapper2 .banner .tel_cont svg#Capa_1 {
	width: 71px;
	height:59px;
	top: 3px;
}
/*
section.contact_contens .wrapper2 .banner .tel_cont .catch,
section.contact_contens .wrapper2 .banner .tel_cont .business_hours {
	padding: 0 0 0 30px;
}
*/

section.contact_contens .wrapper2 .banner .tel_cont .catch {
	font-size: 20px;
	font-weight: normal;
}
section.contact_contens .wrapper2 .banner .tel_cont .tel {
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 48px;
	line-height: 38px;
	margin-bottom: 10px;
	padding: 0 0 0 40px;
	position: relative;
}
section.contact_contens .wrapper2 .banner .tel_cont .tel a {
	/*color: #fcfcfc;*/
	text-decoration: none;
}
section.contact_contens .wrapper2 .banner .tel_cont .tel::before {
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	top: 40%;
	left: 0;
	line-height: 1;
}
section.contact_contens .wrapper2 .banner .tel_cont .tel.osaka_tel::before {
	content: '大阪'
}
section.contact_contens .wrapper2 .banner .tel_cont .tel.kyoto_tel::before {
	content: '京都'
}
section.contact_contens .wrapper2 .banner .tel_cont .tel.tokyo_tel::before {
	content: '東京'
}
section.contact_contens .wrapper2 .banner .tel_cont .business_hours {
	font-size: 16px;
	margin-bottom: 5px;
	position: relative;
	font-weight: normal;
	line-height: 1.2;
}
/*住所削除　20180608*/
section.contact_contens .wrapper2 .banner .tel_cont .address {
	margin: 0;
	width: auto;
	font-size: 16px;
	position: relative;
	padding: 0;
	font-weight: normal;
	line-height: 1.2;
}
@media (max-width: 768px) {
    section.contact_contens h2 {
       font-size: 18px;
       margin: 0 auto 15px;
    }
    section.contact_contens h2 span {
        margin: 0 0 10px 0;
        font-size: 180%;
    }


	section.contact_contens {
		padding: 4% 2%;
	}
	section.contact_contens .wrapper2 {
		width:100%;
	}
	section.contact_contens .wrapper2 .banner {
		padding: 3% 2%;
		margin-bottom: 10px;
		margin-left: 0;
		width:100%;
	}
	section.contact_contens .wrapper2 .LR_box .left {
		width: 100%;
		padding: 0;
	}
	section.contact_contens .wrapper2 .LR_box .right {
		width: 100%;
		padding: 0;
		margin: 4px 0 0;
	}

	section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list{
		display: block;
	}
	section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list li{
		width: 100%;
		max-width: 100%;
		display: block;
		padding: 10px;
	}
	section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list li:last-child{
		margin-bottom: 0;
	}
	section.contact_contens .wrapper2 .banner .tel_cont {
		padding-left: 0;
		text-align: center;
	}
	section.contact_contens .wrapper2 .banner .tel_cont svg#Capa_1 {
		display: none;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .catch {
		font-weight: bold;
		font-size: 16px;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .catch,
	section.contact_contens .wrapper2 .banner .tel_cont .tel {
		padding: 0;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .tel {
		font-size: 250%;
		line-height: 1em;
		margin-bottom: 10px;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .tel a {
		color: #131313;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .tel {
		position: relative;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .tel::before {
		position: static;
		display: block;
		line-height: 1.7;
		text-align: center;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .business_hours {
		font-size: 16px;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .address {
		font-size: 16px;
		margin: 0;
		width: auto;
		position: relative;
		padding-left: 0px;
		margin-bottom: 10px;
		text-align: center;
	}
	section.contact_contens .wrapper2 .banner .tel_cont .business_hours {
		padding-left: 0px;
		text-align: center;
	}
	section.contact_contens .wrapper2 .LR_box .right ul.head_btn_list li:first-child {
		margin-right: 0%;
	}
}

/***************************************
　::ブログ、NEWS
****************************************/
/*
ul.news_cont li.news_list {}
.lower_main .news_cont .news_list,
.lower_main .blog_cont .blog_list {
	padding: 0 0 1.5%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.lower_main .news_cont .news_list:last-child,
.lower_main .blog_cont .blog_list:last-child {
	margin:0;
	border-bottom: 0;
}
.lower_main .news_cont .news_list .date,
.lower_main .blog_cont .blog_list .date {
	padding: 0px 30px;
	margin-bottom: 5px;
	background: #673AB7;
	text-align: center;
	color: #fdfdfd;
	width: 100px;
	line-height: 12px;
	padding: 4px 15px;
	font-size: 12px;
}
.lower_main .news_cont .news_list .txt,
.lower_main .blog_cont .blog_list .txt {
	margin-bottom: 30px;
}
.lower_main .news_cont .news_list .title,
.lower_main .blog_cont .blog_list .title {
}
*/
/*
.lower_main .news_cont .title a,
.lower_main .blog_list .title a{
    color:  #fff;
    text-decoration: underline;
}
.lower_main .news_cont .title a:hover,
.lower_main .blog_list .title a:hover{
    text-decoration: none;
}*/
/*
@media (max-width: 736px) {
	.lower_main .blog_cont .blog_list .areaL,
	.lower_main .blog_cont .blog_list .areaR {
		width: 100%;
	}
	.lower_main .blog_cont .blog_list .areaL.img {
		margin-bottom: 10px;
	}
	.lower_main .news_cont .news_list,
	.lower_main .blog_cont .blog_list {
		padding: 3%;
	}
	.lower_main .news_cont .news_list .title,
	.lower_main .blog_cont .blog_list .title {
		font-size: 16px;
		padding: 10px;
		margin-bottom: 10px;
	}
	.lower_main .news_cont .news_list .txt,
	.lower_main .blog_cont .blog_list .txt {
		margin-bottom: 15px;
	}
	.lower_main .blog_cont .blog_list .areaR.w64p {
		width: 100%;
		padding-bottom: 15px;
	}
}
*/
/***************************************
　::会社概要
****************************************/
section.company .right table th {}
section.company .right table td {}
section.company .left .youtube_wrap,
section#top_company .left .youtube_wrap {
	margin-top: 10px;
	width:100%;
}
section.company .left .youtube_wrap iframe,
section#top_company .left .youtube_wrap iframe {
	width:100%;
}
@media (max-width: 736px) {
	section.company .left .youtube_wrap iframe,
	section#top_company .left .youtube_wrap iframe {
		height:250px;
	}
}
/***************************************
　::実績・ギャラリー　詳細画像スライド
****************************************/
.slide_dtl_wrap {
	margin-bottom: 30px;
}
.slide_dtl_wrap .left {
	width:50%;
	float:left;
	padding-right: 1%;
	box-sizing: border-box;
}
.slide_dtl_wrap .left .dtl_images {
	margin-bottom: 10px;
}
.slide_dtl_wrap .left .dtl_images img {
	width:100%;
}
#img_slide_thumbnail a {
	display: inline-block;
	margin:0 1.5px 1px 0;
}
.slide_dtl_wrap .right {
	width:50%;
	float:left;
}
@media (max-width: 768px) {
	.slide_dtl_wrap .left {
		width:100%;
		float:none;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.slide_dtl_wrap .left .dtl_images img {
		width:auto;
		max-width:100%;
	}
	.slide_dtl_wrap .left .dtl_images .bx-controls {
		display: block;
	}
	#img_slide_thumbnail a {
		margin:0 7px 2px 0;
	}
	.slide_dtl_wrap .right {
		width:100%;
		float:none;
	}
}

/***************************************
　::コンセプト
****************************************/
.concept_box .txt,
.service_list .txt,
.blog_list .txt {
	line-height: 1.8;
}

@media (max-width: 768px) {
    .concept_box .txt,
    .service_list .txt,
    .blog_list .txt {
    line-height: 1.3;
    margin: 0 0 10px 0;

    }
}

/*
　::カテゴリアイコン
**************************/
.cat-title {
	background: #e54e53 none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 25px;
	margin-left: 7px;
	padding: 0 10px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.cat-2,
.cat-title.cat-564 {
	background-color: #006633;
}
.cat-3,
.cat-title.cat-565 {
	background-color: #ff3300;
}
.cat-4,
.cat-title.cat-566 {
	background-color: #082F49;
}
.cat-5,
.cat-title.cat-567 {
	background-color: #F54337;
}
.cat-6,
.cat-title.cat-568 {
	background-color: #2196F3;
}
.cat-7,
.cat-title.cat-569 {
	background-color: #EA1E63;
}
.cat-8,
.cat-title.cat-570 {
	background-color: #4CB050;
}
.cat-9,
.cat-title.cat-571 {
	background-color: #795547;
}
.cat-10,
.cat-title.cat-572 {
	background-color: #607D8B;
}
.cat-11,
.cat-title.cat-573 {
	background-color: #009788;
}
.cat-12,
.cat-title.cat-574 {
	background-color: #FE9701;
}
.cat-13,
.cat-title.cat-575 {
	background-color: #00BCD5;
}
.cat-14,
.cat-title.cat-576 {
	background-color: #3F51B5;
}
.cat-15,
.cat-title.cat-577 {
	background-color: #FE5722;
}
.cat-16,
.cat-title.cat-578 {
	background-color: #9C28B1;
}
.cat-title a {
	color: inherit;
	text-decoration: none;
}
.cat-title a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.highlights {
	position: relative;
}
.works_list .cat-title.larger {
	line-height: 30px;
	padding: 0 14px;
}
.works_list .posts-list .cat-title.small {
	padding: 4px 8px 3px;
	margin: 0 0 0px 5px;
}

/* 飲食店用 */
@media (max-width: 768px) {
	section#food_menu.top_section .LR_box {
		margin-bottom: 10%;
	}
}

/**---s:FAQコンテンツ---**/
.faq-cont {
	border: #ddd 1px solid;
	margin: 0 auto 15px;
	padding: 20px 40px;
}
.faq-cont .q-cont {
	padding: 10px 6px 15px 50px;
	border-bottom: #333 1px solid;
	margin-bottom: 15px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
	position: relative;
}
.faq-cont .q-cont:before {
	content: url(/images/common/faq-q.png);
	color: #333;
	background: #673AB7;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 25px;
	width: 40px;
	height: 40px;
}
.faq-cont .a-cont {
	padding: 10px 6px 15px 50px;
	min-height: 25px;
	position: relative;
}
.faq-cont .a-cont:before {
	content: url(/images/common/faq-a.png);
	color: #333;
	background: #F69EA8;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 25px;
	width: 40px;
	height: 40px;
}
@media (max-width: 736px) {
	.faq-cont {
		padding: 15px;
	}
}

/*
サイトマップ
**************************************/
.sitemap {
	margin: 0 auto 20px;
	padding: 0 15px 15px;
	width: 60%;
	box-sizing: border-box;
}
.sitemap ul {}
.sitemap ul li {
	padding: 0 0 0 21px;
	position: relative;
}
.sitemap ul li:before {
	position: absolute;
	left: 0px;
	content: "▶";
	font-size: 10px;
	top: 2px;
	color: #333333;
}
.sitemap ul li a {
	display: inline-block;
	margin-bottom: 15px;
}
.sitemap ul li ul {}
.sitemap ul li ul li {}
.sitemap ul li ul li a {}
@media (max-width: 768px) {
	.sitemap {
		padding: 0;
		width: 100%;
	}
}


table.quote {
    margin: 0 0 0 0;
    width: 90%;
    }
table.quote th {
    background-color: #e60012;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    width: 20%;
    }
table.quote td {
    background-color: #eeeeee;
    padding: 15px;
    }

@media (max-width: 736px) {

    table.quote {
        width: 100%;
    }
    table.quote th {
    padding: 5px;
    text-align: center;
    width: 20%;
    font-size: 90%;
    vertical-align: middle;
    }
    table.quote td {
        padding: 5px;
    }

}

/*下層ページ動画埋め込みsection*/
.lower_main section .wrapper > section.movie_box{
	padding: 0;
	margin-bottom: 80px;
}
section.movie_box .movie_wrap {
    width: 1200px;
    margin: 0 auto;
}

@media (max-width: 736px) {
    section.movie_box .movie_wrap {
    width: 100%;
    margin: 0 auto;
}
}

/*SNSボタン*/
.share-btn{
    list-style-type: none outside;
    padding: 0;
    margin: 0;
}
.share-btn > li{
	display: inline-block;
	padding: 5px;
 	vertical-align: top;
	line-height: 0;
 }

/*ブログ用設定*/
.share-btn.blog-share-btn{
    margin: 0 auto 50px;
	text-align: right;
}

@media (max-width: 768px) {
	.share-btn.blog-share-btn{
		margin: 0 auto 20px;
		text-align: center;
	}
}

/*tags*/
.tags-box {
    background: #fafafa;
    padding: 20px;
    margin: -20px auto 40px;
}
.tags-box > dl{
	text-align: right;
}
.tags-box > dl > dt,.tags-box > dl > dd{
	display: inline-block;
}
.tags-box > dl > dt{
	margin: 0 3px 0 0;
	font-weight: bold;
}
.tags-box > dl > dd{
	display: inline-block;
	margin: 0 3px;
}
.tags-box > dl > dd > a{
	display: block;
	line-height: 1;
	padding:4px 8px;
	background: #CCC;
	border-radius: 2px;
	font-size: 12px;
	border: 1px solid #CCC;
	-webkit-transition: all .3s;	transition: all .3s;
	text-decoration: none;
}
.tags-box > dl > dd > a:hover{
	background: #FFFFFF;
	color: #e60012;
	border: 1px solid #e60012;
}

@media (max-width: 736px) {
	.tags-box > dl{
		text-align: left;
		margin-left: -3px;
	}
	.tags-box > dl > dt{
		display: block;
		margin: 0 0 0 3px;
	}
	.tags-box > dl > dd{
		margin: 5px 3px;
	}


}

/*ブログ一覧　タグリスト*/
.lower_main .tag-all-box{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
	margin: 0 auto 40px;
}

.lower_main .tag-all-box > h4 {
    margin: 0 0 20px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #313131;
    padding: 0px;
    position: static;
}

.lower_main .tag-all-box > ul.tags > li > a {
    display: block;
    line-height: 1;
    padding: 6px 12px;
    background: #FFF;
    color:  #e60012;
    border-radius: 2px;
    font-size: 14px;
		font-weight: bold;
		text-decoration: none;
    border: 1px solid #e60012;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.lower_main .tag-all-box > ul.tags > li > a:hover {
    background: #e60012;
    color: #FFF;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.lower_main .tag-all-box > ul.tags > li {
    display: inline-block;
    margin: 3px;
    padding: 0;
    border: 0 none;
}

.lower_main .tag-all-box > ul.tags{
   text-align: center;
}/*layout:1*/body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000;}

body {font:15px/1.6 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}


/*layout:105*/.h2_wrap{
  background:#e60012;
}
.wrappernew{
  height: 500px;
  position:relative;
}