@charset "UTF-8";
/*
	Theme Name: hoge

*/

/****************************************
          General Setting
*****************************************/
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

section {
	margin:0;
	padding:0;

}

html {
	margin: 0px auto;
}

body {
	/*font-family:"Noto Sans Japanese", "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;*/
  font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	/*font-weight: 300;*/
	font-size: 14px;
	margin: 0px auto;
	padding: 0px;
	overflow-x: hidden;
	color: #000;
	line-height: 1.8em;
	min-width: 1000px;
}

img {
    border-style:none;
}

@media (max-width: 1000px) {}

.sponly {display: none;}
.sp_mini{
	display: none;
}

/*201018_杉浦_ハンバーガーメニュー_ここから*/

.ham_menu{
	display: none;
}
.pcbr { display: block; }

/*201018_杉浦_ハンバーガーメニュー_ここまで*/

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

          Typography

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

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

.midashi10 {
	background: url(/newhp/images/title_bg.png) repeat-x;
	width:100%;
	height: 68px;
	line-height: 67px;
	text-align: center;
	font-size:28px;
	margin:0;
	padding: 0;
	color:#fff;
	box-sizing:border-box;

}


/****************************************
          List

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

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}


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

          Link

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

a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #0f529a;
}

img {
	max-width: 100%;
}

p {
margin-top: 0px;
}
/****************************************

          Layout

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

.siteWidth {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}

/*201016_杉浦*/
.siteWidth_gnavi {
	width:1200px;
	height: 100%;
	position:static;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}


.slide2Width {
	width:1290px;
	margin-left: auto;
	margin-right: auto;
}
/*@media (min-width: 480px) and (max-width: 680px) {*/
@media (max-width: 1340px) {
	.slide2Width {width: calc(100% - 60px);}
}
/* @media (max-width: 1000px) {
	.siteWidth {width: 100%;}
} */

/* ヘッダー */
#header {
	background:#F9F8F4;
	z-index: 9999;
	position: sticky;
	top: 0;
	/* height: 113px; */
}

#header h1 {
	float:left;
	width:390px;
	margin: 0 0 3px;
	font-size:12px;
	color:#333;
}

#header #headerSNS {
	/* float:right; */
	/* width:591px; */
	width: 13%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 0 4px;
	/* text-align: right; */
	box-sizing:border-box;
}

#header #headerSNS img {
	width:34px;
	height:34px;
}

#header #logo {
	clear: both;
	/* float: left; */
	display: block;
	width:380px;
	/* margin-top: 7px; */

}

#header #headerLinks {
	text-align: right;
	float:right;
	width:610px;
	margin-top:17px;
	/* margin-bottom: 30px; */
}

#header #headerSNS li ,
#header #headerLinks li {
	display: inline-block;
}

#header #headerLinks .tel .pconly{
	max-width: 100%;
	margin-right: 5px;
}
/* 200422追加 */
#header .siteWidth{
	display: flex;
}
#header > .siteWidth{
	width: 1200px;
	justify-content: space-around;
}
.header-left{
	padding-top: 10px;
}

#header #logo img{
	width: 100%;
}
#header #headerLinks .tel{
	width: 215px;
	margin-right: 21px;
	vertical-align: text-top;
}
#headerLinks .toi .header-web-reception{
	margin-bottom: 0;
	font-size: 14px;
	color: #20ab84;
	font-weight: 700;
	text-align: center;
}
#headerLinks .toi a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 183px;
	height: 45px;
	position: relative;
	font-size: 18px;
	color: #FFF;
	font-weight: 700;
	background-color: #20ab84;
	border-radius: 6px;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
#headerLinks .toi a::before{
	content: "";
    display: inline-block;
    width: 25px;
    height: 21px;
    position: relative;
    top: -1px;
	left: -4px;
	background: url(/newhp/images/sidebar_contact_icon.png) no-repeat center / contain;
}
#headerLinks .toi a:hover{
	background-color: rgba(32, 171, 132, 0.6);
}
#headerLinks .header-form-box{
	width: 130px;
	height: 100%;
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
#headerLinks .header-form-box a{
	width: 100%;
	display: block;
	padding: 2px 0;
	font-size: 15px;
	font-weight: 700;
	color: #20ab84;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #20ab84;
	border-radius: 6px;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
#headerLinks .header-form-box a:first-of-type{
	margin: 4px 0 3px;
}
#headerLinks .header-form-box a:hover{
	color: #FFF;
	background-color: #20ab84;
}
/* 200422 ここまで */

#header #headerSNS li {
	height:20px;
	width: 50%;
	margin-right: 10px;
	line-height: 1;
	vertical-align: top;
}

#header #headerSNS li:nth-child(6),
#header #headerSNS li:nth-child(1),
#header #headerSNS li:nth-child(2),
#header #headerSNS li:nth-child(3),
#header #headerSNS li:nth-child(4),
#header #headerSNS li:nth-child(5) {
	margin-right: 0;
	padding-left: 20px;
	background: url(/newhp/images/top_yaji.png) no-repeat 9px center / 8px;
	padding-top: 3px;
	box-sizing:border-box;
}
/* #header #headerSNS li:nth-child(1){
	background-position-x: 11px;
} */
/* #header #headerSNS li:nth-child(5) {
	margin-right: 10px;
} */

#header #headerLinks li {
	margin:0 14px 0 0;
	padding:0;
    vertical-align: middle;
}
#header #headerLinks li:last-child {
	margin-right: 0;
}

/* グローバルナビ */
#gNavi {
	height:51px;
	/*overflow: hidden;*/
	position: relative;
}

#gNavi { border-bottom: 1px solid #bdc8d3; }

#gNavi ul {
	/*background: url(/newhp/images/manu_off.png) no-repeat;*/
	text-align: center;
}
#gNavi ul li {
    /* float: left; */
	/* height: 63px; */
	height:51px;
    padding: 0 6px;
    display: inline-block;
	box-sizing: border-box;
}

/*#gNavi ul li#gn01 {width: 110px;}
#gNavi ul li#gn02 {width: 160px;}
#gNavi ul li#gn03 {width: 130px;}
#gNavi ul li#gn04 {width: 140px;}
#gNavi ul li#gn05 {width: 200px;}
#gNavi ul li#gn06 {width: 140px;}
#gNavi ul li#gn07 {width: 120px;}*/


#gNavi ul li a {
    display: block;
    text-align: center;
	/* height: 57px; */
	height:51px;
    position: relative;
    padding: 0 9px 6px 9px;
    overflow: hidden;
    line-height: 57px;
    font-size: 17px;
    font-weight: bold;
    color: #1c3a63;
}

#gNavi ul li a:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 6px;
    background: #192f54;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0,6px);
    transform: translate(0,6px);
}

/*201016_杉浦*/
.icon_01:after {
    content: "";
    font-family: "Font Awesome 5 Free";
  	content: '\f0da';
  	font-weight: 900;
    position: absolute;
    left: 0;
    top: 16px;
}

fas fa-caret-right

#gNavi ul li a:hover:before,#gNavi ul li.on a:before {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
@keyframes fade-in{
	0%{
		display: none;
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fade-out{
	0%{
		display: block;
		opacity: 1;
	}
	1%{
		opacity: 0;
	}
	100%{
		display: none;
		opacity: 0;
	}
}

/* グローバルナビ：コンテンツ部分 */
#header nav > .siteWidth{
	height: 100%;
}

#gNavi .gNavi-list{
	height: 100%;
}
#gNavi .gNavi-list > li {
	height: 100%;
}
#gNavi .gNavi-list > li > a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding-bottom: 0;
	line-height: 1;
}

/* ドロップダウンメニュー */
#gNavi li.tgl ul {
    position: absolute;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 0 20px;
    background: #102953;
	z-index: 9999;
	display: none;
}
#gNavi li.tgl.open ul {
    top: 100%;
    visibility: visible;
}
#gNavi li.tgl ul div {
	max-width: 1000px;
    width: 90%;
	margin: 0 auto;
}
#gNavi li.tgl ul div > li {
    float: left;
    width: 23.5%;
	margin: 0 2% 20px 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	text-align: left;
}
#gNavi li.tgl ul div > li:nth-child(4n) {
	margin: 0 0 20px 0;
}
#gNavi li.tgl ul div > li:after,
#gNavi li.tgl ul div > li a:before,
#gNavi li.tgl ul div > li a:hover:after,
#gNavi ul li.open ul li a:after{
	content: none;
}
#gNavi li.tgl ul div > li a {
	display: block;
	background: #fff;
	color: #333333;
	height: auto;
	border-radius: 5px;
	padding: 0 0 0 27px;
	margin: 0;
	position: relative;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
}
#gNavi ul li.open ul li a:hover {
	color: #cc0033;
}
#gNavi li.tgl ul div > li a:hover {
	opacity: 1;
}
#gNavi li.tgl ul div > li a:after,
#gNavi li.tgl ul div > li a:before {
  display: block;
  content: "";
  position: absolute;
}
#gNavi li.tgl ul div > li a:after {
    top: 50%;
    left: 5px;
    margin: -10px 0 0 0;
    width: 18px;
    height: 18px;
    background-color: #102953;
    border-radius: 100%;
}
#gNavi li.tgl ul div > li a:before {
    z-index: 2;
    top: 50%;
    left: 9px;
    width: 5px;
    height: 5px;
    margin: -5px 0 0 0px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg)!important;
    transform: rotate(-45deg)!important;
	background: none;
}
#gNavi li.tgl ul div > li a:hover:before {
    border-right: 2px solid #b11a29;
    border-bottom: 2px solid #b11a29;
}
#gNavi li ul div > li a.gnavi-2line{
	height: 91%;
	padding-top: 7px;
	line-height: 1.5;
	box-sizing: border-box;
}

/* フッター */
footer {
	padding-bottom: 0px;
}

footer .footerwrap {
	background: #f9f8f4;
	padding: 10px 0px 30px;
}

footer .footerwrap02 {
	background: #eee;
	padding: 10px 0px 0px;
}


#footer_links {
	padding-top: 30px;
	font-size: 13px;
}
#footer_links > ul {
	float: left;

}
/*
#footer_links .link1 {width: 208px;}
#footer_links .link2 {width: 181px;}
#footer_links .link3 {width: 130px;}
#footer_links .link4 {width: 126px;}
#footer_links .link5 {width: 176px;}
#footer_links .link6 {width: 132px;}
*/
#footer_links .link1 ,
#footer_links .link2 ,
#footer_links .link3 ,
#footer_links .link4 ,
#footer_links .link5 {width: 20%;}

#footer_links > ul > li > a{
	line-height: 1.5em;
	background: url(/newhp/images/arrow02.png) no-repeat left center;
	padding: 5px 5px 5px 15px;

}

#footer_links > ul > li.child ,
#footer_links > ul > li li {
	background: none;
}
.footer_services{
	width: 100%;
	margin-right: 0;
}

#footer_info {
	padding-top: 30px;
	clear: both;

}

#footer_info .box1 {float:left;width:300px;}
#footer_info .box2 {float:left;width:471px;}
#footer_info .box3 {float:right;width:224px;}

#footer_info .box2 {
	padding-left:10px;
	box-sizing:border-box;
}

#footer_info .box2 h4 {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size:20px;
}
.footservice .indent-footer{
	margin-left: 1em;
}

/* #footer_fixed {
	position: fixed;
	left:0;
	bottom: 0;
	width: 100%;
	height: 55px;
	background: #85ADD6;
	z-index: 9999;
} */
#footer_fixed {
	display: none;
    flex-direction: column;
	position: fixed;
	left:0;
	bottom: 0;
	width: 100%;
	height: 56px;
	/* color: #FFF;
	background: #ce1919; */
	z-index: 9999;
}

/* #footer_fixed .siteWidth {
	position: relative;
} */
#footer_fixed .siteWidth {
	height: 100%;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	position: relative;
}
#footer_fixed .siteWidth_sp {
	display: none;
}

.footer_logo {
	display: inline-block;
	margin: 20px 0 0 0 ;

}

.footer_soundproof_copy{
	position: relative;
	margin-left: 50px;
	margin-bottom: 0;
	font-size: 22px;
	letter-spacing: 0.04em;
}
.footer_soundproof_copy::before{
	content: "";
	display: inline-block;
	width: 45px;
	height: 40px;
	position: absolute;
	top: -8px;
    left: -50px;
	background: url(/newhp/images/footer_movie_icon.png) no-repeat center / contain;
}
/* .footer_soundproof_copy span{
	letter-spacing: -9px;
} */
#ft_top {
	position: absolute;
	display: block;
	width: 40px;
	height: 39px;
	right:0;
	top:8px;
	border: 1px solid #000;
	text-align: center;
	background: #fff;
}

#ft_top img { margin-top: 10px; }

#ft_toi {
	position: absolute;
	display: block;
	width: 158px;
	height: 42px;
	right:48px;
	top:8px;
}
/* #ft_bouon {
	position: absolute;
	display: block;
	width: 158px;
	height: 42px;
	right:212px;
	top:8px;
} */
#ft_bouon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 215px;
	height: 36px;
	margin-left: 10px;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #FFF;
	border-radius: 25px;
	border: 2px solid #FFF;
	box-sizing: border-box;
}
#ft_bouon:hover{
	color: #ce1919;
	background-color: #FFF;
}
#ft_sassi {
	position: absolute;
	display: block;
	width: 158px;
	height: 42px;
	right:378px;
	top:8px;
}

#ft_top span,
#ft_sassi span,
/* #ft_bouon span, */
#ft_toi span {
	display: none;
}


#copyright {
	margin-top:15px;
	border-top:1px #333 solid;
	display: block;
	text-align: center;
	padding: 10px 0 10px;
}

/* 200421追加 サイドバー */
#sidebar{
	position: fixed;
	top: calc((98vh - 76px - 406px) / 2);
	right: -38px;
	z-index: 9990;
	transition: right 300ms linear 0s;
}
#sidebar.sidebar-hide{
	right: -120px;
}
#sidebar a{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 95px;
	height: 400px;
	padding-left: 18px;
	position: relative;
	right: 0;
	font-size: 19px;
	font-weight: 700;
	border: 3px solid #7d7d7d;
	border-radius: 20px 0 0 20px;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	box-sizing: border-box;
	transition: all 0.2s ease 0s;
}
#sidebar a:hover{
	right: 6px;
}
a#side_toi{
	color: #FFF;
	background: #20ab84;
	border-color: #20ab84;
}
a#side_toi:hover{
	background: #4cbb9b;
	border-color: #4cbb9b;
}
/* a#side_bouon{
	height: 254px;
	color: #20ab84;
	background: #FFF;
	transform: translateY(1vh);
} */
a#side_toi::before/*,
a#side_bouon::before*/{
	content: "";
	display: inline-block;
	width: 28px;
	height: 29px;
	position: relative;
	top: -5px;
	left: -2px;
}


a#side_toi::before{
	background: url(/newhp/images/sidebar_contact_icon.png) no-repeat center / contain;
}
/* a#side_bouon::before{
	background: url(/newhp/images/sidebar_trial_icon.png) no-repeat center / contain;
} */
a#side_top{
	width: 100px;
	height: 70px;
	transform: translateY(2vh);
	background:  #fff url(/newhp/images/footer_top.png) no-repeat center left 18px / 30px;
}


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

          Breadcrumb

*****************************************/
.breadcrumbs {
	margin-left: 0px;
	margin-bottom: 5px;
	color: #ddd;
	padding: 0px 10px;
	font-size: 12px;
	background: #fff;
}
.breadcrumbs a {
  color: #aaa;
}
/****************************************

          Top slider

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

.slide_all {overflow: hidden; width: 100%; height: auto;}

.slide_wrap {
	width: 3840px;
	left: 50%;
	margin-left: -1920px;
	position: relative;
}
.bx-viewport {
	overflow: visible!important;
	width: 1280px!important;
}

.bx-wrapper .bx-viewport {
	border:  0px solid #fff;
	left: 0px;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}


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

          top page

*****************************************/
.home .sec01 {
	margin-top:20px;
	background: #fff;
	padding-bottom: 50px;
}

.home .sec01 ul {
	padding: 0 0 0 0 ;
	display: flex;
	flex-wrap: wrap;
}

.home .sec01 ul li {
	position: relative;
	float: left;
	width:222px;
	height:310px;
	/* margin-right: 24px; */
	margin-right: 10px;
	margin-bottom: 24px;
	border:1px #D8D8D8 solid;
	box-shadow: 1px 1px 1px#eee;
}

.home .sec01 ul li:nth-child(3n) {
	margin-right: 0;
}

.home .sec01 ul .top-about-contents-link::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.service_img_wrap{
	width: 100%;
	overflow: hidden;
}
.home .sec01 a img {
	display: block;
	margin:0;
	padding:0;
	transform: scale(1);
	transition: all 300ms ease 0s;
}

.home .sec01 a:hover img{
	opacity: 0.7;
	transform: scale(1.05);
}

.home .sec01 ul li h3 {
	background: #192F54;
	text-align: center;
	color:#fff;
	margin:0;
	padding: 4px 0;
	font-size:16px;
}

.home .sec01 ul li  p {
	padding: 5px 0;
	margin: 0 10px;
	font-size:13px;
	line-height: 1.4;
	border-bottom: 1px #ccc solid;
	min-height: 5.5em;
}

.home .sec01 ul li .more {
	display: block;
	text-align: right;
	font-size:12px;
	color: #192f54;
	font-weight: 400;
	background: url("/newhp/images/more-yaji.png") no-repeat right center;
	background-size: 10px;
	padding-right: 18px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.home .sec01 .to_list {
	display: block;
	width:218px;
	margin:30px auto 20px auto;
}

.home .sec02 {
	padding: 50px 0 50px 0 ;
	background: #192F54;
	color:#fff;

}
.home .sec02 h2 {
	width:200px;
	text-align: center;
	padding-bottom: 15px;

	border-bottom: 4px #fff solid;
	margin:0 auto 0 auto ;
	font-size: 30px;
}
/* umeda */
.home .sec02 .lp_h2 {
	width:200px;
	text-align: center;
	padding-bottom: 15px;

	border-bottom: 4px #fff solid;
	margin:0 auto 0 auto ;
	font-size: 30px;
}
.home .sec02 .to_list {
	display: block;
	width:173px;
	margin:30px auto 10px auto;
}

.home .sec02 .slide2 {

	margin:20px  auto;
}
.home .sec02 .slide2 li.items {
	width:302px ;
	padding: 10px;
	text-align: center;
}

.home .sec02 .slide2 li.items p {
	text-align: center;
}

.home .sec02 .slide2 li.items p span {
	display: inline-block;
	background: #fff;
	color: #192F54;
	font-size: 14px;
	padding: 1px 6px;
	border-radius: 5px;
	margin: 18px 3px 0px;
	font-weight: 500;
}

.home .sec02 .slide2 li.items img {
	width:300px;
}

.home .sec02 .slide2 li.items h3 {
	font-size: 14px;
	padding: 1px 6px;
	border-radius: 5px;
	margin: 8px 3px 0px;
}
.home .sec02 .slide2 li.items a img {
	width: 300px;
	height: 200px;
	object-fit: contain;
	font-family: 'object-fit: contain';
}
.home .sec02 .slide2 li.items h3 a {color: #fff;}

.home .sec03 {
	background: #F9F8F4;
	padding:80px 0;
}
.home .sec03 h2 {
	width:480px;
	text-align: center;
	border-bottom: 4px #192F54 solid;
	color: #192F54;
	padding-bottom: 15px;
	margin:0 auto 50px auto ;
	font-size: 30px;


}

.home .sec03 .box1 {
	float: left;
	width: 610px;
}

.home .sec03 .box2 {
	float: right;
	width: 365px;
}

.home .sec03 .box2 p {
	font-size: 20px;
	font-weight: 500;

}
.home .sec03 .box2 p .lightblue {
	color:#277FA7;
}

.home .sec03 .box2 .to_more {
	display: block;
	width: 173px;
	margin: 0 auto ;

}
@media (max-width: 1000px) {
	.home .sec03 .box1 {float: none;width: 94%;margin: 0 auto 10px auto;text-align: center;}
	.home .sec03 .box2 {float: none;width: 94%;margin: 0 auto 20px auto;}
	.home .sec03 .box2 p {font-size: 20px;font-weight: 500;text-align: center;}
	.home .sec03 .box2 .to_more {display: block;width: 173px;margin: 0 auto;}
}

.home .sec04 {
	padding: 50px 0 ;
	background: url(/newhp/images/newsblog_bg.png) no-repeat center top;
}

.home .sec04 h2 {
	margin: 0;
	padding:0;
	height: 49px;
}

.home .sec04 h2 img {
	margin: 0;
	padding: 0;
	line-height: 1.8 !important;
}

.home .sec04 .box1 {
	float: left;
	width: 610px;
}

.home .sec04 .box2 {
	float: right;
	width: 365px;
	width: 350px;
	text-align: center;
	margin-top: 49px;
}

.home .sec04 .blog ,
.home .sec04 .news {
	border:2px #BC9F69 solid;
	margin-bottom: 50px;
	background: #fff;
}

.home .sec04 .blog {border-color:#102347;}

.home .sec04 .news li {
	border-bottom: 1px #999 dotted;
}
.home .sec04 .news a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 15px 10px 15px 20px;
	box-sizing: border-box;
}

.home .sec04 .blog li:last-child ,
.home .sec04 .news li:last-child {
	border-bottom: 0px #999 dotted;
}

.home .sec04 .news li .date {
	font-size: 13px;
	display: inline-block;
	color:#192F54;
	padding-right: 15px;
	font-weight: 600;
}


.home .sec04 .blog li {
	border-bottom: 1px #999 dotted;
}
.home .sec04 .blog a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 8px 10px 8px 20px;
	box-sizing: border-box;
}

.home .sec04 .blog li span.img {
	display: inline-block;
	width: 68px;
	height: 68px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
}

.home .sec04 .blog li span.img img {
    height: 100%;
    max-width: none;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home .sec04 .blog li .date {
	font-size: 13px;
	display: block;
	color:#192F54;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	font-weight: 600;
}

.home .sec04 .box2 .fb_wrap {
	padding: 0 5px 20px;
	box-sizing:boder-box;
}

.social_link {
	margin-top: 50px;
	margin-bottom: 50px;
	border-top: 1px #999 solid;
	text-align: center;
}
/* umeda 20210428 */
.social_link_mn {
	margin-top: 100px;
	margin-bottom: 50px;
	border-top: 1px #999 solid;
	text-align: center;
}

@media (max-width: 1000px) {
	.home .sec04 .box1 {width: calc(100% - 360px);}
}

.social_link ul {
	margin-top: -24px;
}
.social_link li {
	display: inline-block;
	padding: 0 25px;
	background: #fff;
}
/* umeda 20210428 */
.social_link_mn ul {
	margin-top: -24px;
}
/* umeda 20210428 */
.social_link_mn li {
	display: inline-block;
	padding: 0 25px;
	background: #eeeeee;
}

.home .sec05 {
	background: url(/newhp/images/bn_bouon_bg.png) no-repeat center top;
	height: 380px;
	text-align: center;
	color:#fff;
	padding-top: 70px;
	box-sizing:border-box;
}

.home .sec05 h2 {
	margin: 0;
	padding: 0;
	font-size:40px;
}

.home .sec05 h3 {
	margin: 35px 0 50px;
	padding: 0;
	font-size:25px;
}

.home .sec05 .to_more {
	display: block;
	width:300px;
	margin: 0px auto 0;
	padding: 7px 15px;
	font-size:18px;
	border:1px #fff solid;
}
.home .sec05 .to_more:link,
.home .sec05 .to_more:visited{
	color:#fff;
}

.home .sec06 {
	background: #F9F8F4;
	padding:80px 0;
}
.home .sec06 h2 {
	width:680px;
	text-align: center;
	border-bottom: 4px #192F54 solid;
	color: #192F54;
	padding-bottom: 15px;
	margin:0 auto 50px auto ;
	font-size: 30px;


}

.home .sec06 .box1 {
	float: left;
	width: 610px;
}

.home .sec06 .box2 {
	float: right;
	width: 365px;
}

.home .sec06 .box2 p {
	font-size: 20px;
	font-weight: 500;

}
.home .sec06 .box2 p .lightblue {
	color:#277FA7;
}

.home .sec06 .box2 .to_more {
	display: block;
	width: 173px;
	margin: 0 auto ;

}
@media (max-width: 1000px) {
	.home .sec06 .box1 {float: none;width: 94%;margin: 0 auto 10px auto;text-align: center;}
	.home .sec06 .box2 {float: none;width: 94%;margin: 0 auto 20px auto;}
	.home .sec06 .box2 p {font-size: 20px;font-weight: 500;text-align: center;}
	.home .sec06 .box2 .to_more {display: block;width: 173px;margin: 0 auto;}
}

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

          Main

*****************************************/
#prevANDnext {
	clear: both;
	padding: 30px 0 5px;
	margin: 10px 0 ;
	border-bottom:2px #aaa dotted;
}

#prevANDnext .prev {
	display: block;
	float: left;
	margin-top: 10px;
	width:49.5%;
	font-size: 13px;
	/*border-right:1px #999 solid;*/
}
#prevANDnext .next {
	display: block;
	float: right;
	margin-top: 10px;
	font-size: 13px;
	width:49.5%;
	text-align: right;
	/*border-left:1px #999 solid;*/
}


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

          Form

*****************************************/
/* umeda 20210507 全て#mailForm form扱いとする */
#mailForm { font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; }
#mailForm form input[type="text"],
#mailForm form input[type="password"],
#mailForm form input[type="email"],
#mailForm form input[type="tel"],
#mailForm form input[type="search"] {
	width: 250px;
}

/* 20210506 umeda */
.pc_input{
	display:inline-flex;
}
/* searchform用 */
.pc_input input[type="text"]{
	height: 40px;	
	width: 65%;
	font-size:100%;
	background-color: #eeeeee;
	border: 3px #eeeeee;
	outline:0 !important;/*クリック時の青い枠線消す*/
}

.search_container{
   height: 50px;
   padding-left: 10px;
  outline: none;	
}
/* searchform用 */
input#searchsubmit{
   top: 0;
    right: 0;
    height: 40px;
    padding: 8px 15px;
    background: #7fbfff; /* ボタンの色 */
    color: #fff; /* 文字の色 */
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 0 2px 2px 0;
}
input#searchsubmit:hover{
	color:#666;
}

@media screen and (max-width: 767px){
	.search_cont{
		font-size: 0.8em;	

	}	
}
@media screen and (min-width: 768px){
	.search_cont{
		padding-left:30px;
	}
	/* 20210604 umeda pconly */
	.customer_movie{
		float: left;
	}	
}

/* kokomade */

#mailForm form input[name="other"] {
	width: 90%;
}
#mailForm form input[type="text"],
#mailForm form input[type="password"],
#mailForm form input[type="email"],
#mailForm form input[type="tel"],
#mailForm form input[type="search"],
#mailForm form textarea {
/*	font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック"; */
	margin: 0;
	padding: 2px 4px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	margin-bottom: 2px;
}

#mailForm form textarea { width: 90%; height: 4em;  }

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

#mailForm form textarea {
font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;	
	overflow: auto;
}

#mailForm form input[type="text"]:focus,
#mailForm form input[type="password"]:focus,
#mailForm form input[type="email"]:focus,
#mailForm form input[type="search"]:focus,
#mailForm form textarea:focus {
	border: 1px solid #ff69b4;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}

/* text-align,float */
.tar {text-align: right;}
.tal {text-align: left;}
.tac {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}

/* umeda float */
.jcc {
	justify-content:center;
}
/* width */
.pc_w_10per {width: 10%;}
.pc_w_20per {width: 20%;}
.pc_w_30per {width: 30%;}
.pc_w_40per {width: 40%;}
.pc_w_50per {width: 50%;}
.pc_w_60per {width: 60%;}
.pc_w_70per {width: 70%;}
.pc_w_80per {width: 80%;}
.pc_w_90per {width: 90%;}
.pc_w_100per {width: 100%;}

.w1{width:1px;}.w2{width:2px;}.w3{width:3px;}.w4{width:4px;}.w5{width:5px;}.w6{width:6px;}.w7{width:7px;}.w8{width:8px;}.w9{width:9px;}.w10{width:10px;}.w11{width:11px;}.w12{width:12px;}.w13{width:13px;}.w14{width:14px;}.w15{width:15px;}.w16{width:16px;}.w17{width:17px;}.w18{width:18px;}.w19{width:19px;}.w20{width:20px;}.w21{width:21px;}.w22{width:22px;}.w23{width:23px;}.w24{width:24px;}.w25{width:25px;}.w26{width:26px;}.w27{width:27px;}.w28{width:28px;}.w29{width:29px;}.w30{width:30px;}.w31{width:31px;}.w32{width:32px;}.w33{width:33px;}.w34{width:34px;}.w35{width:35px;}.w36{width:36px;}.w37{width:37px;}.w38{width:38px;}.w39{width:39px;}.w40{width:40px;}.w41{width:41px;}.w42{width:42px;}.w43{width:43px;}.w44{width:44px;}.w45{width:45px;}.w46{width:46px;}.w47{width:47px;}.w48{width:48px;}.w49{width:49px;}.w50{width:50px;}.w51{width:51px;}.w52{width:52px;}.w53{width:53px;}.w54{width:54px;}.w55{width:55px;}.w56{width:56px;}.w57{width:57px;}.w58{width:58px;}.w59{width:59px;}.w60{width:60px;}.w61{width:61px;}.w62{width:62px;}.w63{width:63px;}.w64{width:64px;}.w65{width:65px;}.w66{width:66px;}.w67{width:67px;}.w68{width:68px;}.w69{width:69px;}.w70{width:70px;}.w71{width:71px;}.w72{width:72px;}.w73{width:73px;}.w74{width:74px;}.w75{width:75px;}.w76{width:76px;}.w77{width:77px;}.w78{width:78px;}.w79{width:79px;}.w80{width:80px;}.w81{width:81px;}.w82{width:82px;}.w83{width:83px;}.w84{width:84px;}.w85{width:85px;}.w86{width:86px;}.w87{width:87px;}.w88{width:88px;}.w89{width:89px;}.w90{width:90px;}.w91{width:91px;}.w92{width:92px;}.w93{width:93px;}.w94{width:94px;}.w95{width:95px;}.w96{width:96px;}.w97{width:97px;}.w98{width:98px;}.w99{width:99px;}.w100{width:100px;}.w105{width:105px;}.w110{width:110px;}.w115{width:115px;}.w120{width:120px;}.w125{width:125px;}.w130{width:130px;}.w135{width:135px;}.w140{width:140px;}.w145{width:145px;}.w150{width:150px;}.w155{width:155px;}.w160{width:160px;}.w165{width:165px;}.w170{width:170px;}.w175{width:175px;}.w180{width:180px;}.w185{width:185px;}.w190{width:190px;}.w195{width:195px;}.w200{width:200px;}.w205{width:205px;}.w210{width:210px;}.w215{width:215px;}.w220{width:220px;}.w225{width:225px;}.w230{width:230px;}.w235{width:235px;}.w240{width:240px;}.w245{width:245px;}.w250{width:250px;}.w255{width:255px;}.w260{width:260px;}.w265{width:265px;}.w270{width:270px;}.w275{width:275px;}.w280{width:280px;}.w285{width:285px;}.w290{width:290px;}.w295{width:295px;}.w300{width:300px;}.w305{width:305px;}.w310{width:310px;}.w315{width:315px;}.w320{width:320px;}.w325{width:325px;}.w330{width:330px;}.w335{width:335px;}.w340{width:340px;}.w345{width:345px;}.w350{width:350px;}.w355{width:355px;}.w360{width:360px;}.w365{width:365px;}.w370{width:370px;}.w375{width:375px;}.w380{width:380px;}.w385{width:385px;}.w390{width:390px;}.w395{width:395px;}.w400{width:400px;}.w405{width:405px;}.w410{width:410px;}.w415{width:415px;}.w420{width:420px;}.w425{width:425px;}.w430{width:430px;}.w435{width:435px;}.w440{width:440px;}.w445{width:445px;}.w450{width:450px;}.w455{width:455px;}.w460{width:460px;}.w465{width:465px;}.w470{width:470px;}.w475{width:475px;}.w480{width:480px;}.w485{width:485px;}.w490{width:490px;}.w495{width:495px;}.w500{width:500px;}


.f9 {font-size: 9px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}

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

          Clearfix

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

#header::after{
	clear: both;
	display: block;
	content: "";
}

#container {
/*	background: #f8f8fb; */
}

.breadcrumbs:after,
#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}


/* font-size */
.font10,.f10 { font-size: 10px; }
.font12,.f12 { font-size: 12px; }
.font14,.f14 { font-size: 14px; }
.font16,.f16 { font-size: 16px; }
.font18,.f18 { font-size: 18px; }
.font20,.f20 { font-size: 20px; }
.font24,.f24 { font-size: 24px; }
.font28,.f28 { font-size: 28px; }
.font36,.f36 { font-size: 36px; }

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

          margin

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

.mt0 { 	margin-top: 0px; }
.mt5 { 	margin-top: 5px; }
.mr5 { margin-right: 5px; }
.ml5 { 	margin-left: 5px; }
.mb5 { margin-bottom: 5px; }
.mt10 { 	margin-top: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { 	margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { 	margin-top: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { 	margin-left: 20px; }
.mb20 { margin-bottom: 20px; }
.mt30 { 	margin-top: 30px; }
.mr30 { margin-right: 30px; }
.ml30 { 	margin-left: 30px; }
.mb30 { margin-bottom: 30px; }
.mb25 { margin-bottom: 25px; }
.mt40 { 	margin-top: 40px; }
.mr40 { margin-right: 40px; }
.ml40 { 	margin-left: 40px; }
.mb40 { margin-bottom: 40px; }
.mt50 { 	margin-top: 50px; }
.mr50 { margin-right: 50px; }
.ml50 { 	margin-left: 50px; }
.mb50 { margin-bottom: 50px; }
.mt60 {   margin-top: 60px; }
.mr60 { margin-right: 60px; }
.ml60 {   margin-left: 60px; }
.mb60 { margin-bottom: 60px; }
.mt70 {   margin-top: 70px; }
.mr70 { margin-right: 70px; }
.ml70 {   margin-left: 70px; }
.mb70 { margin-bottom: 70px; }


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

          padding

*****************************************/
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }
.pb10 { padding-bottom: 10px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pl20 { padding-left: 20px; }
.pb20 { padding-bottom: 20px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pl30 { padding-left: 30px; }
.pb30 { padding-bottom: 30px; }
.pt40 { padding-top: 40px; }
.pr40 { padding-right: 40px; }
.pl40 { padding-left: 40px; }
.pb40 { padding-bottom: 40px; }
.pt50 { padding-top: 50px; }
.pr50 { padding-right: 50px; }
.pl50 { padding-left: 50px; }
.pb50 { padding-bottom: 50px; }

.slick-dots { bottom: -40px !important; }
.slick-dots li button:before { content: "■" !important; font-size: 20px!important; }

#mainContent h1 {
    font-size: 26px;
    text-align: center;
    padding: 7px 0;
    color: #192F54;
	font-weight: 500;
	line-height: 1.3em;
}

/* 見出しの設定 */
.midashi12 {
    color: #192F54;
    padding: 22px 0px 10px 5px;
    font-size: 24px;
    border-bottom: solid 3px #192f54;
    font-weight: bold;
}
.midashi12_nomat {
    color: #192F54;
    padding: 0px 0px 10px 5px;
    font-size: 24px;
    border-bottom: solid 3px #192f54;
    font-weight: bold;
}
.midashi13 {
	color:#192F54;
    padding: 22px 0px 10px 5px;
	font-size: 20px;
	border-bottom: 2px dashed #192F54;
}

.midashi14 {
	color:#192F54;
    padding: 22px 0px 5px 5px;
	margin-bottom: 15px;
	font-size: 15px;
	border-bottom: 1px dotted #192F54;

}

.midashi15 {
	color:#000;
    padding: 15px 20px;
	margin-bottom: 15px;
	margin-top: 35px;
	font-size: 18px;
	background: #B5B5B5;
}

.kizi {
	padding: 0px 0px 50px;
}

.blogkizi {
	font-size: medium;
}


.single-works table.works_info {
	margin:10px 0;
	border-collapse: collapse;

}
.single-works table.works_info th {
	background:#eee;
	padding:3px 10px;
	width:5em;
	border:1px #999 solid;

}

.single-works table.works_info td {
	background:#fff;
	padding:3px 10px;
	width:auto;
	border:1px #999 solid;

}

.single-works .parts {}
.single-works .parts li {
	float:left;
	width:150px;
	height: 150px;
	margin: 0 10px 10px 0;
}

.contactform {
	margin: 0px 0px 5px 0px;
	border: solid 0px #c99269;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.5em;
	width: 100%;
}

.contactform p { padding: 0px; margin-bottom: 2px; }

.contactform th { border: solid 1px #dddddd; background:#f6f6f6; text-align: left; padding:3px 10px; font-weight: 600; width: 16em;}
.contactform td { border: solid 1px #dddddd; padding:3px 10px;}
.contactform .mokuteki .wpcf7-checkbox .wpcf7-list-item {
	/* width: 200px; */
}
.contactform .kikake .wpcf7-checkbox .wpcf7-list-item {  /* width: 330px; */ }
.contactform .spr { color: #fff; display: inline-block; background: #ee0000; padding: 1px 5px; float: right;}
.contactform .spw { width: 8em; display: inline-block; }

.btn {
	background:#999;
	transition:all 0.3s;
	margin: 0px auto 0px;
	color:#fff;
	font-size: 20px;
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #aaa;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #ddd;
}

.btn:hover,
.btnreset:hover {
	box-shadow: 2px 2px 2px #555;
}

.btnreset {
	background:#888;
	transition:all 0.3s;
	margin: 0px 10px 0px;
	color:#fff;
	font-size: 20px;
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #aaa;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #ddd;
	
}

.btnreset.wpcf7c-conf { display: none; }
.aligncenter { text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }

.kizi a { text-decoration: underline; }

.gaiyoulist { width: 100%; }
.gaiyoulist tr {
	vertical-align: top;
}
.gaiyoulist td { width: 30%; padding: 10px 1.5%; border: 1px solid #ddd; }
.gaiyoulist td img { background: #fff; }
.gaiyoulist td h3 { border-left: 3px solid #555; padding-left: 10px; line-height: 1.2em; margin-bottom: 10px; }
.gaiyoulist tr:last-child td:last-child { border: 0px solid #ddd;}

.gaiyou {
margin:10px 0px 20px 0px;
border: solid 0px #c99269;
border-collapse:collapse;
text-align: left;
line-height: 1.5em;
width: 100%;
}

.gaiyou table.tab1 { table-layout:auto; background:#f6f6f6; }
.gaiyou th { border: solid 1px #dddddd; background:#f6f6f6; text-align: left; padding:10px 10px; font-weight: normal; width: 12em;}
.gaiyou td { border: solid 1px #dddddd; padding:10px 10px;}

/* 各コンテンツ */
#mainContent #livehouse_page .items {float:left; width:320px;margin-right:20px; margin-bottom: 20px; }
#mainContent #livehouse_page .items:nth-child(3n) {float:right; margin-right:0;}
#mainContent #livehouse_page .items:nth-child(3+1) {clear: both;}
#mainContent #livehouse_page .items:nth-child(4) {clear: both;}

#mainContent #livehouse_page .sec03 .box1 {
	float: left;
	width:400px;

}

#mainContent #livehouse_page .sec03 .box2 {
	float: right;
	width:590px;
}

#mainContent #kickbackcafe_page .sec01 .info {
	background: #eee;
	margin: 20px 50px;
	padding: 10px;
	border-radius: 10px;
	border:5px double #ddd;
}

#mainContent #kickbackcafe_page .sec02 {}
#mainContent #kickbackcafe_page .sec02 ul {
	text-align: center;
}
#mainContent #kickbackcafe_page .sec02 ul li {
	display: inline-block;
	vertical-align: top;
	padding: 15px;
	margin: 0 10px;
}

#mainContent #livehouse_kick01_page ol {
	padding-top: 20px;
}

#mainContent #livehouse_kick01_page ol li {
	padding-bottom: 30px;
}

#mainContent #livehouse_kick01_page ol li img {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

#mainContent #recording_page .items {float:left; width:320px;margin-right:20px; margin-bottom: 20px; }
#mainContent #recording_page .items:nth-child(3n) {float:right; margin-right:0;}
#mainContent #recording_page .items:nth-child(3+1) {clear: both;}
#mainContent #recording_page .items:nth-child(4) {clear: both;}
#mainContent #recording_page .items img {
}
#mainContent .items_wrap .items img {
    width: 315px;
    height: 255px;
    object-fit: cover;
    font-family: 'object-fit: cover;';	
	
}

.sec06 {clear:both;}
.sec06 .box1 {float: left;width:48%;}
.sec06 .box2 {float: right;width:48%;}

.table_waku1 {
	border:1px #aaa solid;
	border-collapse: collapse;
	width: 100%;
}
.table_waku1 th,
.table_waku1 td {
	border:1px #ccc solid;
	padding: 5px 10px;
}

/* #mainContent #drum_page {}
#mainContent #drum_page .sec01 ul {
	margin:0 220px;
}


#mainContent #drum_page .sec01 ul li {
	float: left;
	width:48%;
}
#mainContent #drum_page .sec01 ul li:nth-child(2n) {
	float: right;
} */

/* #mainContent #drum_page .sec04 .box1 {
	float: 	left;
	width:25%;
}

#mainContent #drum_page .sec04 .box2 {
	float: 	right;
	width:74%;
} */

#mainContent #dtm_page .sec02 ul li ,
#mainContent #hiGrade_page .sec02 ul li {
	float: left;
	width:24%;
	margin:0 5px 5px 0;
}
#mainContent #dtm_page .sec02 ul li:nth-child(4n+1) ,
#mainContent #hiGrade_page .sec02 ul li:nth-child(4n+1) {
	clear: both;
}

#mainContent #dtm_page .sec02 ul li span ,
#mainContent #hiGrade_page .sec02 ul li span {
	display: block;
	text-align: center;
	font-size:14px;
}


/* #mainContent #drum_page .sec06 {clear:both;}
#mainContent #drum_page .sec06 .box1 {float: left;width:48%;}
#mainContent #drum_page .sec06 .box2 {float: right;width:48%;} */

#mainContent #reha_page .sec06 {clear:both;}
#mainContent #reha_page .sec06 .box1 {float: left;width:48%;}
#mainContent #reha_page .sec06 .box2 {float: right;width:48%;}

#mainContent #livehouse_page .sec06 {clear:both;}
#mainContent #livehouse_page .sec06 .box1 {float: left;width:48%;}
#mainContent #livehouse_page .sec06 .box2 {float: right;width:48%;}

/* #mainContent #dance_page .sec06 {clear:both;}
#mainContent #dance_page .sec06 .box1 {float: left;width:48%;}
#mainContent #dance_page .sec06 .box2 {float: right;width:48%;} */

#mainContent #recording_page .sec06 {clear:both;}
#mainContent #recording_page .sec06 .box1 {float: left;width:48%;}
#mainContent #recording_page .sec06 .box2 {float: right;width:48%;}

#mainContent #karaoke_page .sec06 {clear:both;}
#mainContent #karaoke_page .sec06 .box1 {float: left;width:48%;}
#mainContent #karaoke_page .sec06 .box2 {float: right;width:48%;}

/* #mainContent #hometheater_page .sec06 {clear:both;}
#mainContent #hometheater_page .sec06 .box1 {float: left;width:48%;}
#mainContent #hometheater_page .sec06 .box2 {float: right;width:48%;} */

#syoyukiki_page table.shoyukiki {
	border-collapse: collapse;
	border:1px #aaa solid;
	width: 100%;
}

#syoyukiki_page table.shoyukiki th,
#syoyukiki_page table.shoyukiki td {
	padding: 5px 10px;
	border:1px #888 solid;
}

/* 旧こだわりページ */
#kodawari_page {}
#kodawari_page section{
	clear: both;
	margin-bottom: 50px;
}

#kodawari_page section .box1 {
	width:500px;
	font-size:20px;
	color:#fff;
	background: #192F54;
	box-sizing:border-box;
}

#kodawari_page section:nth-child(odd) .box1 {float: left;}
#kodawari_page section:nth-child(even) .box1 {float: right;}

#kodawari_page section .box1 span {display: block;padding: 10px 15px 0 15px;}

#kodawari_page section .box1 img {
	position: relative;
	display: block;
	top:25px;
	border:1px #888 solid;
}

#kodawari_page section:nth-child(odd) .box1 img {left:-30px;}
#kodawari_page section:nth-child(even) .box1 img {right:-30px;}

#kodawari_page section .box2 {
	width:500px;
}

#kodawari_page section:nth-child(odd) .box2 {float: right;}
#kodawari_page section:nth-child(even) .box2 {float: left;}

#kodawari_page section .box2 h3 {
	font-size:20px;
	padding: 20px ;
	text-indent: 1em;
	border-bottom: 1px #aaa solid;
	margin-bottom: 20px;
}

#kodawari_page section .box2 p {
	padding: 5px 15px ;
}

#kodawari_page section .box2 a {
	display: inline-block;
	margin:10px 0;
	padding: 5px 10px;
	border:2px #000000 solid;
	border-radius: 2px;
}
#kodawari_page section .box2 a:link {
	text-decoration: none;
}

#studio_page section.sec02 {}
#studio_page section.sec02 li {
	display: inline-block;
	width:31%;
	border:1px #aaa solid;
	margin: 0 10px 10px 0;
}

#studio_page section.sec02 li h4 {
	margin: 0 5px 10px 5px;
	padding: 5px 0 ;
	border-bottom: 	1px #999 dotted	;
	background:url(/images/arrow11.png) no-repeat left center;
	text-indent: 	1em;
}

#studio_page section.sec02 li img {
	display:block;
	margin: 0 auto;
}

#studio_page section.sec02 li a.more {
	display:block;
	padding: 15px 15px 0 0;
	text-align:right;
}

/* フォトムービー */
#photomovie_page section.sec01 li {
	display: inline-block;
	width:31%;
	border:1px #aaa solid;
	margin: 0 10px 10px 0;
	vertical-align:top;
	min-height:400px;
}

#photomovie_page section.sec01 li h4 {
	margin: 0 5px 10px 5px;
	padding: 5px 0 ;
	border-bottom: 	1px #999 dotted	;
	background:url(/images/arrow11.png) no-repeat left center;
	text-indent: 	1em;
}

#photomovie_page section.sec01 li img {
	display:block;
	margin: 0 auto;
}

#photomovie_page section.sec01 li p {
	margin: 	0;
	padding: 10px;
	line-height: 1.5;
	font-size: 	14px;
}

/* 音の辞典 */
#jiten_page {}
#jiten_page dt {
	font-size:20px;
	padding: 0 0 10px 20px;
	border-left:5px #192F54 solid;
	border-bottom:2px #ccc dotted;
}

#jiten_page dd {
	padding-top:15px;
	padding-bottom: 30px;
}

.jiten_navi {
	text-align: 	center;
	padding-bottom: 20px;
}

/* 防音の豆知識 */
#mamechishiki_page {}
#mamechishiki_page section {
	clear: 	both;
	margin-bottom: 100px;
}
#mamechishiki_page .box1 {
	clear:both;
	float: 	left;
	width:49.9%;
	margin-bottom:10px;
}

#mamechishiki_page .box2 {
	float: 	right	;
	width:49.9%;
	margin-bottom:10px;
}

/* サービス一覧・価格 /t_service/ */
#service_page .sec01 ul li ,
#service_page .sec03 ul li {
	display: block;
	float: left;
	width:320px;
	box-sizing:border-box;
	margin:0 20px 10px 0;
}

#service_page .sec01 ul li:nth-child(3n) ,
#service_page .sec03 ul li:nth-child(3n) {
	float: right;
	margin-right: 0;
}

#service_page .sec01 ul li p {
	padding-top: 5px;
	font-size: 13px;
	color:#666;
	line-height: 1.3;
}

/* ブログ一覧 /blog/ */
#blog_list {}
#blog_list li {
	position: relative;
	float: left;
	width:calc(33.3333% - 18px);
	height: 236px;
	margin: 0 24px 24px 0;
	border:1px #999 solid;
  box-sizing: border-box;
  background-color: #374252;
  overflow: hidden;
}

#blog_list li:nth-child(3n) {
	float: right;
	margin-right: 0;
}
#blog_list li a {
	display: block;
	width:100%;
	height: 100%;
	text-decoration: none;
}
#blog_list li a div {
    position: absolute;
    background: center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}
#blog_list li a div:hover,
#blog_list li a div:active {
  position: absolute ;
  width: 104% ;
  height: 104% ;
  top: -2% ;
  right: -2% ;
  bottom: -2% ;
  left: -2% ;
  margin: auto ;
  filter: alpha(opacity=80) ;
  -moz-opacity: 0.8 ;
  opacity: 0.8 ;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#blog_list li .date {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:5.5em;
	background: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	padding: 2px 2px;
	font-size: 13px;
}

#blog_list li .ttl {
	display: inline-block;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 67px;
	line-height: 1.5;
	background: #fff;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
	color: #000;
	padding: 5px 5px;
	font-size: 13px;
	box-sizing:border-box;
	overflow: hidden;
  z-index: 9999;
}

/* ページャー */
nav#pager {text-align: center;}
nav#pager a {
    display: inline-block;
    padding: 2px 10px;
    background: #fff;
    border: 1px #aaa solid;
    margin: 0 3px 5px 3px;
    text-decoration: none;
    cursor: default;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
}
nav#pager a[href] {
    cursor: pointer;
    background: #1b345f;
    color: #fff;
    text-decoration: none;
    border: 1px solid #1b345f;
}
nav#pager a:hover {
    opacity: 0.8;
}

#prevANDnext {}
#prevANDnext img {
	width:70px;
	height: 70px;
	margin:0 10px;
	vertical-align: middle;
	border-radius: 70px;
	border:3px #ccc dotted;
}

/* デザインコレクション /t_design/ */
.design_ttl {
	position: relative;
	display: inline-block;
	padding: 20px 100px;
	font-size: 24px;
	margin-bottom: 30px;
	margin-top: 30px;
	color: #192F54;
	border-bottom: 2px solid #192F54;
}

#t_design ul {
  margin-bottom: 2em;
  -js-display: flex;
  display: flex;
  -js-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
}

#t_design ul li {
  margin: 0 0.5% 5px 0.5%;
  width: 24%;
}

/* 20180502 #t_design */
.read {
  background-color: #eaeaea;
  width: calc(100% - 300px);
  float: right;
  box-sizing: border-box;
  padding: 68px 0;
  text-align: center;
  font-size: 18px;
}

#t_design ul.navi {margin: 4em auto 0;}
#t_design ul.navi li {margin: 0 0.5% 10px 0.5%;position: relative;}
#t_design ul.navi li > a {box-sizing: border-box;border: 1px solid #000000; padding: 10px 0;text-align: center;display: block;text-decoration: none; border-radius: 30px;}
#t_design ul.navi li > a:after {font-family: FontAwesome;content: '\f078';position: absolute;right: 20px;}
#t_design ul.navi li > a:hover {background-color: #eaeaea;}

/* サービス一覧・価格その２ /t_service/ */
#service_page ul.navi {
  margin: 3em auto;
  -js-display: flex;
  display: flex;
  -js-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
#service_page ul.navi li {width: 33%; margin-right: 0.5%;}
#service_page ul.navi li:nth-child(3) {margin-right: 0;}
#service_page ul.navi li > a {box-sizing: border-box;border: 1px solid #000000; padding: 10px 0;text-align: center;display: block;text-decoration: none; border-radius: 30px;}
#service_page ul.navi li > a:link ,
#service_page ul.navi li > a:visited {text-decoration: none;}
#service_page ul.navi li > a:hover {background-color: #eaeaea;}

table.history {
border: 0;
margin:10px 0px 20px 0px;
border-collapse:collapse;
text-align: left;
line-height: 1.5em;
width: 100%;
}
table.history tr:nth-child(even) { background-color:#fff;}
table.history tr:nth-child(odd) { background-color:#fff; }
table.history th {border: 1px solid #dddddd; text-align: left; padding:10px 10px; font-weight: 500; vertical-align: top; border-left: 0px; }
table.history td {border: 1px solid #dddddd; padding:10px 10px 10px 20px; vertical-align: top; border-right: 0px; }
table.history caption { padding: 10px 10px; background: #192F54; font-weight: 500; text-align: left;  color: #fff; font-size: 18px;}
table.history tr:last-child th,
table.history tr:last-child td {
	border-bottom: 0px;
}


#sekou {
  width: 80%;
  margin: 0 auto;
}

a.voice_link { display: inline-block; margin: 20px 10px 50px; padding: 17px 50px; /* border: 1px solid #192F54; text-align: center; color: #192F54; */ background: #085bd9; border: 1px solid #085bd9; border-radius:5px; text-align: center; color: #fff; text-decoration: none !important; font-size: 16px;}
/* arrow01.png to arrow03.png */
a.voice_link:after { content: url("/newhp/images/arrow03.png"); padding-left: 20px; }

.kanrenmidashi { background: url(/newhp/images/topline.gif) no-repeat top left; padding: 20px 0px; margin: 20px 0px; font-size: 18px; }

.pc_right50 {
    float: right;
	width: 48%;
    padding: 0 1%;
}

.worklabel { text-align: right; }
.worklabel span.label {
    line-height: 1.1em;
    margin-right: 5px;
    font-size: 14px;
    color: #fff;
    background: #213b60;
    padding: 7px 10px;
    display: inline-block;	
}

.worklabel span.label.type02 {
	background: #395a92;
}

.worklabel span.label.type03 {
	background: #2e75b6;
}

/* 20180510 */
/* 防音の知識ページ /bouon/ */
#bouon_page {}
#bouon_page section{clear: both;margin-bottom: 100px;}
#bouon_page section a:link {text-decoration: none;}
#bouon_page section .box1 {
  width:500px;
  font-size:20px;
  color:#fff;
  background: #192F54;
  box-sizing:border-box;
}
#bouon_page section:nth-child(odd) .box1 {float: left;}
#bouon_page section:nth-child(even) .box1 {float: right;}
#bouon_page section .box1 span {display: block;padding: 10px 15px 0 15px;}
#bouon_page section .box1 img {
  position: relative;
  display: block;
  top:25px;
  border:1px #888 solid;
}
#bouon_page section:nth-child(odd) .box1 img {left:-30px;}
#bouon_page section:nth-child(even) .box1 img {right:-30px;}
#bouon_page section .box2 {width:500px;padding-top: 90px;}
#bouon_page section:nth-child(odd) .box2 {float: right;}
/* #bouon_page section:nth-child(even) .box2 {float: left;} */
#bouon_page section .box2 h3 {
  font-size:20px;
  padding: 20px ;
  text-indent: 1em;
  border-bottom: 1px #aaa solid;
  margin-bottom: 20px;
}
#bouon_page section .box2 p {padding: 5px 15px ;}
#bouon_page section .box2 a {
  display: inline-block;
  margin:10px;
  padding: 5px 10px;
  border:2px #000000 solid;
  border-radius: 2px;
}
#bouon_page section .box2 p.outpg ,
#bouon_page section .box2 p.outpg-l ,
#bouon_page section .box2 p.outpg-r {padding-top: 65px;}
#bouon_page section .box2 p.outpg-l {text-align: left;}
#bouon_page section .box2 p.outpg-r {text-align: right;}
#bouon_page section .box3 {
  width:100%;
  font-size:20px;
  color:#fff;
  background: #192F54;
  box-sizing:border-box;
  margin-bottom: 60px;
}
#bouon_page section .box3 span {display: block;padding: 35px 15px 0 15px;text-align: center;}
#bouon_page section .box3 img {
  position: relative;
  left: 25px;
  top:35px;
  border:1px #888 solid;
}
#bouon_page section .box4 p {padding: 5px 15px ;}
#bouon_page section .box4 a {
  display: inline-block;
  margin:10px 0;
  padding: 5px 10px;
  border:2px #000000 solid;
  border-radius: 2px;
}
#bouon_page section .box4 p.outpg-c {text-align: center;}

#bouon_page section .box5 li {
  float: left;
  display: block;
  width: calc(33.33% - 35px);
  box-sizing: border-box;
  margin-right: 35px;
}
#bouon_page section .box5 li:last-child {margin-right: 0;}
#bouon_page section .box5 li div {
  width:100%;
  font-size:20px;
  color:#fff;
  background: #192F54;
  padding: 15px 15px 10px 15px;
  box-sizing:border-box;
  margin-bottom: 15px;
}
#bouon_page section .box5 li div span {
  display: inline-block;
  width:100%;
  text-align: center;
  margin-bottom: 15px;
}

/* 20180510 */
/* KSAパネルページ */
#ksa-panel_page {}
#ksa-panel_page h3 ,
#ksa-panel_page h4 {clear: both;}
#ksa-panel_page table {margin-bottom: 20px;}
#ksa-panel_page a:link {text-decoration: none;}
#ksa-panel_page p.tac {margin-bottom: 30px;}
#ksa-panel_page .box1 {float: left;width: 300px;text-align: center;}
#ksa-panel_page .box2 {float:right;}
#ksa-panel_page #sec01 ul li ,
#ksa-panel_page #sec03 ul li ,
#ksa-panel_page #sec04 ul li {display: block;float: left;margin-right: 30px;width: calc(33.33% - 20px);box-sizing: border-box;text-align: center;}
#ksa-panel_page #sec01 ul li:last-child {margin-right: 0px;}
#ksa-panel_page #sec03 ul li:last-child ,
#ksa-panel_page #sec04 ul li:last-child {margin-right: 0px;text-align: left;}

/* 施工事例詳細ページ */
#work-dtl #wrap{padding: 0px 0;}
#work-dtl #slider { width: 600px; max-height: 400px; text-align: center; margin: 0 auto 10px; overflow: hidden; }
#work-dtl #slider img { max-height: 400px; max-width: 600px; margin-left: auto; margin-right: auto; }
#thumbnail_slider{width: 600px;margin: 0 auto 10px;text-align: center;}
#work-dtl .slick-prev:before,
#work-dtl .slick-next:before {color: #000 !important;}
#work-dtl .thumbnail-item img{width: 98%;margin: 0 auto;opacity: 0.5 !important;}
#work-dtl .thumbnail-item.slick-current img{opacity: 1 !important;}
#work-dtl .spec_ttl {display: inline-block;color:#192F54;padding: 20px 0;font-size: 20px;border-top: 2px dashed #192F54;width: 400px;}
#work-dtl table.spec_table {
	margin:10px 0px 20px 0px;
	border: solid 0px #000;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.5em;
	width: 400px;
}
#work-dtl div.spec_detail {text-align: center;font-size: 17px;margin-bottom: 50px;}
#work-dtl ul.kanrenwork { display: table; text-align: center; }
#work-dtl ul.kanrenwork li { display: table-cell; text-align: left; padding-right: 2%;}
#work-dtl ul.kanrenwork li:last-child { padding-right: 0%;}
#work-dtl ul.kanrenwork li a { text-decoration: none; }
#work-dtl ul.kanrenwork li img { width: 233px; height: 170px;image-rendering: pixelated; object-fit: cover;font-family: 'object-fit: cover;'}
#work-dtl ul.kanrenwork li h3 { margin: 5px 0px;  width: 233px;  }


#voice-list {}
#voice-list #types { display: table; width: 100%; margin-top: 10px; }
#voice-list #types li { display: table-cell; background: #f0f0f0}
#voice-list #types li a { display: block; padding: 10px 20px 10px 150px; color: #213b60; }
#voice-list #types li a.active { background: #213b60; color: #fff; }
#voice-list #types-sub { display: block; border: 2px solid  #192F54; padding: 20px; margin-bottom: 20px;}
#voice-list #types-sub div { display: inline-block; width: 210px; }
#voice-list #types-sub div h2 { display: inline; font-size: 16px; font-weight: 300; }
#voice-list #types-sub div a { display: block; position: relative; padding-left: 20px; color: #213b60; border-bottom: 1px solid #fff; margin-right: 20px;}
#voice-list #types-sub div.active a { border-bottom: 1px solid #213b60;}
#voice-list #types-sub div a:before { content: "＞"; left: 0px; font-size: 12px; position: absolute; font-weight: 900;}
#voice-list ul.worklist {
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -moz-box;/*--- FF ---*/
	display: flex;
	-webkit-flex-flow:wrap;/*--- safari（PC）用 ---*/
	-ms-flex-flow:wrap;/*--- IE10用 ---*/
	flex-flow:wrap;
	margin-left: 0;
}
#voice-list ul.worklist li { width: 315px; margin-bottom: 10px; margin-right: 25px;
	-ms-flex-basis : 315px;
	-webkit-flex-basis: 315px;
	flex-basis: 315px;
	display: inline-block;
}
#voice-list ul.worklist li:nth-child(3n + 3) { margin-right: 0px; }
#voice-list ul.worklist li img {
	width: 315px;
	height: 236px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; 
}
#voice-list ul.worklist li h3 { font-size: 15px; padding: 0px 0px 5px; margin: 0px; }
#voice-list ul.worklist li a { text-decoration: none; }
#voice-list ul.worklist li span.label { line-height: 1.1em; margin-right: 5px;font-size: 12px; color: #fff; background: #213b60; padding: 2px 10px; display: inline-block; }
#voice-list .rightlink { text-align: right; }
#voice-list .rightlink a { color: #192F54; text-align: center; margin: 5px 0px 10px 10px; display: inline-block; padding: 5px 10px; border: 1px solid #192F54; width: 210px; }
#voice-list .rightlink a:after { content: "＞"; padding-left: 20px; }
#voice-list .wp-pagenavi { text-align: center; }

.types-sub { display: block; padding: 0px 10px 10px;}
.types-sub div { display: inline-block; width: 210px; margin-right: 10px; }
.types-sub.types-sub01 div { width: 150px; }
.types-sub.types-sub03 div { width: 120px; }
.types-sub div h2 { display: inline; font-size: 16px; font-weight: 300; }
.types-sub div a { 
	background: url(/newhp/images/arrow01.png) no-repeat left center;
	display: block; position: relative;
	margin-left: 10px;
	color: #213b60;
	padding: 3px 4px 3px 15px;
}
.types-sub div.active { background: #afb3bb; color: #fff;}
.types-sub div.active a { color: #fff;}

/* 汎用 施工事例＆お客様の声リスト */
ul.worklist {
display:-webkit-flex;/*--- safari（PC）用 ---*/
display: -webkit-box;/*--- Androidブラウザ用 ---*/
display: -ms-flexbox;/*--- IE10 ---*/
display: -moz-box;/*--- FF ---*/
display: flex;
-webkit-flex-flow:wrap;/*--- safari（PC）用 ---*/
-ms-flex-flow:wrap;/*--- IE10用 ---*/
flex-flow:wrap;
margin-left: 0;
}

ul.worklist li { width: 315px; margin-bottom: 10px; margin-right: 25px;
-ms-flex-basis : 315px;
-webkit-flex-basis: 315px;
flex-basis: 315px;
display: inline-block;
}

ul.worklist li:nth-child(3n + 3) { margin-right: 0px; }
ul.worklist li img {
	width: 315px;
	height: 255px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; 
	transition: all 0.3s ease 0s;
	transform: scale(1);
}
ul.worklist li h3 { font-size: 15px; padding: 0px 0px 5px; margin: 0px; }
ul.worklist li a { text-decoration: none; }
ul.worklist li span.label { line-height: 1.1em; margin-right: 5px;font-size: 12px; color: #fff; background: #213b60; padding: 2px 10px; display: inline-block; }
/* 201013 追加 */
ul.worklist li > a{
	display: block;
	width: 100%;
	height: 255px;
	margin-bottom: 5px;
	overflow: hidden;
}
ul.worklist li > a img{
	vertical-align: bottom;
}
ul.worklist li:hover a img{
	opacity: 0.7;
	transform: scale(1.05);
}
/* 201013 ここまで */

.rightlink { text-align: right; }

.rightlink a { color: #192F54; text-align: center; margin: 5px 0px 10px 10px; display: inline-block; padding: 5px 10px; border: 1px solid #192F54; width: 170px; }
.rightlink a:after { content: "＞"; padding-left: 5px; }

.wp-pagenavi { text-align: center; }

table.footnavi { width: 100%; border-collapse: separate; border-spacing: 5px; }
table.footnavi td { vertical-align: top; padding-right: 5px; }
table.footnavi td ul li a:before { content: "・"; }
table.footnavi div.item01 a { display: block; margin: 0px 0px 10px 0px; padding: 2px 2px 2px 15px; text-decoration: none; background: #ddd; font-size: 14px; color: #000000; border-radius: 5px; }
table.footnavi div.item01 a:before { content: url("/newhp/images/kenchiku-yaji.png"); font-size: 1px; color: #666; padding-right: 5px; }
table.footnavi td.last { width: 180px; }
table.footnavi div.item01x { display: block; margin: 0px 0px 10px 0px; padding: 2px 2px 2px 10px; text-decoration: none; background: #ddd; font-size: 14px; color: #000000; border-radius: 5px; }


.sub_tit h3 {
	clear:both;
	color:#192F54;
    padding: 22px 0px 5px 5px;
	margin-bottom: 15px;
	font-size: 15px;
	border-bottom: 1px dotted #192F54;
}

.other_case_list {
	margin-left:100px;
	margin-right:100px;
}
.other_case_list:before,
.other_case_list:after {
    content:"";
    display:table;
}
 
.other_case_list:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.other_case_list {
    zoom:1;
}
.other_case_list .item:nth-child(odd) {float:left;}
.other_case_list .item:nth-child(even) {float:right;}
.other_case_list .item {
	width:48%;
	border:1px #aaa solid;
	border-radius:4px;
	padding:15px;
	box-sizing:border-box;
}

.other_case_list .item img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

ul.wp_rp {}
ul.wp_rp li {
	vertical-align:top;
	width:150px;
	margin:0 10px 10px 0;
	display:inline-block;
}
ul.wp_rp li img {
	display:block;
}

.tit_02 {
	xdisplay: inline-block;
	color:#192F54;
    padding: 22px 0px 10px 5px;
	font-size: 20px;
	border-bottom: 2px dashed #192F54;
}

.kanren {
	width:1000px;
	margin: 0 auto;
}

/* 20180514 */
#t_company_interview .fs12 {line-height: 2.0;}
#t_company_interview .hasen{border-top: 1px dashed #7e7e7f;line-height: 1;}


.banner_area a {
    width: 300px;
    text-align: center;
    font-weight: normal;
    line-height: 1.4;
    background: #a8403e;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    display: block;
    margin: auto;
}

.kizi .half_left {
    position: relative;
    float: left;
    width: 49%;
    margin-right: 2%;
}

.kizi .half_right {
    position: relative;
    float: right;
    width: 49%;
}

.ui-tabs .ui-tabs-panel { padding: 1em 0px !important; }

.alink {
    position: relative;
    display: inline-block;
    padding: 0.25em 1.8em;
    text-decoration: none !important;
    border-bottom: solid 1px #192F54;
    border-left: solid 1px #192F54;
    color: #000;
	margin-right: 20px;
	margin-bottom: 20px;
	background: url(/newhp/images/kenchiku-yaji.png) no-repeat left center;
	background-position-x: 8px;
}
.servicetable { width: 100%; }
.servicetable td:last-child { width: 55%;}

#post-12 ul.navi {
	margin: 3em auto;
	-js-display: flex;
	display: flex;
	-js-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	font-size: 16px;
}
#post-12 ul.navi li {width: 48%; margin-right: 1%;}
/* #post-12 ul.navi li:nth-child(3) {margin-right: 0;} */
#post-12 ul.navi li:not(:nth-last-of-type(-n+2)){
	margin-bottom: 10px;
}
#post-12 ul.navi li > a {box-sizing: border-box;border: 1px solid #000000; padding: 10px 0;text-align: center;display: block;text-decoration: none; border-radius: 30px;}
#post-12 ul.navi li > a:link ,
#post-12 ul.navi li > a:visited {text-decoration: none;}
#post-12 ul.navi li > a:hover {background-color: #eaeaea;}
.ewd-ufaq-faqs .ewd-ufaq-faq-div[data-post_id="17531"]{
	display: none;
}
#newslist li { line-height: 2em; margin-bottom: 10px; font-size: 16px; }

/* ipad */
@media (min-width:760px) and (max-width:780px){
	#bouon_page section .box1,
	#kodawari_page section .box1 {width:48%;}
	#bouon_page section .box2,
	#kodawari_page section .box2 {width:48%;}

	#bouon_page section .box1 img ,
	#kodawari_page section .box1 img {width:96%;}

	#kodawari_page section:nth-child(odd) .box1 img,
	#bouon_page section:nth-child(odd) .box1 img {left:30px;}
	#kodawari_page section:nth-child(even) .box1 img, 
	#bouon_page section:nth-child(even) .box1 img {right:30px;}
}
@media (max-width:680px){

	#post-12 ul.navi li{
		width: 100%;
		margin-right: 0;
		font-size: 14px;
		position: relative;
	}
	#post-12 ul.navi li:not(:last-child){
		margin-bottom: 10px;
	}
	#post-12 ul.navi li i{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

}


/*================================================
2018.11.30追加
================================================*/
.alnR { text-align: right!important; }
.alnL { text-align: left!important; }
.alnC { text-align: center!important; }

.clumn1_wrap {
	max-width: 800px;
	width: 90%;
	margin: 0 auto 50px;
	padding: 0;
}
.subTtl {
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 15px;
    margin-top: 35px;
    font-size: 20px;
    font-weight: bold;
    background: #B5B5B5;
}
table.com_gaiyou {
	width: 100%;
	border-top: 1px solid #1c3a63;
	border-left: 1px solid #1c3a63;
	border-collapse: collapse;
}
table.com_link {
	width: 100%;
	border-collapse: collapse;
}
table.com_gaiyou .ttl {
	display: block;
	background: #d2d2d2;
	color: #000;
	font-size: 120%;
	text-align: center;
}
table.com_gaiyou th, table.com_gaiyou td, table.saiyou th, table.saiyou td {
    border-right: 1px solid #1c3a63;
    border-bottom: 1px solid #1c3a63;
    padding: 15px;
    box-sizing: border-box;
    font-weight: normal;
    display: table-cell;
/*	vertical-align: top;*/
}
table.com_link th, table.com_link td {
    border-bottom: 1px solid #f4f4f4;
    padding: 15px;
    box-sizing: border-box;
    font-weight: normal;
    display: table-cell;
	vertical-align: middle;
}
table.com_gaiyou th, table.saiyou th {
	width: 20%;
	background: #f4f4f4;
}
table.com_link th {
	width: 20%;
	background: #fff;
}
table.com_gaiyou td, table.saiyou td, table.com_link td {
	width: 80%;
	background: #fff;
	text-align: left;
}
a.linkBtn {
    max-width: 300px;
    display: block;
    width: 90%;
    text-align: center;
    /* background: #fff; */
	background: #085bd9;
	/* color: #192F54; */
    color: #fff;
    text-decoration: none;
    border: 1px solid #085bd9;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 20px auto;
    font-size: 18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border-radius:5px;
}
.linkbtn2_box{
	width:100%;
	text-align:center;
}

.linkBtn_2 {
    max-width: 300px;
    display: block;
    width: 90%;
    text-align: center;
    /* background: #fff; */
	background: #085bd9;
	/* color: #192F54; */
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #085bd9;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 20px auto;
    font-size: 18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border-radius: 35px !important;
}
.linkBtn_2:hover {
	/* background: #192F54;
	color: #fff; */
	background: #fff;
	color: #085bd9;	
}
/* umeda */
.linkBtn_2_red {
    max-width: 300px;
    display: block;
    width: 90%;
    text-align: center;
    /* background: #fff; */
	background: red;
	/* color: #192F54; */
    color: #fff;
    text-decoration: none !important;
    border: 1px solid red;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 20px auto;
    font-size: 24px;
	font-weight: 700;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border-radius: 35px !important;
}
.linkBtn_2_red:hover {
	/* background: #192F54;
	color: #fff; */
	background: #fff;
	color: red;
	border: 1px solid red;
}
/* 20210526 */
.linkBtn_2_green {
    max-width: 300px;
    display: block;
    width: 90%;
    text-align: center;
    /* background: #fff; */
	background: #20ab84;
	/* color: #192F54; */
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #20ab84;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 20px auto;
    font-size: 24px;
	font-weight: 700;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border-radius: 35px !important;
}
.linkBtn_2_green:hover {
	/* background: #192F54;
	color: #fff; */
	background: #fff;
	color: #20ab84;
	border: 1px solid #20ab84;
}
a.linkBtn:hover {
	/* background: #192F54;
	color: #fff; */
	background: #fff;
	color: #085bd9;	
}
a.linkBtn.white{
	/* color: #FFF;
	background: transparent;
	border-color: #FFF; */
	color: #085bd9;
	background: #fff;
	border-color: #085bd9;	
}
a.linkBtn.white:hover{
	color: #192f54;
	background: #FFF;
}
a.linkBtn.arrow{
	position: relative;
}
a.linkBtn.arrow::before{
	content: "";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: calc(50% - 6px);
    right: 1em;
    /* border: 2px solid #192f54; */
	border: 2px solid #fff;
    border-left-style: none;
    border-top-style: none;
	transform: rotate(315deg);
	transition: inherit;
	box-sizing: border-box;
}
a.linkBtn.arrow.white::before{
	border-color: #FFF;
}
a.linkBtn.arrow:hover::before{
	border-color: #FFF;
}
a.linkBtn.arrow.white:hover::before{
	/* border-color: #192f54; */
	border-color: #085bd9;
}
#greeting h2 {
	display: inline-block;
	margin: 0 0 1em;
	font-size: 150%;
}
#greeting .ceoImg {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 15px;
}
table.saiyou {
	width: 100%;
	border-top: 1px solid #1c3a63;
	border-left: 1px solid #1c3a63;
	border-collapse: collapse;
	margin: 0 0 25px;
}
#saiyou p.lead {
	display: block;
	margin: 0;
	font-size: 120%;
	text-align: center;
}
#saiyou h3 {
	display: block;
	margin: 0 0 0.5em;
	font-size: 120%;
	font-weight: bold;
}
#page_ivent ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#page_ivent ul li {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #f4f4f4;
}
#page_ivent ul li .day {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
}
#page_ivent ul li h2 {
	width: 80%;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#page_ivent .news_arrow_nav a {
    width: 175px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
    display: block;
    background: #eaeaea;
    border-radius: 5px;
}
#page_ivent .news_arrow_nav.left {
	float: left;
}
#page_ivent .news_arrow_nav.right {
	float: right;
}
#page_ivent .ctsTtl {
	font-size: 26px;
    text-align: left;
    padding: 7px 0;
    color: #192F54;
    font-weight: 500;
    line-height: 1.3em;
}
#page_ivent .day {
	width: 100%;
	display: inline-block;
	margin: 0 0 10px;
	padding: 0;
}
#page_ivent .body {
	width: 100%;
	display: inline-block;
	margin: 0 0 80px;
	padding: 0;
	font-size: 17px;
	line-height: 1.8em;
}
#page_ivent .body img {
	max-width: 100%;
	height: auto;
}

/* トップページ：汎用 */
.ctsBox {
	width: 100%;
	display: inline-block;
	margin: 0 0 20px;
	padding: 0;
}

/* トップページ：スライダー、ファーストビュー */
#eyecatch {
	width: 100%;
	text-align: center;
/*	border-top: 4px solid #bdc8d3; */
	border-bottom: 5px solid #bdc8d3;
}
#eyecatch .eyecatch-item{
	width: 1000px;
}
#eyecatch .eyecatch-item:not(:first-of-type){
	display: none;
} 
#eyecatch.slick-initialized .eyecatch-item{
	display: block;
}
#eyecatch.slick-dotted.slick-slider {
    margin-bottom: 60px;
}
#eyecatch li {
	text-align: center;
	list-style-type: none;
}
#eyecatch .slick-dots li{
	margin: 0 2px;
}
#eyecatch a{
	display: block;
	width: 100%;
	padding-top: 47.3%;
	position: relative;
}
#eyecatch img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

#eyecatch .slick-prev,
#eyecatch .slick-next { display: none!important; }

p.topCopy {
    font-size: 28px;
    color: #17345c;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    margin: 0 0 15px 0;
    border-top: 3px solid #17345c;
    border-bottom: 3px solid #17345c;
}

/* @media screen and (min-width: 681px){
	#eyecatch{
		min-height: 308px;
	}
} */
@media screen and (max-width: 767px){
	p.topCopy {
		font-size: 18px;
	}
}

/*トップページ：緊急お知らせ*/
.emergency {
	display: block;
	width: 99%;
	padding: 15px 0;
	border-top: solid 1px #FF0000;
	border-bottom: solid 1px #FF0000;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin: 0 auto 30px;
}
.emergency span {
	padding-right: 50px;
}

/* トップページ：コンテンツの幅 */
.mainCts_wr {
	width: 72%;
	float: right;
	margin: 0;
	padding: 0;
}
.sideCts_wr {
	width: 23%;
	float: left;
	margin: 0;
	padding: 0;
}
.sideCts_wr .inBox {
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
}
.sideCts_wr .inBox a {
	display: block;
}
.sideCts_wr .inBox a img {
	width: 100%;
	height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sideCts_wr .inBox a img:hover {
	opacity: .8;
}
.mainCts_wr .ctsBox {
	margin: 0 0 20px;
}
.mainCts_wr h2 {
    width: 100%;
    background: url(/newhp/images/title_bg.png) repeat-x bottom;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    margin: 0 0 20px;
    padding: 15px 10px;
    display: block;
    box-sizing: border-box;
}
.mainCts_wr .img_fit{
	vertical-align: bottom;
}
.mainCts_wr p.bdrBox {
    width: 100%;
    font-size: 17px;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
	border: 1px solid #162948;
}
#taiken_room .movie, #movie .movieBox,
.blog_block .movieBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#taiken_room .movie iframe, #movie .movieBox iframe,
.blog_block .movieBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body.single-voice .clumn1_wrap{
	max-width: 485px;
	display: block;
}
body.single-voice .moviettl {
	margin-top: 100px;	
}

ul.menuList {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.menuList li {
	width: 32%;
	float: left;
	margin: 0 2% 20px 0;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.menuList li:nth-child(3n) {
	margin: 0 0 20px 0;
}
ul.menuList li:hover {
	border: 1px solid #1c3a63;
}
ul.menuList li a {
	display: block;
	text-decoration: none;
}
ul.menuList li .imgBox {
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
}
ul.menuList li h2 {
	display: block;
    border-left: 3px solid #555;
    padding-left: 10px;
    line-height: 1.2em;
    margin-bottom: 10px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
}
ul.menuList li p {
	font-size: 14px;
}
#movie .movieBox {
	margin: 0 0 15px;
}
#movie p.txt {
	font-size: 15px;
}


/*お問い合わせフォーム*/
#mailForm {
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	display: block;
}
#mailForm .wrap {
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
#mailForm p.lead {
	font-size: 17px;
	line-height: 2em;
	text-align: center;
	margin: 0 0 0px;
	padding: 0;
}
#mailForm .flow {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    text-align: center;
}
#mailForm .flow span {
	display: inline-block;
	margin: 0 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#mailForm table {
	width: 100%;
	margin: 0 0 25px 0;
	font-size: 16px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-collapse: collapse;
	
	font-size: 14px;
	border: 0px;
	display: block;
	box-sizing: border-box;
	padding: 57px 50px 15px;
	background: #EDEDED;
	border-radius: 15px;
}

#mailForm table li {
    list-style: none;
    line-height: 3;
    display: inline-block;
}

#mailForm table th,#mailForm table td {
	font-size: 16px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 10px;
	box-sizing: border-box;
	vertical-align: middle;
	border: 0px;
	padding: 0px;
}
#mailForm table th {
	width: 20%;
	font-weight: normal;
	background: #F9F8F4;
	text-align: left;
/*	
	width: auto;
	display: block;
	*/
	width: 22%;
	vertical-align: top;
	background: none;
	font-weight: 700;
	font-size: 16px;
}
#mailForm table td {
	width: 80%;
	background: #fff;
	width: auto;
	display: block;
	background: none;
	font-size: 15px;
	margin-bottom: 27px;
	
}

#mailForm table tr.spectr th { padding-top: 3px; }
#mailForm span.red {
    color: #D40003;
    padding: 0;
    margin: 0 0 0 8px;
}
#mailForm form span.color-inherit span{
	color: #000;
	margin: 0;
}

#mailForm form .contable span { }
#mailForm form .contable span.red { color: #D40003; }
#mailForm form span.wpcf7-acceptance span { color: #000; }
#mailForm form .contable .wpcf7-list-item { margin-left: 0px; }
#mailForm .wd_s {max-width: 100px; width: 100%;}
#mailForm .wd_m {max-width: 400px; width: 100%;}
#mailForm .wd_l {width: 100%;}

form {
    overflow: hidden;
}
#mailForm form input[type="text"],#mailForm form input[type="email"],#mailForm form input[type="tel"],#mailForm form input[type="number"],#mailForm form input[type="password"] {
	line-height: 1.5em;
	padding: 5px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	font-size: 14px;
}
#mailForm form select {
	line-height: 1.5em;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	height: 35px;
}
input::-webkit-input-placeholder {
    color: #aaa;
}
input:-moz-placeholder {
    color: #aaa;
}
input::-moz-placeholder {
    color: #aaa;
	
}
input:-ms-input-placeholder {
    color: #aaa;
}

textarea::-webkit-input-placeholder {
    color: #aaa;
	font-size: 13px;
}
textareatextarea:-moz-placeholder {
    color: #aaa;
	font-size: 13px;
}
textarea::-moz-placeholder {
    color: #aaa;
	font-size: 13px;
	
}
textarea:-ms-input-placeholder {
    color: #aaa;
	font-size: 13px;	
}

#mailForm form textarea {
	width: 70%;
	height: 13em;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
}
#mailForm .sbmBtn01,
#mailForm .sbmBtn02 {
    width: 250px;
    height: 55px;
    line-height: 55px;
	border-radius: 5px;
    background: #fff;
    color: #1c3341;
    font-size: 16px;
    border: 1px solid #20AB84;
    margin: 20px auto;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-appearance: none;
    box-sizing: border-box;
	display: block;
	
	border-radius: 30px;
	background: #20AB84;
	color: #fff;
	font-weight: 700;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;	
}
#mailForm .sbmBtn01:hover {
	color: #fff;
    background: #1c3341;
}
#mailForm .btnBox {
    width: 100%;
	display: block;
	margin: 0 0 20px 0;
}
/* 200318 追加 */
#mailForm .sbmBtn02{
	color: #666;
	border-color: #666;
}
#mailForm .sbmBtn02:hover{
	color: #FFF;
	background: #666;
}
#mailForm .btnArea{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
/* 200318 ここまで */
#mailForm label {
	display: inline-block;
	margin: 0 15px 0 0;
	text-align: center;
}
#mailForm .flow span.s01 {color: #FF0000;}
#mailForm .flow span.s02 {color: #0000CC;}
#mailForm .flow span.s03 {color: #006633;}
#mailForm #telBox {
    max-width: 550px;
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    border: 1px solid #aaa;
    text-align: center;
    font-size: 16px;
    line-height: 2em;
    margin: 50px auto;
}
#mailForm #telBox span {
	font-size: 22px;
	font-weight: bold;
}
#mailForm input[type="submit"] {
  -webkit-appearance: none;
}
#mailForm .w-t-l {
	height: 1px;
	overflow: hidden;
}
#mailForm span.spw { vertical-align: text-bottom; display: inline-block; line-height: 2em; }

.harfBox000 {
	width: 48%;
	margin: 0 1% 25px;
	padding: 0;
	float: left;
}
.red {color: red;}
.bdrBox a {color:#2348d5; text-decoration:underline;}

#mailForm form .contable span { margin-left: 0px; }

/*====================================================
20190322追加
====================================================*/
.cf:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
#kodawari p {
    margin: 0;    
}
.ctsBlock{
    width: 100%;
    display: block;
    margin: 0 0 50px;
    padding: 0;
}
#kodawari .ctsBlock,
#price .ctsBlock {
    width: 100%;
    display: block;
    margin: 0 0 80px;
    padding: 0;
}
#kodawari .flexBox,
#price .flexBox {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
}
#kodawari .halfBox,
#price .halfBox,
.cost .halfBox {
	width: 50%;
	margin: 0;
	padding: 0;
    position: relative;
    box-sizing: border-box;
}
/* 20210518 umeda */
.half_Box {
	/* width: 80% !important; */
	margin: 0;
	padding: 0;
    position: relative;
    box-sizing: border-box;
}
.half_Box_aj {
	width: 90% !important;
	margin: 0;
	padding: 0;
    position: relative;
    box-sizing: border-box;
}

#kodawari .inner,
#price .inner {
	width: 100%;
	margin: 0;
	padding: 0;
    position: relative;
    box-sizing: border-box;
}
#kodawari a.linkBtn,
#price a.linkBtn {
    max-width: 500px;
    display: inline-block;
    width: auto;
    text-align: center;
    /* background: #fff;
    color: #192F54; */
    background: #085bd9;
    color: #fff;
    text-decoration: none;
    border: 1px solid #085bd9;
    padding: 10px 15px;
    box-sizing: border-box;
    margin: 50px auto 0;
    font-size: 16px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border-radius:5px;
}
#kodawari a.linkBtn:hover,
#price a.linkBtn:hover,
#price-single .cost a.linkBtn:hover {
    /* background: #192F54;
    color: #fff; */
    background: #fff;
    color: #085bd9;
	border: 1px solid #085bd9;
}
#kodawari h2 {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px #aaa solid;
    margin: 0 0 20px;
    font-weight: bold;
}
#kodawari h2 span {
    background: #0e2541;
    color: #fff;
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 3px 8px;
    font-size: 16px;
    font-weight: normal;
}
/* umeda */
#kodawari h3 {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px #aaa solid;
    margin: 0 0 20px;
    font-weight: bold;
}
/* umeda */
#kodawari h3 span {
    background: #0e2541;
    color: #fff;
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 3px 8px;
    font-size: 16px;
    font-weight: normal;
}

.flexBox.list-3 > div {
    width: 32%;
    margin: 0 2% 0 0;
    padding: 0;
}
.flexBox.list-3 > div:last-of-type {
    margin-right: 0;
}
.flexBox.list-7 > div {
    width: 13%;
    margin: 0 1.5% 0 0;
    padding: 0;

}
/* 20210426 umeda */
.flexBox.list-6 > div {
    width: 13%;
    /* margin: 0 1.5% 0 0; umeda */
	margin: 0 auto;
    padding: 0;

}
.flexBox.list-7 > div:last-of-type {
    margin-right: 0;
}
.p10LR {
    padding: 0 10px!important;
}
/* 20210426 umeda */
.lp_text_left{
	text-align: left !important;
}
.taikan{
	text-align: center;
	padding-top: 30px;
}
.title_taikan{
	color:red;
	font-weight: 800;
	font-size: 2.8em;
  text-shadow:1px 1px 0 #fcd695, -1px -1px 0 #fcd695,
              -1px 1px 0 #fcd695, 1px -1px 0 #fcd695,
              0px 1px 0 #fcd695,  0-1px 0 #fcd695,
              -1px 0 0 #fcd695, 1px 0 0 #fcd695;	
}
.box_center{
     display: block;
     margin:auto;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}
.taikan_space{
	padding-top: 100px;
}
/* kokomade umeda*/


#kodawari .menuBox {
    color: #fff;
    background: #0e2541;
}
#kodawari .menuBox a {
    height: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #0e2541;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    line-height: 1.3em;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#kodawari .menuBox a:hover {
    background: #c31820;
}
#kodawari .menuBox span {
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 10px;
    display: block;
    line-height: 1em;
}
.m0auto { margin: 0 auto!important; }
.mt0 {margin-top: 0!important;}
.mb0 {margin-bottom: 0!important;}
.mt1em {margin-top: 1em!important;}
.mb1em {margin-bottom: 1em!important;}
.mb2em {margin-bottom: 2em!important;}
.mb3em {margin-bottom: 3em!important;}
.pt0{padding-top: 0!important;}
.pt1em {padding-top: 1em!important;}
.pr1em {padding-right: 1em!important;}
.bold {font-weight: bold!important;}
.list-5em {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 5em;
}
.list-5em span {
    position: absolute;
    left: 0;
    top: 0;
}

#kodawari h3,#price h3 {
    font-weight: bold;
    margin: 0 0 .5em;
}
.list_type01 li {
    display: block;
    width: 100%;
    padding: 0 0 0 2.5em;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    counter-increment: cnt;
}
.list_type01 li:before {
    display: marker;
    content: "（" counter(cnt) "）";
    position: absolute;
    left: 0;
    top: 0;
}
#kodawari .list_type01 li,
#price .list_type01 li{
    font-size: 18px;
    font-weight: bold;
    margin: 2px 0;
}

.va_C {
    vertical-align: middle!important;
}

.type_blue {
    background: #5185c5;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    display: block;
    margin: 0 0 25px;
    font-size: 26px;
    padding: 8px 10px;
}

#price a.linkBtn.contact {
    min-width: 300px;
}
.bdrTop {
    border-top: 2px solid #ccc;
}
#price .table_waku1.price td {
    text-align: center;
}
#price .table_waku1.price .head td span {
    font-size: 12px;
}

/*====================================================
		価格ページ（20200331追加）
====================================================*/
.type_darkblue{
	background: darkblue;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    display: block;
    margin: 0 0 25px;
    font-size: 26px;
    padding: 8px 10px;
}
#price .table_waku1.price .head td{
    color: #fff;
	background: #9f2529;
	font-size: 18px;
}
#price .table_waku1.price .bgGl td{
    background: #e2e2e3;
}

/*===============================
お問い合わせボックス
*/
.contactBox {
    width: 600px;
    margin: 0 auto 100px auto;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #231815;
    border-radius: 5px;
}
.contactBox.vcase {
    margin-top: 50px;
    margin-bottom: 50px; 
}
.contactBox .flexBox {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contactBox .halfBox {
    width: 50%;
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}
.contactBox h4 {
    font-size: 19px!important;
    font-weight: bold!important;
    color: #e8340e!important;
    padding: 0!important;
    margin: 0 0 .5em!important;
}
.contactBox p {
    font-size: 12px!important;
    color: #000!important;
    padding: 0!important;
    margin: 0 0 .5em!important;
    line-height: 1.5em!important;
}
.contactBox a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contactBox a:hover {
    opacity: .8;
}
.contactBox a.mitumori {
    width: 48%;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    font-size: 18px;
    background: #093153;
    margin: 0 2% 0 0;
    padding: 10px;
    text-decoration: none;
}
.contactBox a.bouon {
    width: 48%;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    font-size: 18px;
    background: #e8340e;
    margin: 0 0 0 2%;
    padding: 10px;
    text-decoration: none;
}
.contactBox .halfBox.tel {
    padding-right: 1em!important;
    width: 42%!important;
}
.contactBox .halfBox.mail {
    padding-left: 1em!important;
    width: 58%!important;
}

/*トップサブメニュー*/
.top_subMenu {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;   
    justify-content: space-between;
    align-items: center;
}
.top_subMenu .menuBnr {
    width: 350px;
    margin: 0 0 20px;
}
.top_subMenu .menuBnr img {
    vertical-align: bottom;
}
#mailForm #gr_submit.sbmBtn01:disabled {
	pointer-events: none;
	color: #ccc;
	border: 1px solid #ccc;
}
.flexBox {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* umeda */
.flexBox_cost {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.works_fLink {
    margin: 50px 0;
    justify-content: center;
    align-items: center;
}
.works_fLink a {
    color: #192F54;
    text-align: center;
    margin: 5px 5px 10px 5px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #192F54;
    width: 170px;
}
.works_fLink a:after {
    content: "＞";
    padding-left: 5px;
}

.forpc { display: inline-block!important; }
.forsp { display: none!important; }
@media (max-width:767px){
.forpc { display: none!important; }
.forsp { display: inline-block!important; }
}


/* 防音室体験ページ */
#taiken_page .banner_area a{
	transition: all 0.3s ease 0s;
}
#taiken_page .banner_area a:hover{
	opacity: 0.7;
}
#taiken_page .soundproof-sample-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#taiken_page .soundproof-sample-list li{
	width: 32%;
}


/*================================================
			画像モーダルウィンドウ
================================================*/
.easy-modal-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
.easy-modal-wrap::before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.75);
}
.easy-modal-closeBtn{
	display: inline-block;
	width: 40px;
	height: 40px;
	/* padding: 0.5em 1em; */
	position: absolute;
	top: 4vmin;
	right: 14vw;
	z-index: 9999;
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #000;
}
.easy-modal-closeBtn::before,
.easy-modal-closeBtn::after{
	content: "";
	display: block;
	width: 34px;
	height: 1px;
	position: absolute;
	top: 17px;
	left: 2px;
	border-top: 2px solid #000;
}
.easy-modal-closeBtn::before{
	transform: rotate(45deg);
}
.easy-modal-closeBtn::after{
	transform: rotate(-45deg);
}
.easy-modal-area{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 0;
	position: relative;
	/* overflow-y: auto; */
}
.easy-modal-arrow{
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 9900;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
}
.easy-modal-arrow:hover,
.easy-modal-closeBtn:hover{
	cursor: pointer;
}
.easy-modal-arrow.prev{
	left: -50px;
	background-image: url(/newhp/images/arrow_prev_white.png);
}
.easy-modal-arrow.next{
	right: -50px;
	background-image: url(/newhp/images/arrow_next_white.png);
}
.easy-modal-imgArea{
	position: relative;
	min-width: 60px;
	max-width: 900px;
	min-height: 500px;
	max-height: 90vmin;
	overflow-y: auto;
}
.easy-modal-imgArea img{
	vertical-align: middle;
}
.easy-modal-textArea{
	color: #FFF;
	font-size: 1rem;
}
.easy-modal-item:hover{
	cursor: pointer;
}
.modal-text-mode .easy-modal-area{
	justify-content: flex-start;
	padding-top: 12%;
}
.modal-text-mode .easy-modal-arrow{
	height: 85%;
}
.modal-text-mode .easy-modal-imgArea{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 500px;
	height: 60vh;
	min-height: 0;
	min-height: inherit;
	/* max-height: 75vmin; */
	overflow-y: hidden;
	text-align: center;
	background: url(/newhp/images/icon_loader_c_gg_01_s1.gif) no-repeat center;
}
.modal-text-mode .easy-modal-imgArea img{
	width: 100%;
	height: auto;
}
.modal-text-mode .easy-modal-imgArea.portrait{
	align-items: flex-start;
}
.modal-text-mode .easy-modal-imgArea.portrait img{
	width: auto;
	min-width: 0;
	height: 100%;
	min-height: 0;
	max-height: 100%;
}
.modal-text-mode .easy-modal-textArea{
	width: 600px;
	font-size: 1em;
	text-align: center;
	letter-spacing: 0.03em;
}
.modal-text-mode .easy-modal-txt{
	min-height: 5em;
	text-align: left;
}
.easy-modal-wrap.easy-modal-only-img .easy-modal-area{
	height: auto;
}
.easy-modal-only-img .easy-modal-imgArea{
	min-height: auto;
}


@media screen and (max-width: 1060px){
	.easy-modal-closeBtn{
		right: 20px;
	}
}

/*================================================
			フッター動画モーダルウィンドウ
================================================*/
.footer_movie_backscreen{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 10000;
}
.footer_movie_backscreen.movie-hidden{
	display: none;
}
.footer_movie_wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: url(/newhp/images/icon_loader_c_gg_01_s1.gif) no-repeat center;
}
.footer_movie_box{
	width: 600px;
	height: 337px;
	/* padding-top: 56.25%; */
	position: relative;
}
.footer_movie_box iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: all;
}
.footer-modal-closeBtn{
	display: inline-block;
	width: 600px;
	padding: 0.5em 1em;
	z-index: 9999;
	background-color: #FFF;
	border: 1px solid #000;
	pointer-events: all;
}
#ft_bouon:hover,
.footer-modal-closeBtn:hover{
	cursor: pointer;
}
#ft_movie_sp{
    color: #FFF;
    /* background-color: #ce1919; */
	border-radius: 0 25px 25px 0;
	transform: translateX(-100%);
}

/*****************************************
 		用途別室内騒音の許容値の表
 *****************************************/
.in-block{
    display: inline-block;
}
.two-lines{
    line-height: 1.3;
}
.allowance-value-table{
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    border-right: 1px solid #5096d2;
    border-bottom: 1px solid #5096d2;
    font-size: 15px;
    box-sizing: border-box;
}

.allowance-value-dba, .allowance-value-nc{
    background-color: #f2f9ff;
}
.allowance-value-table .table-highlight{
    background-color: #e6f4ff;
}
.allowance-value-dba th:first-of-type{
    width: 145px;
}
.allowance-value-table th{
    min-width: 94px;
    padding: 1em 0;
    border: 1px solid #5096d2;
}
.allowance-value-dba th:not(:first-of-type),
.allowance-value-nc th:not(:first-of-type){
	font-weight: 400;
}
.allowance-value-nc th,.allowance-value-nc td{
    border-bottom: 4px solid #5096d2;
}
.allowance-value-contents th{
    color: #192F54;
    font-weight: 700;
}
.allowance-value-contents .nowrap-area{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 1.35em 0;
    position: relative;
}
.allowance-value-contents .nowrap{
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.allowance-value-contents .nowrap.pc_w_100per{
    width: 100%;
}
.allowance-value-contents .nowrap.r10{
    left: auto;
    right: 10px;
}
.allowance-value-contents .nowrap-single{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
}
.allowance-value-hall .nowrap-single{
    margin-left: -0.7em;
}
.allowance-value-table .break{
    display: block;
    margin-bottom: 0;
}
.allowance-value-table span[class^="allowance-line"]{
    position: relative;
}
.allowance-value-table span[class^="allowance-line"]::after{
    content: "";
    display: inline-block;
    width: 20%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 70%;
    border-top: 1px solid #000;
}
.allowance-value-noisy span[class^="allowance-line"]{
    display: inline-block;
    width: 94px;
    box-sizing: border-box;
}
.allowance-value-noisy span[class^="allowance-line"]::after{
    width: 80%;
    top: 45%;
    left: 90%;
}
.allowance-value-noisy span.allowance-line1::after{
    width: 100%;
}
.allowance-value-noisy span.allowance-line2::after{
    left: 105%;
}
.allowance-value-noisy span.allowance-line3::after{
    width: 100%;
    left: 100%;
}
.allowance-value-noisy span.allowance-line4::after{
    width: 40%;
    left: 96%;
}
.allowance-value-effect span.allowance-line-top1::after{
    width: 25%;
    left: 72%;
}
.allowance-value-effect span.allowance-line-top2::after{
    width: 10%;
    left: 80%;
}
.allowance-value-effect span.allowance-line-bottom1::after{
    width: 70%;
    left: 105%;
}
.allowance-value-effect span.allowance-line-bottom2::after{
    width: 120%;
    left: 110%;
}

.allowance-value-effect td,
.allowance-value-studio td{
    border-top: 1px solid #5096d2;
}
.allowance-value-studio th{
    border-bottom: none;
}
.border-top-dashed th, .border-top-dashed td{
    border-top: 1px dashed #5096d2;
    border-bottom: none;
}


/*****************************************
 			全幅お問い合わせエリア
 *****************************************/
.service-contactBox{
    width: 100%;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.service-contactBox::before{
    content: "";
    display: block;
    width: 150vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50vw;
    background-color: #F6F6F6;
    z-index: 0;
}
.simple_contact_area .service-contactBtn,
.service-contactBox .service-contactBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 388px;
    height: 70px;
    position: relative;
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    text-decoration: none;
    background: #20AB84;
    border-radius: 35px;
    box-shadow: 0px 1px 9px rgba(0,0,0,0.25);
}
a.soundproof-contactBtn::before,
.simple_contact_area .service-contactBtn::before,
.service-contactBox .service-contactBtn:before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    transition: all 150ms ease 0s;
}
a.soundproof-contactBtn:hover::before,
.simple_contact_area .service-contactBtn:hover::before,
.service-contactBox .service-contactBtn:hover::before{
    background-color: rgba(255, 255, 255, 0.4);
}
.service-contactBox.footer{
    justify-content: space-between;
}
.service-contactBtn.soundproof{
    color: #192F54;
    border: 3px solid #192F54;
    background: #FFF;
	box-sizing: border-box;
	transition: all 150ms ease 0s;
}
.service-contactBtn.soundproof:hover{
	color: #FFF;
	background: #192F54;
}
.service-contactBtn.soundproof::before{
	display: none;
}

/*201029_杉浦_リニューアル分はここから追加*/

#gNavi ul li.tgl_none{
	display: none;
}

#gNavi ul li.tgl_none_sp{
	display: inline-block;
}

.page_link{
    display: block;
    padding-top: 141px;
    margin-top: -141px;
}

.page_link_over{
	position: relative;
	z-index: 2;
}

.title_main{
	position: relative;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    background: #0065bb;
    padding: 25px 0;
    text-align: center;
}

.title_main_medium{
    width: 100%;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    border-top: 5px solid #0065bb;
    border-bottom: 5px solid #0065bb;
    background: #f4f4f4;
    position: relative;
    margin: 0 auto 20px auto;
    padding: 20px 0;
}

.title_large{
    font-size: 30px;
    line-height: 1;
    position: relative;
    padding: 0 0 10px 0;
    border-bottom: 6px solid #65b8ff;
    margin: 0 0 30px 0;
}

.title_large:before {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 20%;
    height: 6px;
    content: '';
    background: #0065bb;
}

.title_large_strong{
    font-size: 50px;
    font-weight: bold;
}

.midashi12 .title_large_strong { font-size: 32px; padding-right: 10px; }

.title_medium{
    font-size: 24px;
    font-weight: bold;
	padding: 10px 10px 10px 0;
    margin: 0 0 30px 0;
    border-bottom: 3px dotted #0065bb;
}

.title_medium_a,
.title_medium_b,
.title_medium_c{
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #0065bb;
    padding: 15px;
    margin: 0 0 30px 0;
}

.title_medium_a:after {
    content: "★";
}

.title_medium_b:after {
    content: "★ ★";
}

.title_medium_c:after {
    content: "★ ★ ★";
}

.title_small{
    font-size: 16px;
    font-weight: bold;
    padding:0 0 0 5px;
    border-left: 10px solid #0065bb;
    margin: 0 0 5px 0;
}

.title_mokuji{
    width: 94%;
    text-align: center;
    font-size: 26px;
    border-bottom: 3px dotted #000000;
    margin: 0 auto;
    padding: 20px 0 10px 0;
}

.title_specification{
    font-size: 20px;
    font-weight:bold;
    color: #ffffff;
    text-align: center;
    background: #aaaaaa;
    padding: 12px 0;
    margin: 0;
}

.box_common_body{
	width: 100%;
}

.box_common_01{
    width: 100%;
    text-align: center;
}

.box_common_02{
    width: 100%;
    display: flex;
 	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
}

.box_common_03{
    width: 47%
}
/* umeda */
.box_common_03m{
    width: 45%
}

.box_content_list{
    width: 100%;
    background: #eeeeee;
    margin: 0 0 50px 0;
    z-index: 2;
    position: relative;
}

.ol_common_01{
    font-size: 20px;
    padding: 30px 10px;
    line-height: 2.5;
}

.ol_common_01 li a{
    display: block;
    text-decoration: none;
    padding: 0 20px;
}

.ol_common_01 li a:hover{
    background: #FFFFFF;
}

.list_common_01{
    list-style: none;
    margin: 0 0 30px 14px;
}

ul.list_common_01 li:before {
    content:  "※";
    margin: 0 0 0 -14px;
}

.list_common_02{
    max-width: 940px;
    list-style: disc;
    background: #eeeeee;
    border: 1px dotted #000000;
    padding: 20px 20px 20px 40px;
    margin: 30px 0 30px 0;
    z-index: 2;
    position: relative;
}

.text_caution{
    position: relative;
    font-weight: bold;
    padding: 10px;
    color: #ffffff;
    border-radius: 10px;
    background: #ff2222;
}

.text_caution:after {
    position: absolute;
    bottom: -9px;
    left: 10px;
    width: 0;
    height: 0;
    content: '';
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #ff2222 transparent transparent transparent;
}

a.btn_common_01{
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    background: #0065bb;
    color: #FFF;
    border-bottom: solid 4px #00437c;
    border-radius: 10px;
    margin: 10px 0 30px 0;
    transition: .5s;
}

a.btn_common_01:hover{
    background: #249aff;
    border-bottom: solid 4px #0065bb;
}

.specification_dl{
	display: flex;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin: 0 0 50px 0;
}

.specification_dl dt,
.specification_dl dd {
	padding: 15px;
	box-sizing: border-box;
	margin: 0;
}

.specification_dl dt:nth-of-type(even), 
.specification_dl dd:nth-of-type(even){
	background: #eee;
}
 
.specification_dl dd:nth-of-type(even):after{
    width: 100vw;
    content: '';
    background: #eee;
}

.specification_dl dt{
	width: 30%;
	text-align: center;
	font-weight: bold;
}

.specification_dl dd {
	width: 70%;
}

.service-plan-table{
    width: 100%;
}
.service-plan-table table{
    font-size: 18px;
    border-collapse: collapse;
    border-bottom: 1px solid #0065bb;
}
.service-plan-table .simple-title{
    color: #192F54;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 4px solid #5096D2;
}
.service-plan-table caption{
    margin-bottom: 10px;
}

.service-plan-table thead tr{
    padding: 13px 0;
    background: #0065bb;
    color: #FFF;
    font-size: 24px;
    text-align: center;
}
.service-plan-table thead th{
    padding: 8px 0;
    font-weight: 700;
    border-left: 2px solid #FFF;
}
.service-plan-table thead tr:first-of-type th:first-of-type{
    border-left: none;
}
.service-plan-table thead th[colspan="2"]{
    border-bottom: 2px solid #FFF;
}
.service-plan-table thead tr:last-of-type th{
    font-size: 20px;
}

.service-plan-table tbody tr:nth-of-type(odd) {
    background: #FFF;
}
.service-plan-table tbody tr:nth-of-type(even) {
    background: #F2F9FF;
}
.service-plan-table tbody th,
.service-plan-table tbody td{
    padding: 6px 0 6px 8px;
    color: #192F54;
}
.service-plan-table tbody th{
    color: #192F54;
}
.service-plan-table .service-plan-cell div{
    position: relative;
}
.service-plan-table .service-plan-cell.grade-title{
    font-size: 20px;
}
.service-plan-table .service-plan-cell.grade-performance,
.service-plan-table .service-plan-cell.grade-usage,
.service-plan-table .service-plan-cell.grade-price{
    border-left: 1px solid #707070;
}
.service-plan-table .service-plan-cell.grade-performance{
    font-size: 26px;
}
.service-plan-table .service-plan-cell.grade-performance[colspan="2"]{
    text-align: center;
}
.service-plan-table .service-plan-cell div span:not([class]){
    /* font-size: 1.6em; umeda */
	font-size: 1.3em;
    font-weight: 700;
}
/* umeda */
.service-plan-cell_tax{
	font-size: 1.2em;
    font-weight: 600;
}
.txt-mid-tax{
	font-size: 1.1em;
}
/* */
.specification_table{
    width: 100%;
    font-size: 18px;
    border-collapse: collapse;
    border-spacing: 0;
}

.specification_table tr:nth-child(even) {
    background: #eeeeee;   
}
.specification_table th,
.specification_table td{
    line-height: 1.5;
}
.specification_table th{
    width: 300px;
    padding: 15px 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
}
.specification_table td{
    padding: 5px 0;
}

.title_mansion_full {
    font-size: 60px;
    font-weight: 700;
    text-align: left;
    letter-spacing: -0.05em;
    line-height: 110px;
    color: #FFF;
    text-shadow: 1px 1px 0px #192f54, -1px -1px 0px #2d3641,
        1px -1px 0px #192f54, -1px 1px 0px #192f54,
        2px 2px 0px #192f54, -2px -2px 0px #2d3641,
        2px -2px 0px #192f54, -2px 2px 0px #192f54,
        2px 1px 0px #192f54, -2px -1px 0px #2d3641,
        2px -1px 0px #192f54, -2px 1px 0px #192f54,
        1px 2px 0px #192f54, -1px -2px 0px #2d3641,
        1px -2px 0px #192f54, -1px 2px 0px #192f54,
        0px 2px 0px #192f54, 0px -2px 0px #2d3641,
        2px 0px 0px #192f54, -2px 0px 0px #192f54;
}

.txt-small{
    font-size: 0.8em;
}

.movie_container{
	width: 100%;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.movie_container_cmansion{
	width: 1024px;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 0 auto;
}

.movie_container_movie{
	height: 500px;
}

/*価格ページ*/

.kizi_cost{
	box-sizing: border-box;
    position: relative;
    padding: 0;
    margin: 0 auto 30px auto;
}

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

.cost_container_inner{
	width: 480px;
    box-sizing: border-box;
    background:#fff;
    border: 3px solid #0065bb;
    border-radius: 15px;
    margin: 0 0 40px 0;
}

.cost_container_inner_mt{
    margin: -15px 0 0 0;
}

.cost_container_inner2{
    box-sizing: border-box;
    background:#0065bb;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 5px;
}

.cost_container a{
	transition:0.5s;
}

.cost_container a:hover{
    opacity: 0.5;
}

.kizi .cost_container a {
    text-decoration:none;
}

.cost_container_title {
	color: #fff;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
    border-left: 10px solid #fff;
    font-size: 24px;
    font-weight: bold;
}

.cost_container_p {
	background:#fff;
    padding: 10px;
    margin: 0;
}

.cost_container_p:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
    padding: 0 10px 0 0;
}

.nav_cost_construction{
	list-style: none;
    display: flex;
 	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.nav_cost_construction a{
	text-decoration: none;
    transition:0.5s;
}

.nav_cost_construction a:hover{
    opacity: 0.5;
}

.nav_cost_construction-inner {
	display: flex;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	justify-content: center;
	align-items: center;
	width: 330px;
	height: 80px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: #0065bb;
    box-sizing: border-box;
    border: 6px double #ffffff;
    border-radius: 15px;
    margin: 0 0 20px 0;
}

.table_cost_panel_th{
    width: 100px;
}

/*価格ページここまで*/

/*ブログ用*/

a.link_blog{
	color: #00c;
}

/*ブログ用ここまで*/

/*210125_杉浦_リニューアル分はここまで追加*/

/* 20210510 umeda */
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.page_tops{
	display:block;
}	
.page_tops2{
	display:none;
}
	.pagination {             /* 一覧ページネーション */
		clear: both;
		margin: 0px 0px 20px 0px;
		padding: 20px 0px;
		position: relative;
		font-size: 10px;
		line-height: 12px;
		display: flex;
		justify-content: center;
		align-items: center;	
	}
	.pagination span, #main .pagination a {
		display: block;
		float: left;
		margin: 2px 2px 2px 0;
		padding: 7px 7px 6px 7px;
		width: auto;
		background: #999999;
		color: #ffffff;
		text-decoration: none;
		font-size: 1.5em;
	}
	.pagination a:hover {
		/* background: #cccccc; */
		color: #ffffff;
	}
	.pagination .current {
		margin-left: 10px;	
		padding: 7px 7px 6px 7px;
		background: #cccccc;
		color: #ffffff;
		font-size: 2.5em;
	}
	.pagination .inactive {
		margin-left: 10px;
		padding: 7px 7px 6px 7px;
		background: #666666;
		font-size: 2.5em;
	}
	.pagination .inactive2 {
		color: #ffffff;
	}

.archive-title{
	margin-top:5px;
}

/* 20210511 umeda */
.t_entry{
	color:blue;
}
.h_entry{
	padding-left:20px;	
	font-size: 1.3em;
}
/* */
/* 20210608 umeda */
.jisseki_link{
	color:blue !important;
}
.ent1{
	vertical-align: middle;
}
.ent2{
	vertical-align: middle;
}
.search_none{
	font-size: 1.5em;	
}

/* blog image only */
    .tac_blog{
        text-align: center;

    }

.txtbloc { padding-left: 20px; padding-right: 20px; }
.pcpt100 { padding-top: 100px; }

.workdata01 { text-align: center; }
.workdata01 img { width: 31%; margin: 10px 1%; }
.workdata02 { text-align: center; }
.workdata02 img { width: 47.5%; margin: 10px 1%; }


body.page-id-13006 #sec4,
body.page-id-13006 #sec3,
body.page-id-13006 #sec2,
body.page-id-13006 #sec1 {
	padding-top: 150px;
	margin-top: -150px;
}
#anc01 .sdgsttl {
font-size: 38px;
line-height: 1.5em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
#anc01 .ttl01 {
font-size: 19px;
line-height: 1.5em;
text-align: left;
padding-top: 15px;
margin-bottom: 10px;
font-weight: bold;
}
#anc01 .aligncenter { text-align: center; }
#anc01 .txt { font-size: 18px; line-height: 1.8em; }
#anc01 .txt02 { font-size: 15px; line-height: 1.8em; }
#anc01 .clearfix:after {
display: block;
content: "";
clear: both;
}
#anc01 .imgalignleft { float: left; margin-right: 30px; }
.grecaptcha-badge { visibility: hidden; }
.mansonlink a:hover img { opacity: 0.7; }

.eventbloc .leftbloc { width: 440px; float: left;}
.eventbloc .rightbloc { width: 340px; float: right; }
.wp-video { margin-top: -1.5em; }

.whitebox { background: #fff; }
body.page-id-14402 { background: #000; }
body.page-id-14402 .mB  { background: #fff; margin: 0px!important; padding: 30px 0px!important; }
body.page-id-14402  .breadcrumbs { margin-bottom: 0px; }
body.page-id-14402 .wp-block-button__link { text-decoration: none; }
body.page-id-14402 .wp-block-button__link:hover { opacity: 0.8; }
body.page-id-14402 .wp-block-image img { display: block; margin: auto; }
@media screen and (max-width: 767px){
	body.page-id-14402 video { width: 96%!important; }
	.box_width{
		width:100%;
	}
	.img_adj{
		width:100% !important;
	}
	.pc_w_70per_b {
		width: 100%;
	}
    .tac_blog img{
		width: 100%;
        max-width: 100%;
        height: auto;          
    }		
}
@media screen and (min-width: 768px){
	.box_width{
		width:50%;
	}
	.img_adj{
		width:90%;
	}
	.pc_w_70per_b {
		width: 70%;
	}
    .tac_blog img{
		width: 70%;
        max-width: 100%;
        height: auto;          
    }	
}

table.piano-price {
    font-size: 13px;
    border-collapse: collapse;
    position: relative;
    width: 100%;
    vertical-align: baseline;	
}
table.piano-price th,
table.piano-price td {
	border: 1px solid #000;
	padding: 15px 5px;
	text-align: center;
}
table.piano-price th.price-07 {
    background: #9FBBDD;
    color: #fff;
    width: 110px;
}

#s_piano table.piano-price td span { display: block; }
table.piano-price .p-txt {
    font-size: 18px;
}
table.piano-price .s-txt {
    font-size: 12px;
}
table.piano-price th.price-06 {
    background: #305682;
    color: #fff;
    width: 3em;
    padding: 15px 5px;
}
table.piano-price th.price-01 {
    background: #76A4CB;
    color: #fff;
    width: 160px;
}
table.piano-price th.price-00 { background: #000; color: #fff; }
table.piano-price th.price-01 { background: #76A4CB; color: #fff; }
table.piano-price th.price-02 { background: #5096D2; color: #fff; width: 155px; }
table.piano-price th.price-03 { background: #1F73B8; color: #fff; width: 155px; }
table.piano-price th.price-04 { background: #3E63A4; color: #fff; width: 155px; }
table.piano-price th.price-05 { background: #9FBBDD; color: #fff; width: 155px; }
table.piano-price th.price-06 { background: #305682; color: #fff; }

table.piano-price .ptxt { font-size: 14px!important; vertical-align: top; }
table.piano-price td.price-type { background: #76A4CB; color: #fff; font-weight: bold; }

table.piano-price td.price-0201 { background: #DAE9EF; }
table.piano-price td.price-0301 { background: #D7E9F4; }
table.piano-price td.price-0401 { background: #C4DBE8; }
table.piano-price td.price-0501 { background: #EDF6FA; }

div.blue { color: #1F73B8; font-weight: 600; }
.blue  { color: #1F73B8; }
p.notice { text-indent: -1em; margin-left: 1em; margin-bottom: 0px; }

table.piano-price caption {
	color: #192F54;
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.kouji-ttl { background: #A6A6BF; color: #fff; font-weight: bold; font-size: 24px; padding: 20px; text-align: center; margin-bottom: 30px; }
.plan-kouji {
	border: 1px solid #A6A6BF;
	width: 100%;
}

table.kouji-price {
    font-size: 18px;
    border-collapse: collapse;
    position: relative;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
    vertical-align: baseline;
	margin-bottom: 30px;
}

table.kouji-price th,
table.kouji-price td {
	border: 1px solid #000;
	padding: 15px 10px;
	text-align: center;
}
table.kouji-price th {
	background: #A6A6BF;
	color: #fff;
	width: 10em;
}

table.kouji-price caption {
	color: #192F54;
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.pricewrap {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}


table.doramu-price {
    font-size: 18px;
    border-collapse: collapse;
    position: relative;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
    vertical-align: baseline;
	margin-bottom: 30px;
}

table.doramu-price th,
table.doramu-price td {
	border: 1px solid #000;
	padding: 15px 10px;
	text-align: center;
}
table.doramu-price th {
	background: #7FB1DD;
	color: #fff;
	width: 10em;
}
table.doramu-price caption {
	color: #192F54;
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
table.doramu-price .s-txt { font-size: 13px; }