@charset "UTF-8";

body {
	min-width: 100%;
	padding-top: 55px;
 text-size-adjust: none; /* または 100% */	
}

img {
	max-width: 100%;
    border-style:none;
	height: auto;
}

img.spimgblock { float: none !important; display: block; margin-left: 0px; margin-bottom: 10px; }

.pc,
.pconly {display: none !important;}
.sponly,
.sp {display: block;}
img.spimgcenter { float: none !important; display: block; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px; }
.spbr { display: block; }
.pcbr { display: inline; }
@media screen and (max-width: 340px){
	.sp_mini{
		display: block;
	}
}

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

}

.sp_w_10per {width: 10%;}
.sp_w_20per {width: 20%;}
.sp_w_30per {width: 30%;}
.sp_w_40per {width: 40%;}
.sp_w_50per {width: 50%;}
.sp_w_60per {width: 60%;}
.sp_w_70per {width: 70%;}
.sp_w_80per {width: 80%;}
.sp_w_90per {width: 90%;}
.sp_w_100per {width: 100%;}

.sp_cb {clear:both !important;}

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

          Layout

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

.slide2Width,
.siteWidth {width:100% !important;}

/* 20210518 umeda add */
.siteWidth_sub{
	width:90% !important;
	margin-left: auto;
	margin-right: auto;	
}

#header {
	width: 100%;
	z-index: 9999;
	position: fixed;
	top: 0;
	background:#fff;
	height: auto;
	min-height: 54px;
	border-bottom: 1px solid #bdc8d3;
}
/* 200422追加 */
/* #header .siteWidth{
	display: block;
} */
#header .header-left{
	padding-top: 0;
	width: 50%;
}
#header .header-right{
	width: 50%;
	position: relative;
}
/* ここまで */

#header h1 {
    width: 170px;
    font-size: 10px;
    line-height: 1.2;
    margin: 2.5px 0 0 15px;
}
.sp_logo{
	max-width: 150px;
}

#header #headerSNS {
	display: none;
}

#header #logo {
	clear: both;
	float: none;
	display: block;
	width: 100%;
	max-width: 250px;
	min-width: 190px;
	margin: 0px auto 0px 15px;
	padding: 2.5px 0 5px;
}

#header #headerLinks {
	float:none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top:0px;
	position: absolute;
	top: 0;
	right: 100px;
	width: 52px;
	height: 52px;
}

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


#header #headerSNS li {
	height:29px;
	margin-right: 10px;
	vertical-align: top;
}

#header #headerSNS li:nth-child(4) {
	margin-right: 0;
	padding-left: 20px;
	background:url(/newhp/images/top_yaji.png) no-repeat 5px center;
	padding-top: 3px;
	box-sizing:border-box;
}

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

#header #headerLinks li.tel {text-align: center;width:42px;margin:0 -45px 0 0;vertical-align: middle;}

/* #header #headerLinks li.bouon {
	display: inline-block;
	width:32%;
	text-align: center;
}
#header #headerLinks li.siryo {
	display: inline-block;
	width:32%;
	text-align: center;
}
#header #headerLinks li.toi {
	display: inline-block;
	width:32%;
	text-align: center;
} */


@media (max-width: 440px) {

	/* #header #headerLinks li.bouon {display: none;}
	#header #headerLinks li.siryo {display: inline-block;width:49%;text-align: center;}
	#header #headerLinks li.toi {display: inline-block;width:49%;text-align: center;} */
}

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

.ham_menu {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 30px;
  height: 26px;
  cursor: pointer;
}

.ham_menu span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #5096d2;
  border-radius: 4px;
}
.ham_menu, .ham_menu span {
  display: inline-block;
  transition: all .5s;
}

.ham_menu span:nth-of-type(1) {
  top: 0;
}
.ham_menu span:nth-of-type(2) {
  top: 11px;
}
.ham_menu span:nth-of-type(3) {
  bottom: 0;
}

#sp_menu.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
#sp_menu.active span:nth-of-type(2) {
  opacity: 0;
}
#sp_menu.active span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}

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

#gNavi {
	height: 100vh;
	background: none;
	display: none;
}
#gNavi.js-menu-open-sp{
	display: block;
	height: 100vh;
	animation: fade-in 250ms ease 0s 1 forwards;
}
#gNavi .siteWidth{
	opacity: 0;
	transition: opacity 250ms ease 0s;
}

/*201016杉浦*/
.siteWidth_gnavi {
	height: 100%;
	position:static;
	opacity: 1;
	width: 100% !important;
    transition: opacity 250ms ease 0s;
	margin-left: auto;
	margin-right: auto;
}

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

#gNavi.js-menu-open-sp .siteWidth{
	opacity: 1;
}
/* #gNavi::after{
	content: "";
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
} */
/* #gNavi.js-menu-open-sp::after{
	background-color: #fff;
	pointer-events: all;
} */

#gNavi ul {
	background: none;
}
#gNavi ul li {
	float: none;
	height:61px;

}

#gNavi ul li#gn01 {width:100%;}
#gNavi ul li#gn02 {width:100%;}
#gNavi ul li#gn03 {width:100%;}
#gNavi ul li#gn04 {width:100%;}
#gNavi ul li#gn05 {width:100%;}
#gNavi ul li#gn06 {width:100%;}
#gNavi ul li#gn07 {width:100%;}


#gNavi ul li a ,
#gNavi li ul div > li a.gnavi-2line{
	display: block;
	text-align: center;
	height: 57px;
	text-indent: -9999em;
	text-indent: 0;
	line-height: 61px;
	color:#000;
	/*border-right:1px #eee solid;*/
	border-bottom:4px #BDC8D3 solid;
}

#gNavi ul li a:hover {
	border-bottom:4px #192F54 solid;
	background: #fff;
	opacity: 0.5;
}
#gNavi .gNavi-list > li > a{
	height: auto;
	line-height: 50px;
}

#eyecatch {

	xwidth: 100%;
	xheight:300px;
	xoverflow: hidden;
	xtext-align: center;

}
#eyecatch .eyecatch-item{
	width: 100vw;
}
#eyecatch .eyecatch-item:not(:first-of-type){
	display: none;
} 
#eyecatch.slick-initialized .eyecatch-item{
	display: block;
}
#eyecatch img {
	xwidth: 100%;
	xdisplay: inline-block;
}

#mainContent {}

footer {
	padding-bottom: 0px;
}

footer .siteWidth {width:100%;}

footer .footerwrap02 {
    padding-bottom: 30px;
}

#footer_links {

	padding-top: 50px;
	padding-top: 10px;
	font-size: 12px;
	display: 	none;
}
#footer_links > ul {
	float: none;
}
#footer_links .link1 {width:200px;margin:auto;}
#footer_links .link2 {width:200px;margin:auto;}
#footer_links .link3 {width:200px;margin:auto;}
#footer_links .link4 {width:200px;margin:auto;}
#footer_links .link5 {width:200px;margin:auto;}
#footer_links .link6 {width:200px;margin:auto;}

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

}

#footer_links > ul > li.child ,
#footer_links > ul > li li {
	background: none;
}

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

}

#footer_info .box1 ,
#footer_info .box2 ,
#footer_info .box3 {
	float:none;
	width:98% !important;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	text-align: center;
}
#footer_info .box1{
	margin-bottom: 3px;
}

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

#footer_fixed {
	display: flex;
	position: fixed;
	left:0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0;
	background-color: transparent;
	pointer-events: none;
}
#footer_fixed{	/* 動き用 */
	transition: transform 300ms ease 0s;
	transform: translateY(70px);
}
#footer_fixed.js-footer-fixed{
	transform: translateY(0);
}
#footer_fixed .footer_soundproof {
	display: none;
}
/* #footer_fixed .siteWidth {
	order: 2;
	padding: 4px;
	background: #1a3054;
} */
#ft_bouon{
	width: 43%;
	margin-left: 0;
	font-size: 14px;
	letter-spacing: 0;
}
/* #footer_fixed .siteWidth{
	display: block;	
} */
#footer_fixed .siteWidth_sp {
	display: block;
	text-align: center;
	/* margin: 5px 0; */
	position: relative;
	/* color: #192F54; ume */
	color: #fff;
	/* background-color: #FFF; */
	background-color: #192F54;
	border-top: 2px solid #5096D2;
	pointer-events: none;
}
.footer_topBox{
	position: relative;
}
#footer_toTop{
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	/* left:  calc((100vw - (20px + 6vw)) - 9vw); */
	right: 1%;
	border-radius: 50%;
	/* border: 3px solid #7d7d7d; */
	background:  #5096D2 url(/newhp/images/footer_top_w.png) no-repeat center  / 20px;
	box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.2);
	transition: transform 400ms ease 0s;
	pointer-events: all;
}

#footer_toTop.follow-fixed,
#ft_movie_sp.follow-fixed{
	position: fixed;
	top: auto;
	bottom: 80px;
	z-index: 10000;
}
#footer_toTop.follow-fixed{
	transform: translateY(0);
}
#footer_toTop.follow-hide{
	transform: translateY(130px);
}
.footer_soundproof_copy{
	width: 62%;
	margin-left: 0%;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.075em;
	line-height: 1.5;
}
.footer_soundproof_copy::before{
	width: 15%;
	top: -14%;
	left: 2%;
}
#ft_movie_sp{
    width: 240px;
    padding: 5px;
	margin-left: -10px;
	position: absolute;
	top: 3px;
	left: -10px;
    color: #FFF;
    background-color: #ce1919;
	border-radius: 0 25px 25px 0;
	transition: all 750ms ease 0s;
	transform: translateX(-100%);
}
#ft_movie_sp:hover{
	cursor: pointer;
}
#ft_movie_sp.follow-fixed{
	transform: translateX(0);
}
.ft_movie_inner{
	padding: 4px;
	padding-right: 16px;
	position: relative;
	font-size: 14px;
    text-align: right;
    background-color: #ce1919;
    border: 2px solid #FFF;
	border-radius: 0 25px 25px 0;
	box-shadow: 2px 2px 4px rgba(0,0,0, 0.4);
}
.ft_movie_inner::before{
    content: "";
	display: inline-block;
	width: 30px;
    height: 27px;
    position: absolute;
    top: 2px;
	left: calc(10px + 5vw);
	background: url(/newhp/images/footer_movie_icon.png) no-repeat center / contain;
}

@media screen and (max-width: 420px){
	.footer_soundproof_copy{
		text-align: center;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.footer_soundproof_copy::before{
		width: 13%;
		top: -15%;
		left: 0;
	}
}
@media screen and (max-width: 340px){

	.footer_soundproof_copy{
		text-align: right;
	}
}

.footer_logo {display: none;}


#footer_following_sp.siteWidth{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* height: 60px; ume */
	height: 70px;
	/* padding: 4px 0; */
	padding: 0 1em;
	position: relative;
	/* background-color: rgba(255,255,255,0.2); */
	box-sizing: border-box;
	pointer-events: all;
}

#footer_following_sp .footer-follow-txt{
	text-align: left;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;	/* ume */
	margin-top: -12px; /* ume */
}
#footer_following_sp .footer-follow-txt::after{
	content: "";
	display: block;
	width: 28px;
    height: 28px;
    position: absolute;
    /* top: calc(50% - 14px); ume */
	top: calc(50% - 22px);
    left: 31%;
	/* border: 2px solid #999; ume */
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	transform: rotate(45deg);
}

#footerbtn {
	cursor: pointer;
	width:200px;
	padding:5px 10px;
	margin:10px auto;
	font-size:16px;
	border:3px double #999;
	border-radius: 	2px;
	text-align: 	center;
	background: url(/newhp/files/sp_footer_arrow.png) no-repeat;
	background-size: 	17px 14px;
	background-position: 	right 30px top 11px;

}

#ft_top img,
#ft_sassi img,
#ft_toi img,
#ft_bouon img {
	display: none;
}

/* #ft_bouon_sp,
#ft_toi_sp {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 50px;
	padding: 10px 0;
	box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.2);
	height: 50px;
	font-size: 14px;
} */

/* #ft_bouon_sp {
	width: 62%;
	color: #20ab84;
	background-color: #fff;
	border: 2px solid #20ab84;
} */
.ft_toi_tel,
#ft_toi_sp {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 30%;
	height: 100%;
	/* padding: 3px 0; ume */
	padding: 10px 0;
	/* color: #28486e; ume */
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	/* line-height: 1.2; ume */
	background-repeat: no-repeat;
	box-sizing: border-box !important;
}
.ft_toi_tel{
	margin-left: auto;
	background-image: url(/newhp/images/footer_tel_icon_w.png); /* ume */
	background-size: 34px;
	background-position: top 4px center;
	color: #fff; /* ume */

}
#ft_toi_sp {
	/* width: calc(100% - 3% - 50px);
	min-width: 225px; 
	margin-left: 1%;
	color: #fff;
	background-color: #20ab84;
	border: 2px solid #fff;
	position: relative;*/
	background-image: url(/newhp/images/footer_contact_icon_w.png); /* ume */
	background-size: 37px;
	/* background-position: bottom 17px center; ume */
	background-position: bottom 28px center;
	color: #fff; /* ume */
}


#ft_top span,
#ft_sassi span,
#ft_bouon span,
#ft_toi span {
	display: inline-block;
}

footer small {
	width:100%;
	margin-top:15px;
	border-top:1px #333 solid;
	display: block;
	text-align: center;
	padding: 10px 0;

}

#footer_links table {width: 80%;margin-left: 10%;}
#footer_links th, #footer_links td {display: block;text-align: left;width: 100%;}

#copyright {
	padding-bottom: 33px;
}

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

          Breadcrumb

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

.breadcrumbs {
    margin-left: 0px;
   margin-bottom: 5px;
    color: #aaa;
    padding: 5px 0px;
   font-size: 12px;

}

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

          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 > p {
	padding: 0 5px;
}

.home .sec01 ul {padding: 15px 5px 0 5px;}

.home .sec01 ul li {
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
	display: flex;
	flex-direction: column;
}

.home .sec01 ul li .service_img_wrap {
	width: 95%;
	margin: 10px auto;
	position: relative;
	min-height: 0;
	min-width: 0;
}
.home .sec01 ul li img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.home .sec01 ul li h3 {
	background: #28486e;
	color:#fff;
	padding: 5px 0;
	font-size:18px;
	min-height: auto;
	font-weight: 600;
	line-height: 1.3em;
	text-align: center;
	order: -1;
}

.home .sec01 ul li p {
	width: 90%;
	margin: 0 auto 10px;
	font-size:13px;
	line-height: 1.4;
	border-bottom: none;
	min-height: 0;
}

.home .sec01 ul li .more_sp {
	display: inline;
	color: #23c2ea;
	background: none;
}
.home .sec01 ul li .more {
	display: none;
}

.home .sec01 .to_list {
	display: block;
	width:218px;
	margin:30px auto 10px 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;
}
.home .sec02 .to_list {
	display: block;
	width:173px;
	margin:30px auto 10px auto;
}

.home .sec02 ul {
	padding: 30px 0 0 0;
	display: block;
}

.home .sec02 ul li {
	margin:10px 10px;
	padding-bottom: 20px;
	text-align: center;
}

.home .sec02 .slide2 li.items a img {margin: 0 auto;}

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

.home .sec03 .box1 {
	float: none;
	width: 94%;
	margin:0 auto 10px auto;
}

.home .sec03 .box2 {
	float: none;
	width: 94%;
	margin:0 auto 20px auto;
}

.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 ;

}

.home .sec04 {
	padding: 50px 0 20px;
	background: #fff;

}

.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: none;
	width: 98%;
	margin:0 auto;
}

.home .sec04 .box2 {
	float: none;
	width: 98%;
	margin:0 auto;
}

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

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

.home .sec04 .blog li ,
.home .sec04 .news li {
	border-bottom: 1px #999 dotted;

}

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

.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;*/
	border-top: none;
	text-align: center;
	clear: both;
	position: relative;

}
/* umeda 20210428 */
.social_link_mn {
	margin-top: 50px;
	margin-bottom: 50px;
/*	border-top: 1px #999 solid;*/
	border-top: none;
	text-align: center;
	clear: both;
	position: relative;

}
.social_link:before {
	content: "";
	display: block;
	max-width: 100%;
	width: 100%;
	height: 10px;
	z-index: -10;
	border-top: 1px solid #000;
	position: absolute;
	top: 20px;
	left: 0;
}
/* umeda 20210428 */
.social_link_mn:before {
	content: "";
	display: block;
	max-width: 100%;
	width: 100%;
	height: 10px;
	z-index: -10;
	border-top: 1px solid #000;
	position: absolute;
	top: 20px;
	left: 0;
}
.social_link ul {
	margin-top: -24px;
}
/* umeda 20210428 */
.social_link_mn ul {
	margin-top: -24px;
}

.social_link li {
	display: inline-block;
	padding: 0 10px;
	background: #fff;
}
/* umeda 20210428 */
.social_link_mn li {
	display: inline-block;
	padding: 0 10px;
	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:35px;
}

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

.home .sec05 .to_more {
	display: block;
	width:70%;
	margin:40px auto 0;
	padding: 7px 15px;
	font-size:18px;
	border:3px #fff solid;
	box-sizing:border-box;
}
.home .sec05 .to_more:link,
.home .sec05 .to_more:visited{
	color:#fff;
}

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


}

.home .sec06 .box1 {
	float: none;
	width: 94%;
	margin:0 auto 10px auto;
}

.home .sec06 .box2 {
	float: none;
	width: 94%;
	margin:0 auto 20px auto;
}

.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 ;

}



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

          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 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;
	margin-bottom: 15px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: bottom;
	font-size: 14px;
}
/* 20210507 umeda */
/* .sp_input input[type="text"]{
	padding:initial;
	margin-bottom: initial;
	width: 70px !important;
}
.sp_input input[type="submit"]{
	margin-bottom: initial;
	color:initial;
	padding:initial;
	width:initial;
	color:black;	
} */

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

.sponly_form{
	margin-left:30px;
	margin-top:15px;
}
/* kokomade */

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

#mailForm form textarea {
	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;
}


#mailForm form .saiyo select  { width: auto; }

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

          Clearfix

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

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

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

.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; }
.table_simple.f18 { font-size :14px; }

#mailForm form input[type=text],#mailForm form input[type=tel],#mailForm form input[type=email]{
font-size:15px;
}
span.wpcf7-list-item { display: block !important; width: 100%; }
span.wpcf7-list-item label { display: block !important; text-align: left!important; }
#mailForm form input[type=text],#mailForm form input[type=email],#mailForm form input[type=tel]{
   width:70%;
}

#mailForm form input[type=text]:focus,#mailForm form input[type=email]:focus,#mailForm form input[type=tel]:focus{
   border:solid 1px #20b2aa;
}

#mailForm form input[type=text], select,#mailForm form input[type=email],#mailForm form input[type=tel]{
   outline: none;
}

.contact_right textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   padding:0 3px;
}

.contact_right textarea:focus{
   border:solid 1px #20b2aa;
}

.contact_right textarea {
   outline: none;
width:100%;
}

#mailForm form input[type=reset] { display: none; }
#mailForm form input[type=button],
#mailForm form input[type=submit]{
	font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	padding: 20px 10px;
	position:relative;
	font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	text-decoration:none;
	/* color:#fff; */
	border-radius: 5px;
	margin-top: 10px;
}

.contact_form input[type=submit]{
width:50%;
}

.contact_form input[type=text],.contact_form input[type=email]{
width:100%;
height:50px;
font-size:1.5em;
}

#mailForm form input[type="radio"]{
margin: 0 0 4px 0 !important;
}

.send input[type="submit"],
.back input[type="button"] {
	width: 80% !important;
}

.send {
	width: 49%;
	display: inline-block;
	float: right;
	text-align: left!important;
}

.back {
	float: left;
	text-align: right!important;
	width: 46%;
	display: inline-block;
}

.confirm {
font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	text-align: center;
	margin: 0px 0px;
}


.wpcf7-form {
font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
border: 0px solid #eee;
margin-bottom: 20px;
padding: 0px;
box-sizing: border-box;
}

.wpcf7-form input[type=tel],
.wpcf7-form input[type=email],
.wpcf7-form input[type=text]{ width: 96%; } /*名前、メール、題名*/
.wpcf7-form textarea{width: 96%;} /*本文*/
.wpcf7-form .wpcf7-submit{ margin-left: 10px;} /*送信ボタン*/

.wpcf7-form::after {
	clear: both;
	display: block;
	content: "";
}

.wpcf7-form dt {
	padding: 5px 15px;
	background: #faf0de;
	margin: 10px 0px;
}

span.wpcf7-list-item-label {
	color: #333;
}

.contactform { table-layout: fixed; }
.contactform th { display: block; border: solid 1px #dddddd; background:#f6f6f6; text-align: left; padding:10px 10px; font-weight: 600; width: auto;box-sizing: border-box;width: auto;}
.contactform td { display: block; border: none; padding:10px 10px;box-sizing: border-box;width: auto;}
.contactform tr { display: block;width: auto;}
.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; }

.slick-next { right: 0px !important; }
.slick-prev { left: 0px !important; z-index: 100;}

.kizi { padding: 10px 20px 50px; }
/* 20210527 umeda */
.kizi_cost { padding: 10px 20px 0px; }

#maincon #main .kizi {
	margin: 0 5px;
}

#maincon h1 {
	background: #192F54;
	color:#fff;
	padding: 10px ;
	margin:10px 5px;
	font-size:18px;

}
#maincon h1 a:link,
#maincon h1 a:visited{
	color:#fff;
}

.design_ttl {
    position: relative;
    display: inline-block;
    padding: 0 50px;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #192F54;
}

#studio_page section.sec02 {}
#studio_page section.sec02 li {
	display: block;
	width:98%;
	border:1px #ccc solid;
	border-radius: 	3px;
	margin: 0 auto 10px;
}

#studio_page section.sec02 li h4 {
	text-align: 	center;
}

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

/* 豆知識SP */
#mamechishiki_page {}
#mamechishiki_page section {
	clear: 	both;
	margin-bottom: 100px;


}
#mamechishiki_page .box1 {
	clear:both;
	float: 	left;
	width:49.9%;
	float: none;
	width:auto;

	margin-bottom:10px;
}

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

#mamechishiki_page .table_waku1 {
	width:96%;
}

#mamechishiki_page .table_waku1 th {
	display: block;
}
#mamechishiki_page .table_waku1 td {
	display: block;
}
#mamechishiki_page .table_waku1 .fs12bo {
	display: block;
	width:100%;
	height: 100%;
	background: #eef;

}

/* 無響室SP */
#mukyo_page .table_waku1 {
	width:96%;
}

#mukyo_page .table_waku1 th {
	display: block;
}
#mukyo_page .table_waku1 td {
	display: block;
}
#mukyo_page .table_waku1 .fs12bo {
	display: block;
	width:100%;
	height: 100%;
	background: #eef;

}

/* kodawari_page */
#kodawari_page {}
#kodawari_page section .box1 ,
#kodawari_page section .box2 {width:100%;}
#kodawari_page section:nth-child(odd)  .box1 ,
#kodawari_page section:nth-child(even) .box1 ,
#kodawari_page section:nth-child(odd)  .box2 ,
#kodawari_page section:nth-child(even) .box2 {float: none;}
#kodawari_page section:nth-child(odd)  .box1 img {left: 0px;top: 0px;box-sizing: border-box;margin: 0 auto;}
#kodawari_page section:nth-child(even) .box1 img {right:0px;top: 0px;box-sizing: border-box;margin: 0 auto;}
#kodawari_page section .box2 h3 {text-indent: initial;text-align: center;}
#kodawari_page section .outpg {text-align: center;}

/* 20180502 */
.read {width: 100%;float: none;}

#t_design img.catch-img {display: block;margin: 0 auto 10px;}
#t_design ul.navi {display: block;}
#t_design ul.navi li {float: none;width: 100%;}
#t_design ul.navi li > a {}

#service_page ul.navi {display: block;}
#service_page ul.navi li {float: none;width: 100%;margin-bottom: 10px;}
#service_page ul.navi li > a {}

#types li { display: block !important; }
#sekou {
  width: auto;
  margin: 0 auto;
}

table.history tr:nth-child(even) { background-color:#fefefe;}
table.history tr:nth-child(odd) { background-color:#fefefe; }
table.history th {border: 1px solid #dddddd; text-align: left; padding:10px 10px; font-weight: 500; vertical-align: top; background: #dddddd; display: block; }
table.history td {border: 0px solid #dddddd; padding:10px 10px 10px 10px; vertical-align: top; display: block; }
table.history caption { padding: 10px 10px; background: #192F54; font-weight: 500; text-align: left;  color: #fff; font-size: 18px;}

/* 20180507 */
#blog_list li {
  width: 100%;
  margin: 0 0 24px;
}
#blog_list li:nth-child(3n) {
  float: none;
  margin-right: 0px;
}
#blog_list li:nth-child(2n) {
  float: none;
  margin-right: 0px;
}
@media (min-width: 480px) and (max-width: 680px) {
  #blog_list li {
    width:calc(50% - 6px);
    height: 236px;
    margin: 0 12px 24px 0;
  }
  #blog_list li:nth-child(3n) {
    float: left;
    margin-right: 12px;
  }
  #blog_list li:nth-child(2n) {
    float: right;
    margin-right: 0px;
  }
}

/*20180510*/
#bouon_page {}
#bouon_page section {margin-bottom: 20px;}
#bouon_page section .box1 span {display: block;padding: 0 15px 15px;}
#bouon_page section .box1 ,
#bouon_page section .box2 {width:100%;padding-top: 20px;}
#bouon_page section:nth-child(odd)  .box1 ,
#bouon_page section:nth-child(even) .box1 ,
#bouon_page section:nth-child(odd)  .box2 ,
#bouon_page section:nth-child(even) .box2 {float: none;}
#bouon_page section:nth-child(odd)  .box1 img {left: 0px;top: 0px;box-sizing: border-box;margin: 0 auto;}
#bouon_page section:nth-child(even) .box1 img {right:0px;top: 0px;box-sizing: border-box;margin: 0 auto;}
#bouon_page section .box2 h3 {text-indent: initial;text-align: center;}
#bouon_page section .outpg ,
#bouon_page section .outpg-l,
#bouon_page section .outpg-r {text-align: center!important;padding-top: 0!important;}
#bouon_page section .box3 {margin-bottom: 20px;}
#bouon_page section .box3 span {padding: 15px;}
#bouon_page section .box3 img {position: relative;left: 0;top: 0;border: none;display: block;margin: 0 auto;}
#bouon_page section .box5 li {
  float: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-right: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
#bouon_page section .box5 li img {margin: 0 auto;display: block;}
#bouon_page section .box5 li div {padding: 15px;}
@media (max-width: 480px) {
	#ksa-panel_page .box1 ,
	#ksa-panel_page .box2 {float: none;width: 100%;}
	#ksa-panel_page #sec01 ul li ,
	#ksa-panel_page #sec03 ul li ,
	#ksa-panel_page #sec04 ul li {display: block;float: none;margin-right: 0px;width: 100%;text-align: center;}
}

/* 20180510 */
/* ul.worklist.worklist-priceは200414追加 */
#work-list {}
#work-list .top-catch {padding: 10px;}
#work-list .top-catch img {display: block;margin: 0 auto 10px;float: none;}
#work-list ul.worklist, ul.worklist.worklist-price{display: block;}
#work-list ul.worklist li, ul.worklist.worklist-price li {display: block;width: 100%;float: none;margin: 0 0 20px;}
#work-list ul.worklist li img, ul.worklist.worklist-price li img {width: 100%;height: auto;}

#work-dtl #slider {width: 100%; max-height: initial;}
#work-dtl #slider img {display: block;float: none;margin: 0 auto; max-height: initial;}
#work-dtl #thumbnail_slider {width: 100%;}
#work-dtl .spec_ttl {
    display: inline-block;
    color: #192F54;
    padding: 20px 0;
    font-size: 20px;
    border-top: 2px dashed #192F54;
    width: 100%;
}
#work-dtl ul.kanrenwork {width: 100%;}
#work-dtl ul.kanrenwork li {
    display: block;
    text-align: center;
    width: 100%;
	margin-bottom: 15px;
	box-sizing: border-box;
}
#work-dtl ul.kanrenwork li h3 { width: auto; text-align: center; }
#work-dtl ul.kanrenwork li img {margin: 0 auto;float: none;}

#voice-list ul.worklist {display: block;}
#voice-list ul.worklist li {display: block;width: 100%;margin-bottom: 20px;text-align: center;}
#voice-list ul.worklist li img {width: auto;height: auto;}

#prevANDnext p.prev img ,
#prevANDnext p.next img {display: none;}

.voice img {float: none!important;margin: 20px auto!important;display: block;}

#service_page .sec01 ul li , 
#service_page .sec03 ul li {display: block;float: none;width: 100%;box-sizing: border-box;margin: 0 0 10px 0;}
#service_page .sec01 ul li img , 
#service_page .sec03 ul li img {display: block;float: none;width: 100%;margin: 0 auto;}

.top-catch img { float: none; display: block; margin: 10px auto; }

.rightlink a { display: block; width: auto; }

#areatop,
#tatemonotop,
#casetop { overflow: hidden; position: relative; }

#casetop img { max-width: 1000px;  width: 1000px; margin-top: 20px; }

#areatop img,
#tatemonotop img {
	 max-width: 995px;  width: 995px; margin-top: 20px;
}

#tab01open {
	position: absolute;
    top: 35px;
    right: 20px;
    font-size: 36px;
}

#tab03open,
#tab02open {
	position: absolute;
    top: 28px;
    right: 20px;
    font-size: 36px;
}

.scroll table{
	width:100%;
}
.scroll{
	overflow-x:scroll;
	overflow-y: hidden;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar{
	height: 5px;
}
.scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

#mainContent #recording_page .items,
#mainContent #piano_page .items { float: none !important; margin-left: auto !important; margin-right: auto !important; }
#mainContent #piano_page .items:nth-child(3n+1) { float: none; }

table.footnavi td { display: block; }

#mainContent #livehouse_page .sec03 .box1 {
	float: none;
	width: auto;
}

#mainContent #dtm_page .sec02 ul li ,
#mainContent #hiGrade_page .sec02 ul li {
	float: none;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.kanren { width: 100%; }

/* 20180514 */
#t_company_interview table td {display: block;width: 100%;}
#t_company_interview table td:first-child {text-align: center;}

.kizi .half_left {
    position: relative;
    float: none;
    width: 100%;
    margin-right: 0%;
}

.kizi .half_right {
    position: relative;
    float: none;
    width: 100%;
}

.servicetable { width: 100%; }
.servicetable td { display: block; }
.servicetable td:last-child { width: 100%;}

.service_souon_table td {display: block; }
.service_souon_table td img { max-width: 47%; }

.servicefooter img {
  height: 250px!important;
  margin-right: auto!important;
  display: block!important;
  margin-bottom: 10px!important;
	object-fit: cover!important;
	font-family: 'object-fit: cover;'!important;
}

#mainContent #livehouse_page .items { float: none !important; margin-left: auto !important; margin-right: auto !important; }
#mainContent #livehouse_page .items:nth-child(3n+1) { float: none; }

@media (max-width: 320px) {
	.contactform .mokuteki .wpcf7-checkbox .wpcf7-list-item { width: 200px; }
	.contactform .kikake .wpcf7-checkbox .wpcf7-list-item {  width: auto; margin-left: 0px; }

}

.ajax-loader { display: none!important; }

/*================================================
2018.11.30追加
================================================*/
.alnR { text-align: right!important; }
.alnL { text-align: left!important; }
.alnC { text-align: center!important; }
#gNavi ul li {
	height: auto!important;
	box-sizing: border-box;
}
#gNavi ul li a:before {
    content: none;
}
#gNavi li.tgl ul {
    position: relative;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    background: #fff;
	z-index: 9999;
	display: none;
	overflow: hidden;
}
#gNavi li.tgl.open ul {
	top: 100%;
    max-height: 260px;
    visibility: visible;
    overflow-y: scroll;
}
#gNavi li.tgl ul div {
	max-width: 1000px;
    width: 100%;
	margin: 0 auto;
}
#gNavi li.tgl ul div > li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    text-align: left;
}
#gNavi li.tgl ul div > li:nth-child(4n) {
    margin: 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: 0px;
	padding: 0 0 0 27px;
	margin: 0;
	position: relative;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	line-height: 47px;
	border-bottom: 1px solid #ccc;
}
#gNavi li.tgl ul div > li:last-child a {
	border-bottom: 4px #BDC8D3 solid;
}
#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;
	color: #102953;
    background-color: none;
    border-radius: 0;
    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;
}
.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: 100%;
	background: #f4f4f4;
	display: block;
}
table.com_link th {
	width: 100%;
	background: #fff;
	display: block;
}
table.com_gaiyou td, table.saiyou td, table.com_link td {
	width: 100%;
	background: #fff;
	text-align: center;
	display: block;
}
table.saiyou th, table.saiyou td { text-align: left; }

a.linkBtn {
    max-width: 300px;
    display: block;
    width: 90%;
    text-align: center;
    /* background: #fff;
    color: #192F54; */
    background: #085bd9;
    color: #fff;
    text-decoration: none;
    /* border: 1px solid #192F54; */
	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;
}
a.linkBtn:hover {
	/* background: #192F54;
	color: #fff; */
	background: #fff;
	color: #085bd9;	
}
#greeting h2 {
	display: inline-block;
	margin: 0 0 1em;
	font-size: 150%;
}
#greeting .ceoImg {
    float: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}
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: 100%;
    float: left;
    margin: 0;
    padding: 0;
    color: #a31a24;
}
#page_ivent ul li h2 {
	width: 100%;
	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: 20px;
    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 {
	width: 100%;
	height: auto;
}
.ctsBox {
	width: 100%;
	display: inline-block;
	margin: 0 0 20px;
	padding: 0;
}

/*緊急お知らせ*/
.emergency {
	width: 90%;
	margin-bottom: 20px;
	padding: 10px 0;
	font-size: 0.9em;
	line-height: 22px;
}
.emergency span {
	padding-right: 0;
	display: block;
}
/* SP版トップページ */
.mainCts_wr {
    width: 90%;
    float: left;
    margin: 0 5% 25px;
    padding: 0;
}
.sideCts_wr {
    width: 90%;
/*    float: left; */
	float: none;
	display: flex;
	flex-wrap: wrap;
    margin: 0px 5% 30px;
    padding: 0;
}
.sideCts_wr .inBox {
    width: 48%;
    margin: 0 1% 1%;
    padding: 0;
/*    float: left; */
	display: inline-block;
}
.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;
}
.top_subMenu .menuBnr {
    width: 47%;
    margin: 0 0 20px 0;
}
.mainCts_wr h2 {
    width: 100%;
    background: #33567d url(/newhp/images/title_bg.png) repeat-x bottom;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: 0 0 20px;
    padding: 15px 10px;
    display: block;
    box-sizing: border-box;
}
.mainCts_wr p.bdrBox {
    width: 100%;
    font-size: 15px;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
	border: 1px solid #162948;
}
#taiken_room .movie, #movie .movieBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#taiken_room .movie iframe, #movie .movieBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
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: 90%;
    float: left;
    margin: 0 5% 20px;
    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 5% 20px;
}
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;
}
.kizi iframe {
	width: 100%!important;
}


/*お問い合わせフォーム*/
#mailForm {
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	display: block;
}
#mailForm .wrap {
	max-width: 800px;
	width: 90%;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#mailForm p.lead {
	font-size: 18px;
	line-height: 2em;
	text-align: left;
	margin: 0 0 50px;
	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;
*/
	padding: 20px 10px;
}
#mailForm table li {
	display: block;
	line-height: 2.1em;
}
/*
#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;
	width: 100%!important;
	display: block!important;
}
#mailForm table th {
	font-weight: normal;
	background: #F9F8F4;
	text-align: left;
}
#mailForm table td {
	background: #fff;
}
*/

#mailForm table th { display: block; width: 100%; }
#mailForm table p { margin: 0px; }
#mailForm form span,#mailForm span.red {
    color: #D40003;
    padding: 0;
    margin: 0 0 0 2px;
}
#mailForm .wd_s {max-width: 80px; width: 100%;}
#mailForm .wd_m {max-width: 400px; width: 100%;}
#mailForm .wd_l {width: 100%;}
input#last_name,
input#first_name { width: 6em!important; }


#mailForm .birth-y .wd_s {max-width: 80px!important; 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: 10px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	font-size: 16px;
	vertical-align: baseline;
}

#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: 16px;
	height: 35px;
	width: 100%;
}
#mailForm form textarea {
	width: 70%;
	height: 10em;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 16px;
}
#mailForm .sbmBtn01,
#mailForm .sbmBtn02 {
    width: 45%;
    height: 55px;
    line-height: 1;
	border-radius: 5px;
    background: #fff;
    color: #1c3341;
    font-size: 16px;
    border: 1px solid #1c3341;
    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;
}
#mailForm .sbmBtn01:hover {
	color: #fff;
    background: #1c3341;
}
#mailForm .btnBox {
    width: 100%;
	display: block;
	margin: 25px 0 50px 0;
}
/* 200318 追加 */
#mailForm .sbmBtn02{
	color: #666;
	border-color: #666;
}
#mailForm .sbmBtn02:hover{
	color: #FFF;
	background: #666;
}
/* 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: 22px;
    border: 1px solid #aaa;
    text-align: center;
    font-size: 16px;
    line-height: 2em;
    margin: 50px auto;
}
#telBox span {
	font-size: 22px;
	font-weight: bold;
}
#mailForm input[type="submit"] {
  -webkit-appearance: none;
}
#mailForm .w-t-l {
	height: 1px;
	overflow: hidden;
}
.harfBox000 {
	width: 90%;
	margin: 0 5% 25px;
	padding: 0;
	float: left;
}
/*====================================================
20190322追加
====================================================*/
.flexBox.list-7 > div {
    width: 32%;
    margin-right: 2%;
    margin-bottom: .5em;
}
.flexBox.list-7 > div:nth-child(3n) {
    margin-right: 0;
}
.flexBox.list-7 > div:nth-child(7) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
/* umeda */
.flexBox.list-6 > div {
    width: 32%;
    margin-right: 2%;
    margin-bottom: .5em;
	font-size: 0.9em !important;
}
.flexBox.list-6 > div:nth-child(3n) {
    margin-right: 0;
}
.flexBox.list-6 > div:nth-child(7) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
.sp_fontsize{
	font-size:0.98em;
}
/* kokomade umeda */

#kodawari .ctsBlock,
#price .ctsBlock {
    margin: 0 0 30px;
}
#kodawari .menuBox a {
    padding: 10px;
}
#kodawari .menuBox span {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
    display: block;
    line-height: 1em;
}
#kodawari .halfBox,
#price .halfBox,
.cost .halfBox,
#s_mansion .halfBox {
    width: 100%;
    margin: 0 0 3em;
}
#kodawari .halfBox:last-of-type,
#price .halfBox:last-of-type,
#s_mansion .halfBox:last-of-type{
    margin: 0 0 0;
}
#kodawari a.linkBtn,
#price a.linkBtn {
    margin-top: 2em;
    display: block;
}
#kodawari #num1 .flexBox {
    flex-direction: row-reverse;
}
#kodawari #num7 .halfBox {
    width: 100%;
    margin: 0 0 0;
}
#kodawari .list_type01 li,
#price .list_type01 li{
    font-size: 15px;
}
#kodawari h3,
#price h3 {
    margin: 0 0 .5em;
}
.linkBox {
    width: 100%;
    box-sizing: border-box;
}

#s_mansion .flexBox.list-3 > div {
    width: 90%;
    margin: 0 0 3em auto;
    padding: 0;
}

.midashi12 {
    font-size: 22px;
    line-height: 1.2em;
}
.type_blue {
    font-size: 18px;
}

/* お問い合わせ訴求エリア */
.contactBox {
    width: 100%;
	margin-bottom: 30px;
}
.contactBox h4 {
    text-align: center;
}
.contactBox .halfBox.tel {
    padding-right: 0!important;
    width: 100%!important;
    margin-bottom: 1em!important;
}
.contactBox .halfBox.mail {
    padding-left: 0!important;
    width: 100%!important;
}

.works_fLink a {
    display: block;
    width: 80%;
    box-sizing: border-box;
}


.forpc { display: none!important; }
.forsp { display: inline-block!important; }


/*---------------------
  200226追加
----------------------*/
.ui-tabs .ui-tabs-nav {
	display: flex;
	height: 35px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li {
	display: inline-block;
}
.ui-tabs .ui-tabs-panel {
	padding: 0 !important;
}

/* 『横スクロールできます』の文章 */
.scroll + span.sponly,
.scroll-notice{
	font-size: 14px;
/*	color: #F00; */
}

/* 防音室体験ページ */
#taiken_page .soundproof-sample-list {
	justify-content: center;
}
#taiken_page .soundproof-sample-list li{
	width: 100%;
	max-width: 360px;
}

/*================================================
			画像モーダルウィンドウ
================================================*/
.easy-modal-area{
	height: auto;
}
.easy-modal-imgArea{
	width: 80%;
	min-height: 60px;
}
.easy-modal-arrow{
	width: 10%;
	max-width: 50px;
}
.easy-modal-arrow.prev{
	left: 0;
}
.easy-modal-arrow.next{
	right: 0;
}
.easy-modal-closeBtn{
	right: 0;
	top: 1.5%;
}
.easy-modal-wrap.modal-text-mode::before{
	background-color: rgba(0, 0, 0, 0.85);
}
.modal-text-mode .easy-modal-imgArea{
	width: 80%;
	height: auto;
}
.modal-text-mode .easy-modal-textArea{
	width: 94%;
}
.modal-text-mode .easy-modal-arrow{
	width: 7%;
	height: 60%;
	top: 9%;
	background-size: contain;
}
.modal-text-mode .easy-modal-arrow.prev{
	left: 3px;
}
.modal-text-mode .easy-modal-arrow.next{
	right: 3px;
}
/* .modal-text-mode .easy-modal-imgArea.portrait{
	display: flex;
} */
.modal-text-mode .easy-modal-imgArea.portrait img{
	width: 100%;
	height: auto;
}

/*****************************************
 			全幅お問い合わせエリア
 *****************************************/
	/* お問い合わせボタン */
    .simple_contact_area .service-contactBtn,
    .service-contactBox .service-contactBtn{
        width: 80%;
		font-size: 23px;
        letter-spacing: -0.06em;
    }
	/* フッターお問い合わせ */
    .service-contactBox.footer{
        flex-direction: column;
        justify-content: space-around;
        height: 180px;
    }

/* 201030_杉浦_新規追加するものは今後ここから */

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

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

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

.title_main{
    font-size: 24px;
    padding: 15px 0;
    margin: 10px 0 0 0;
}

.title_main_medium{
    font-size: 22px;
    margin: 0;
    padding: 10px 0;
}

.title_large{
    font-size: 24px;
}

.title_large_strong{
    font-size: 40px;
}

.title_medium{
    font-size: 18px;
}

.box_common_02{
    display:block;; 
}

.box_common_03 {
    width: 100%;
}
/* umeda */
.box_common_03m {
    width: 50%;
}
.ol_common_01 {
    font-size: 18px;
    padding: 30px 0;
    }

.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: none;
    }

.service-plan-table tbody th.grade_a:after {
    content: "★";
}

.service-plan-table tbody th.grade_b:after {
    content: "★★";
}

.service-plan-table tbody th.grade_c:after {
    content: "★★★";
}

.title_mansion_full {
    margin-top: auto;
    margin-bottom: 20px;
    font-size: 10vw;
    line-height: 1.4;
    letter-spacing: -0.09em;
}

.movie_container{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
}

.movie_container_cmansion{
	width: 100%;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 20px;
}

.movie_container_movie{
	height: 250px;
}

/*価格ページ*/

.kizi_cost{
    padding: 12px 20px 0 20px;
    margin: 0 auto;
}

.cost_container_inner{
	width: 100%;
    margin: 0 0 10px 0;
}

.nav_cost_construction{
    display: block;
}

.nav_cost_construction-inner {
	width: 100%;
    height: 40px;
    font-size: 18px;
	margin: 0 0 10px 0;
}

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

/* 20210511 umeda */
	.page_tops{
		display:none;
	}
	.page_tops2{
		display:block;
	}
.sp_ent{
	width:90%;
	padding-left:15px;
}
.txtbloc { padding-left: 0px; padding-right: 0px; }
.pcpt100 { padding-top: 10px; }

#chatplusview.closed #outline #eye_catcher img { width: 130px !important; }
#chatplusview.closed.headless #outline #eye_catcher { margin-bottom: 65px; margin-right: 40px; }
.workdata01 img { width: 47%; margin: 10px 1%; }
.workdata02 img { width: 47%; margin: 10px 1%; }
body.page-id-13006 .midashi13 { font-size: 18px; }
body.page-id-13006 .midashi12 { font-size: 18px; }
body.page-id-13006 .condition4  { font-size: 13px; }
body.page-id-13006  a.linkBtn.btn-square { font-size: 14px; }
	#anc01 .sdgsttl {
	font-size: 24px;
	line-height: 1.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	}
	#anc01 .ttl01 {
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	padding-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	}
	#anc01 .txt { font-size: 18px; line-height: 1.8em; }
	#anc01 .txt02 { font-size: 15px; line-height: 1.8em; }
	#anc01 .txt02:before {
	display: block;
	content: "";
	clear: both;

	}
	#anc01 .clearfix:after {
	display: block;
	content: "";
	clear: both;
	}
	#anc01 .imgalignleft { float: left; margin-right: 10px; width: 90px; margin-bottom: 10px; }

ul.worklist li:nth-child(3n + 3),
ul.worklist li { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px;  }
ul.worklist li > a { height: auto; }
.eventbloc .leftbloc { width: auto;  margin-right: 0px; margin-bottom: 20px; float: none;}
.eventbloc .rightbloc { width: auto; float: none; }
.eventbloc .rightbloc img { max-width: 100%; height: auto; }

body.single-voice .clumn1_wrap{
	max-width: 100%;
	display: block;
}
body.single-voice .moviettl {
	margin-top: 40px;	
}
table.piano-price .ptxt {
	white-space: normal;
}
table.kouji-price th { width: 5em; }
table.doramu-price th { width: 5em; }

#mainContent h1 { font-size: 18px; }
#mainContent h1 {
	font-size: 26px;
	font-weight: 600;
	text-align: left;
	padding: 0px 1em;
	margin: 0.5em 0px;
}
.allowance-value-table {
	font-size: 13px;
}

iframe.videosp { max-height: 200px; }