@charset "utf-8";

/* Reset 
------------------------------*/

*{ margin: 0;padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle; border:0;}


/* bodyレイアウト
------------------------------*/
body {
position: relative;
}
@media screen and (max-width: 1666px) {
	width: 100%;
	}
}
@media screen and (max-width: 1400px) {
	body {
	width: 1400px;
	}
	#bx_bg {
	position: relative;
	}
}
@media screen and (max-width: 767px) {
	body {
	width: 100%;
	overflow-x: hidden;/* ios対策 */
	}
}

/* 画像
*************/
#header img,
#gnav img,
#topcont1 img,
#topcont2 img,
#topcont3 img,
#footer img,
#bx_bg img,
#main img,
.img100,
.contents_d img,
.contactbox img,
.photo4col img {

max-width:100%;
height:auto;
}
#bx_bg img {
width: 100% !important;
max-width: inherit !important;
}
html {
	font-size:16px;
	line-height:1.8;
	color:#2a2a2a;
	letter-spacing: 0.5px;
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;

}

.font-go {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",　"メイリオ",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.font_min {
	font-family: "小塚明朝 Pro M","小塚明朝 Std","Kozuka Mincho Pro", "Kozuka Mincho Std","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif,"メイリオ",Meiryo;
}

a img{
	opacity:1;
	filter: alpha(opacity=100);
}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=85);
}

/*	clearfix
----------------------------------------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}
.clearfix {
	overflow:hidden;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/


/*	link
----------------------------------------------------------------*/
a:link{
	color:#2a2a2a;
text-decoration:line;
}
a:visited{
	color:#0fae91;
text-decoration:none;
}
a:hover{
color: #2654dd;
text-decoration:line;
}
a:active{
color:#f39800;
text-decoration: none;
}

#gnav a:link{
text-decoration:none;
}
#gnav a:visited{
text-decoration:none;
}

#gnav a:hover{
	border-bottom:4px solid #f39800;
}
#gnav a:active{
text-decoration: none;
}

footer a:link{
text-decoration:line;
}
footer a:visited{
text-decoration:none;
}
footer a:hover{
text-decoration:line;
}
footer a:active{
text-decoration: none;
}

/* text
------------------------------*/
.ore { color:#ee7800; }
.blue { color:#223f9a;}
.red {color:#ed1c24;}
.green {color:#00a650; }
.white { color:#FFF; }
.pink { color:#da7a79 }

.font10 { font-size:10px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font16 { font-size:16px !important; }
.font18 { font-size:18px !important; }
.font20 { font-size:20px !important; }
.font24 { font-size:24px !important; }
.font30 { font-size:30px !important; }

.big { font-size:1.2em; }
.bold { font-weight:bold; }
.t_left { text-align:left !important; }
.t_right { text-align:right !important; }
.left { float:left !important;}
.right {float:right !important;}
.center { text-align:center !important; }

.ttl_bg {
	background-color:#5691b9;
	color:#FFF;
	font-size:16px;
	padding: 3px;
	text-align:center;
	font-weight: normal;
}
.ttl_bg2 {
	background-color:#feb00a;
	color:#FFF;
	font-size:16px;
	padding: 3px;
	text-align:center;
	font-weight: normal;
}

.line_dotto {
	border-bottom:#da7a79 1px dotted;
}
.headtxt {
	font-weight:bold;
	color:#f36100;
	margin-right:10px;
}

/*余白
----------------------------------------------------------------*/
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }


/* header
------------------------------*/
#header {
	width:100%;
	background-color:#dadada;
}

#header h1 { 
	font-size:11px;
	font-weight:normal;
	line-height:1.2;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 5px;
	width: 80%;
}
#header .logo {
	width: 60%;
	max-width: 470px;
	margin: 20px auto 20px;
	text-align:center;
}

.h_set img {
	width:60%;
}
#header .ico_tel {
	width:40%;	
}
#header .h_tel {
	font-size:24px;
}
#header .h_tel:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(../images/icon_tel.png);
  background-size: contain;
  vertical-align: middle;
  margin-right:10px;
}
.h_set {
	text-align: center;
}
#header .h_tel span {
	font-size:10px;
	display:block;
	
}
#header .icon_set {
	padding:10px 0;
}
#header .icon_set li {
	display:inline-block;
}

/* slider
------------------------------*/

/* top
------------------------------*/
.slider_txt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:80%;
	max-width:730px;
	height:25px;
}
.bx-wrapper .slider_txt img {
	width:90%;
	height:auto;
}
.in {
	width:90%;
	margin:0 auto;
}
#topcont1 {
	background-color:#ffffff;
	padding:40px 0;
	text-align:center;
}
#topcont1 .ttl {
	width:50%;
	margin:0 auto 40px;
}
#topcont1 .btn {
	margin-top:40px;
}
#topcont2 {
	background:url(../images/bg_cont2.jpg) top;
}

#topcont2 .in {
	width:90%;
	padding:40px 0;
	margin:0 auto;
	text-align:center;
}
#topcont2 .ttl {
	width:50%;
	margin:0 auto 40px;
}
#topcont2  .txt {
	margin-bottom:20px;
}
#topcont2 ul li {
	margin-bottom:20px;
	width: 47%;
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
}
#topcont2 .btn {
	margin:40px 0;
	text-align:center;
}
#topcont3 {
	background-color:#ffffff;
	padding:40px 0;
}

#topcont3 .ttl {
	width:50%;
	margin:0 auto 40px;
	text-align:center;
}
#topcont3 ul li {
	margin-bottom:20px;
	text-align:center
}
#topcont3 ul li img {
	margin-bottom:20px;
	text-align:center
}
#topcont3 .txt {
	text-align:left;
}
#topcont3 .btn {
	margin:40px 0;
	text-align:center;
}
#topcont3 .3col {
	text-align:left;
}
#topcont3 .ttl {
	margin-bottom:130px;
}

/*footer
------------------------------*/
#footer {
	width:100%;
	padding:40px 0 0;
	text-align:center;
}
#footer .f_logo {
	width: 100%;
	float:left;
}
 #footer .f_ad {
    float: left;
    text-align: left;
    margin-left: 50px;
 }
#footer .f_logo img {
	width:80%;
	margin:0 auto;
}

#footer .f_logo,
#footer .f_ad {
	margin-bottom:30px; 
}

#copy { 
	font-size:10px;
	color:#FFF;
	text-align:center;
	padding:15px 0;
	background-color:#898a8d;
}
.pagetop {
	text-align:center;
	margin:20px 0
}
.pagetop_sp {
  background-color: #000;
  text-align: center;
}
.pagetop_sp a {
	padding:20px 0;
	display:block;
}
.pagetop_sp a:link {
	color:#FFF;
}
#fnav {
	display:none;
}
#fnav .ttl {
	text-align:center;
	margin:30px ;
}
#footer .ico_insta {
	margin-bottom:20px;
}
	
/* kasou
----------------------------------------------------------*/
#contents,
.contents_d  {
	width:90%;
	margin:20px auto;
}
.ttl_past {
	background-color:#9dd4ed;
	color:#FFF;
	text-align:center;
	padding:5px 0;
}
.past {
	background-color:#f1f7fa;
	padding:10px;
	text-align:center;
	display: flex;
	justify-content:space-around;
	align-items: center;
}
.libox {
	padding:0 0 20px 0;
	border:#CCC 1px solid;
}
.q {
    padding: 10px 0 10px 10px;
    font-weight: bold;
    background: url(../../faq/images/icon_q.png) 10px no-repeat #eee;
    padding-left: 50px;
    margin-bottom: 10px;
}
.a {
    padding: 10px 0 10px 10px;
    background: url(../../faq/images/icon_a.png) 10px top no-repeat;
    padding-left: 50px;
    margin-bottom: 30px;
}
.time {
	font-size: 16px !important;
}
.works_menu li {
	border:#999 1px solid;
	padding: 2px 10px;
	margin-right: 5px;
  margin-bottom:5px;
}
.works_menu li a {
	display:block;
}

.com {
	margin-top:50px;
	text-align:center;
}
.com dt {
	display:inline;
	border-bottom: 2px solid #2cc3a7;
	margin-bottom:10px;
}
.com dd {
	margin-bottom:20px;
}
.box_border {
	display: inline-block;
	border:#666 1px solid;
	padding:10px 20px;
	margin:30px 0;
	font-size:18px
}
.photo4col ul {
	width:90%;
	margin:0 auto;
	text-align: center;
}
.photo4col ul li {
	margin-bottom:20px;
}
.works li {
	width: 47%;
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
}
	

/* contactbox
---------------------------*/
.contactbox {
    text-align: center;
    border: #999 1px solid;
    margin-bottom: 40px;
		margin-top: 40px;
		background-color:#FFF;
}

.mail_btn {
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF !important;
    border-bottom: solid 2px #96ad00;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    padding: 5px 60px;
		margin-top: 10px;
		width: 38%;
		text-align:center;
		background: url(../images/icon_mail2.png) 20px no-repeat #b7cd00;
		margin-bottom:20px;
}
.contactbox .tel span {
	font-size:24px;
	font-weight:bold;
}
.contactbox .cont_logo {
	width:50%;
	height:auto;
	margin: 0 auto 20px;
}
	
/* pagettl
----------------------*/
#pagettl {
	position:relative;
}
#pagettl_img img {
	display:none;
}
#pagettl_img_sp img {
	width:100%;
	height:auto;
}
#pagettl_txt,
#pagettl_txt2 {
    background: rgba(255,255, 255, .0);
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
		width: 90%;
}
#pagettl_txt h2 {
    padding: 15px 0 0px 0px;
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
		text-shadow:2px 1px 1px #000000;
		font-weight:normal;
}
#pagettl_txt h2 span,
#pagettl_txt2 h2 span{
	display:block;
	font-size:15px;
}
#pagettl_txt2 h2 {
    padding: 15px 0 0px 0px;
    color: #3e3e3e;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
		text-shadow:2px 1px 1px #000000;
		font-weight:normal;
}


/* フォーム
----------------------------------------------------------------*/

input, select, textarea {
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
input[type="text"],
textarea {
    padding: 0.3em;
    outline: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
		width:90%;
}
textarea { width:90% ; margin:0 auto; }

.mailform01,.mailform02,mailform04,.mailform05,.mailform06,.mailform07 {
	width:90%;
	margin:0 auto;
}

label,
input[type="radio"],
input[type="reset"],
input[type="submit"],
input[type="button"]{
	cursor:pointer;
}

#btns {
	width:160px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}

#btns .bt_submit {
	background:url(../../contact/images/form_submit2.png) no-repeat;
  border: 0 none;
  display: block;
  width: 158px;
  height: 35px;
}
#btns .bt_submit2 {
	background:url(../../contact/images/form_submit.png) no-repeat;
  border: 0 none;
  display: block;
  width: 158px;
  height: 35px;
}
#btns .bt_reset {
	background:url(../../contact/images/form_reset.png) no-repeat;
  border: 0 none;
  display: block;
	width: 158px;
  height: 35px;
		margin-bottom: 20px;
}
#btns .bt_modoru {
	background:url(../../contact/images/btn_modoru.png) no-repeat;
  border: 0 none;
  display: block;
  width: 158px;
  height: 35px;
}
	

/* gmap
-------------------------*/
.g-gmap {
position: relative;
padding-bottom: 40%;
padding-top: 40px;
height: 0;
overflow: hidden;
position:relative;
margin-bottom:60px !important;
}

.g-gmap iframe,
.g-gmap object,
.g-gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* btn
------------------------------*/
.btn_detail {
    width: 90%;
    margin: 25px auto;
    text-align: center !important;
    font-size: 15px;
    text-decoration: none;
    border-bottom: solid 2px #143bb2;
    border-radius: 4px;
    background: #2654dd;
    margin-bottom: 20px;
		clear:both;
}
.btn_detail a {
    color: #FFF;
    padding: 8px;
    display: block;
}
.btn_detail a:hover {
	background-color:#2cc3a7;
}

.btn_detail2 {
    width: 100%;
    margin: 25px auto;
    text-align: center !important;
    font-size: 15px;
    text-decoration: none;
    border-bottom: solid 2px #007fb9;
    border-radius: 4px;
    background: #00a0e9;
    margin-bottom: 20px;
}
.btn_detail2 a {
    color: #FFF;
    padding: 8px;
    display: block;
}
.btn_detail2 a:hover {
	background-color:#026896;
}


/* レスポンシブメニュー
------------------------------*/
#gnav { display:none; }
#sidenav {
    background-color: rgba(44, 195, 167, 0.8);
    color: #fff;
    font-size: 1.0rem;
		display: block;
		overflow: hidden;
}
#sidecontact {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 1;
    margin-top: 16px;
}
#sidecontact div {
    margin-bottom: 16px;
}
#sidecontact a {
    border-radius: 4px;
    padding: 8px;
    border-style: none;
    color: #fff !important;
    display: block;
    background-color: #0c8e76;
    text-decoration: none !important;
		font-size:15px;
}
#sidenav li {
    display: block;
    border-bottom: 1px solid #13806b;
}
#sidenav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 8px 10px;
}

#sidenav li a:hover { background-color: #051256; border-right: 3px solid #051256; }

#hamicon {
	position:fixed;
	top:5px;
	right:15px;
	z-index: +50;
}
#hamicon i {
	display: block;
	cursor: pointer;
	color:#000;
	font-size: 3.2rem;
}

#sidenav aside {
	text-align: right;
	margin-top: 15px;
	margin-right: 15px;
	display: block;
	overflow: hidden;
}
#sidenav aside a { color:#FFF; }

#sidenav .ssub {
	background-color:#3d6f23;
	padding:10px;
}
#sidecontact a.aphone:before {
    display: inline-block;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f098';
    width: 1.28571429em;
    text-align: center;
}
#sidecontact a.amail:before {
    display: inline-block;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f0e0';
    width: 1.28571429em;
    text-align: center;
}


/* 見出し
------------------------------*/

.ttl_l {
	text-align:center;
	font-size:22px;
	line-height: 1.2;
	margin-bottom:30px;
	color:#3f7ce0;
	font-weight: normal;	
}
.ttl_l span {
	display:block;
	color:#666666;
	font-size:16px;
}
.ttl_m {
 position: relative;
 text-align: center;
 margin-bottom:40px;
}
.ttl_m span {
	position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 1.0em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
	font-size: 22px;
	font-weight: normal;
}
.ttl_m::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.ttl_m2 {
	border-left:#dfdfdf 2px solid;
	padding-left:30px;
	margin-bottom:40px;
	font-size:22px;
	font-weight: normal;
}

.ttl_s {
	position: relative;
	background: #48c8b0;
	font-size: 16px;
	color: white;
	line-height: 1.3;
	border-bottom:#26a890 2px solid;
	margin-bottom:20px;
	font-weight:normal;
	padding:8px;
}
.ttl_blue {
	font-size:28px;
	text-align:center;
	font-weight: normal;
	color:#2c6a94;
	margin-bottom: 30px;
}

.ttl_line {
   position: relative;
   text-align: center;
	 margin-bottom:40px;
}
.ttl_line:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.ttl_line span {
	font-size:28px;
    background-color: white;
    display: inline-block;
    padding: 0 10px; 
    position: relative;
		letter-spacing: 10px;
}
.ttl_info {
	border-bottom:#F60 3px solid;
	font-weight:bold;
	margin-bottom:20px;
}
.ttl_info span {
	display:inline-block;
	color:#F90;
	margin-left:20px;
	font-size:13px;
}


/* Block_SP
---------------------------*/
.basebox {
	margin:0 auto 30px;
}
.basebox p{
	margin-bottom:10px;
}
.basebox img {
	margin-bottom:10px;
}
.basebox_b {
	padding:10px;
	border:#a1a1a1 1px solid;
	margin-bottom:30px;
	background-color:#FFF;
}
.basebox_c {
	padding:10px;
	text-align:center;
	margin-bottom:30px;
	background-color:#FFF;
}
.arrowbox {
  margin: 0 auto 30px;
}
.block3 img,.block2 img,.block_pdf img,.block4 img,.img300 img,.img400 img,.block5 img, {
	margin-bottom:10px;
}
.img300 {
	margin-bottom:20px;
}
.imgphoto_left,
.imgphoto_left440,
.imgphoto_right,
.imgphoto_left2,
.imgphoto_right2,
.block3 li,
.block_3img li,
.block2 li,
.block4 li,
.block5 li {
	text-align:center;
}

.img400 {
    float: left;
    margin: 0;
    text-align: left;
		width:45%;
}
.img400 img {
	width:100%;
	height:auto;
}
.arrow {
    width: 7%;
    float: left;
}
.arrow2 {
    width: 7%;
    float: left;
}
.arrow img,
.arrow2 img {
	width:80%;
	height:auto;
}

/* kasou SP
------------------------------*/

.pcbr { display:none; }

.buz {
	text-align:left;
}
.hl {
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
	line-height: 30px;
	font-size: 19px;
	letter-spacing: 3px;
	margin-bottom:10px;
	text-align:left;
}
.hl span {
	font-size:14px;
}	
.hl .smallfont {
	font-size:12px;
}
.basic {
	font-size:15px;
	letter-spacing: 3px;
	text-align:left;
	clear:both;
}
.basic2 {
	font-size:13px;
	letter-spacing: 3px;
	text-align:left;
	clear:both;
	line-height: 1.6;
	margin-top: 10px;
	padding: 10px;
	background-color:#f3f4ff;
	padding: 10px;
}
.btn_case  {
	text-align:center;
}
.btn_case li {
	margin-bottom:10px;
}
.btn_case li a {
  background-color: transparent;
  border: 1px solid #cc1209;
  font-size: 10px;
  letter-spacing: 2px;
  padding: 10px 20px;
	width: 80%;
	text-align:center;
	display:inline-block;
}
.photo4col {
	width:100%;
	background:url(../../works/images/bg_detail.jpg);
	padding:40px 0;
}

/* table2
------------------------------*/
.table2  {
	width:100%;
	border:#CCC 1px solid;
	border-collapse: collapse; 
	border-spacing: 0;
	margin:0 auto 30px;
}
.table2 th, .table2 td  { padding: 7px; border: 1px solid #c3c3c3; }
.table2 th  { background: #f4f4f4; font-weight:normal; width:30%; }
.table2 td  { background: #fff; }

/* table3
------------------------------*/
.table3  {
	width:100%;
	border:#CCC 1px solid;
	border-collapse: collapse; 
	border-spacing: 0;
	margin:0 auto 30px;
}
.table3 th, .table2 td  { padding: 7px; border: 1px solid #c3c3c3; }
.table3 th  { background: #e2d9b4; font-weight:normal; width:30%; }
.table3 td  { background: #fff; }

/* table_s
------------------------------*/
.table_s  {
	width:100%;
	border:#CCC 1px solid;
	border-collapse: collapse; 
	border-spacing: 0;
	margin:0 auto 30px;
	font-size:12px;
}
.table_s th, .table_s td  { padding: 2px 10px; border: 1px solid #ddd; }
.table_s th  { background: #f4f4f4; font-weight:normal; text-align:left;}
.table_s td  { background: #fff; text-align:right;}
.table_ul {
  width: 100%;
	font-size:16px;
	border-collapse: separate;
	border-spacing: 20px;
}

/* table_ul
------------------------------*/
.table_ul th {
	border-bottom: 2px solid #ac872f;
	text-align:left;
}
.table_ul td {
	border-bottom: 2px solid #ac872f;
	padding-bottom:20px;
}
.table_ul th {
  width: 40%;
}

/* table1（レスポンシブ）
------------------------------*/
@media screen and (max-width: 769px) {
	
.table1 {
  border-collapse: collapse;
  width: 100%;
	border-top: 1px solid #666;
}

.table1 th {
  padding: 10px;
  border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #FFF;
	background-color: #87bad4;
  text-align: center;
	color:#FFF;
	font-weight:bold;
  width: 30%;
}
.table1 td {
  padding: 10px;
  border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.table1 {
  border-top: 1px solid #999;
  }

.table1 td {
  display: block;
  text-align: center;
  width: 100%;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		 
  }

.table_ul td {
  display: block;
  width: 100%;
	text-align:left;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding-bottom:20px;
		 
  }
.table1 th {
	display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }

.table_ul th {
	display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#ac872f;
  }
}

/* 768px～（PC用）
---------------------------*/
@media screen and (min-width:768px){


body { padding-bottom:0; }
.spbr { display:none; }
.pcbr { display:block; }

#gnav { display:block; }
#sidenav { display: none; }
#hamicon { display: none; }
#fnav  { display:block; margin-top:100px; }
.ttl_l{ 
font-size:30px;
line-height: 1.5;
}

/* layout
--------------------------*/
#contents {
	width:1050px;
	margin:0 auto;
	padding: 60px 0 40px;
}
.contents_d {
	width:1050px;
	margin:0 auto;
	padding: 60px 0 40px;
}
#main {
	width:100%;
}

/* header
--------------------------*/
#header {
	width:100%;
	text-align:left;
	position:absolute;
	top:10px;
	left:0;
	z-index:+10;
	background: none;
}
#header .in {
	width:1250px;
	margin:0 auto;
	position:relative;
}
#header .logo {
	margin: 20px;
}
#header .h_tel {
	float:left;
}
.icon_set {
	float:right;
}
.h_set {
	position:absolute;
	right: 50px;
	top:50px;

}

#header .icon_set {
	top:10px;
}

	
/* gnav
----------------------*/
#gnav {
	width:650px;
	float:right;
	position:relative;
	display: block;
}
#gnav ul {
	display: flex;
	justify-content:space-around;
	align-items: center;
}
#gnav li {
	height:20px;
	border-right:#999 1px solid;
	padding-right: 15px;
	line-height: 1.5;
}
#gnav a {
	display: inline-block;
}



/* top_contents
----------------------*/
#bx_bg {
	width:100%;	
}
.wcedit_400196767901 #bx_bg,
.wcancedit_400196767901 #bx_bg,
.wcselect_400196767901 #bx_bg,
.wcarea_400196767901 #bx_bg {
	position: static;
	height: inherit !important;
}
#topcont1 {
	/*margin-top:700px;*/
	padding:80px 0 80px;
}
.wcedit_400196767901 #topcont1,
.wcancedit_400196767901 #topcont1,
.wcselect_400196767901 #topcont1,
.wcarea_400196767901 #topcont1 {
	margin-top:0;
}
#topcont1 .ttl {
	margin-bottom:90px;
}
#topcont1 .txt {
	text-align:left;
	line-height: 2.8;
	max-width:1094px;
	margin:0 auto 85px;
}
#topcont2 {
	padding:160px 0 100px;
}
#topcont2 .in,
#topcont3 .in{
	max-width:1260px;
	margin:0 auto;
	text-align:left;
}
#topcont2 .ttl {
	text-align:center;
	margin-bottom: 100px;
}
#topcont2 .txt {
    margin-bottom: 60px;
}
#topcont2 li,
#topcont3 li {
	display: inline-block;
	margin-right:10px;
}
#topcont2 ul li {
	width:30%;
}
#topcont2 li:last-child,
#topcont3 li:last-child {
}
#topcont2 .btn {
	margin-top:160px;
}
#topcont3 {
	padding:180px 0;
}
#topcont3 ul li {
	width:30%;
}
/*footer
------------------------------*/
#footer .in {
	margin-bottom:60px;
	position: relative;
}

#fnav li {
	display:inline-block;
	background:url(../images/fnav_line.png) left no-repeat;
	margin:0 0.5%;
	padding-left:2%;	
}
#fnav li:last-child {
  background-image:
    url(../images/fnav_line.png), 
    url(../images/fnav_line.png);

  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	no-repeat;

  background-position:
	left,
	right;
	padding-right: 2%;
}
#footer .f_logo {
	width: 513px;
}
#fnav {
	width:100%;
	margin:0 auto;
}
.pagetop {
	display:block;
	position:fixed;
	right:10px;
	bottom:0;
}
.pagetop_sp {
	display:none;
}

#copy {
	padding: 60px 0;
	font-size:14px;
}

/* pagettl
----------------------*/
#pagettl_txt,
#pagettl_txt2 {
	top:50%;
	padding-top: 190px;
}
#pagettl_img img {
	display:block;
}
#pagettl_img_sp img {
	display:none;
}

#pagettl {
	position:relative;
	padding-top:200px;

}
#pagettl_img {
    display: block;
}
#pagettl_img img {
    position: relative;
		width:100% !important;
		max-width:1980px;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
#pagettl_txt h2 {
    padding: 6px 0 0px 0px;
    color: #FFF;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.4;
		text-shadow:2px 1px 2px #656565;
}
#pagettl_txt2 h2 {
    padding: 6px 0 0px 0px;
    color: #3e3e3e;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.4;
		text-shadow:2px 1px 2px #656565;
}
.fontsmall h2 {
	font-size:36px !important;
}


/* table
----------------------*/

.table1 {
  border-collapse: collapse;
  width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.table1 th {
  padding: 10px;
  border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #FFF;
}
.table1 td {
  padding: 10px;
  border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.table1 th {
  background-color: #87bad4;
  text-align: center;
	color:#FFF;
  width: 40%;
}

#btns {
	width:400px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}

#btns .bt_submit {
	background:url(../../contact/images/form_submit2.png) no-repeat;
  border: 0 none;
  display: block;
  width: 158px;
  height: 35px;
  float:right;
}
#btns .bt_submit2 {
	background:url(../../contact/images/form_submit.png) no-repeat;
  border: 0 none;
  display: block;
  width: 158px;
  height: 35px;
  float:right;
}
#btns .bt_reset {
	background:url(../../contact/images/form_reset.png) no-repeat;
  border: 0 none;
  display: block;
	width: 158px;
  height: 35px;
	float:left;
}
#btns .bt_modoru {
	background:url(../../contact/images/btn_modoru.png) no-repeat;
  border: 0 none;
  display: block;
  width: 158px;
  height: 35px;
  float:left;
}


/* contents block
--------------------------*/
.basebox {
    margin: 0 auto 60px;
}
.imgphoto_left,
.imgphoto_left2,
.imgphoto_left440 {
	float:left;
}
.imgphoto_right,
.imgphoto_right2 {
	float:right;
}
.txt_right {
	width:600px;
	float:right;
	margin-bottom:10px;
	margin-left:20px;
}
.txt_left {
	width:600px;
	float:left;
	margin-bottom:10px;
}
.txt_left420 {
	width:420px;
	float:left;
	margin-bottom:10px;
}
.txt_right2 {
	width:740px;
	float:right;
	margin-bottom:10px;
}
.txt_left2 {
	width:740px;
	float:left;
	margin-bottom:10px;
}
.txt_right300 {
	width:300px;
	float:right;
	margin-bottom:10px;
}
.img_left {
	float:left;
}
.img_right {
	float:right;
}
.block2 li {
	display: inline-block;
	width:480px;
	margin-right:30px;
	vertical-align:top;
	margin-bottom:10px;
}

.block2 li:last-child,
.svoice li:last-child{
	margin-right:0;
}
.btn2 li {
	display: inline-block;
	width: 372px;
	margin-right: 35px;
	vertical-align:top;
	margin-bottom:10px;
}
.btn2 li:last-child {
	margin-right:0;
}
.block3 li {
	display: inline-block;
	width:320px;
	margin-right: 6px;
	margin-left: 6px;
	vertical-align:top;
	margin-bottom:10px;
	text-align:center;
}
.block3 li:last-child {
	margin-right:0;
}
.block_3item li {
	display: inline-block;
	width:333px;
	vertical-align:top;
	border-top: 1px solid #999;
	text-align: center;
	padding-top: 5px;
}
.block4 li {
	display: inline-block;
	width:240px;
	margin-right:20px;
	vertical-align:top;
}
.block5 li {
	display: inline-block;
	width:200px;
	vertical-align:top;
}
.block4 p,.block5 p { text-align:left; }
.block4 li:last-child,
.block5 li:last-child{
	margin-right:0;
}

.img300 {
	width:300px;
	float:left;
	margin:0 40px;
	text-align:left;
}
.img300 img {
	text-align:center;
}
.arrowbox {
	width:950px;
	margin: 0 auto 40px;
}
.arrow {
	background:url(../images/arrow.gif) no-repeat center;
	width:40px;
	height:300px;
	float:left;
	margin-bottom:40px;
}
.arrow2 {
	width:40px;
	float:left;
	margin-bottom:40px;
}
.txt_righ380 {
	width:380px;
	float:right;
}
.txt_left380 {
	width:380px;
	float:left;
}
.img400 {
    float: left;
    margin: 0 20px;
    text-align: left;
		width:400px;
}
.arrow img {
	width:100%;
	height:auto;
}

/* kaou contents PC 
--------------------------*/
.imgphoto_right .table2 {
	width:460px;
}
.buz_icon {
	float:left;
	width: 28%;
	margin-right: 2%;
}
.buz_r {
	width:70%;
	float:right;
}
.btn_detail {
    width: 70%;
}
.works_menu li {
	display: inline-block;
}
.works {
	width:1050px;
	display: flex;
	flex-wrap: wrap;
}
.worksbox {
	margin-bottom:60px;
}
.works li {
	width:350px;
	margin-right: 0;
	margin-left: 0;
}
.worksimg {
    width: 350px;
    height: 350px;
}
.btn_case {
	display: flex;

	flex-wrap: wrap;
	flex-direction: row;
}
.btn_case li {
	width:30%;
	margin-right: 3%;
}
.com {
	width:80%;
	margin:100px auto 0;
}
.com dt {
	float: left ;
	clear: left ;
	margin-right: 0.5em ;
	width: 30%;
	margin-bottom:10px;
	border-bottom:none;
}

.com dd {
	float: left ;
	margin-left: 1em ;
	width: 60%;
	margin-bottom:10px;
	padding-left: 1.5em ;
	border-left: 2px solid #2cc3a7;
	text-align:left;
}

.photo4col {
	padding:100px 0;
}
.photo4col ul {
	width:90%;
	margin:0 auto;
	max-width:1750px;
	text-align:center;
}
.photo4col ul li {
	display:inline-block;
	width:20%;
	margin:0 1%;
}

.photo4col ul li img {
	width:100%;
	height:auto;
	max-width:400px;
}
/* contactbox
---------------------------*/
.contactbox {
	width:1000px;
	margin:40px auto 40px;
}
.cont_l {
	width:70%;
	float: left;
	text-align: left;
}
.ttl_contact {
	float:left;
	width:312px;
	margin-right: 20px;
}
.contactset {
	padding:20px 40px 0 20px;
}
.contactbox .cont_logo {
	width:80%;
}
	
.contactbox .cont_r	{
	width: 30%;
	float: right;
}
	
	
	
}