@charset "utf-8";

/*
============================================

　           Style CSS

============================================
*/


html,
body {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

body {
  /*font-family: 'Noto Sans JP', sans-serif;*/
  /*font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.778;
  color: #333333;
}

a {
	color: #0033cc;
}

a:visited {
	color: #663399;
}

a:hover,
a:active {
	color: #dd2222;
	text-decoration: none;
}

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

/*.wrap {
	width:960px;
	margin: 0 auto 3rem;
	display: flex;
	-js-display: flex;
}*/

article {
	width:960px;
	margin: 0 auto 3rem;
	z-index: 1;
	position: relative;
}

section {
	margin-top: 3rem;
}

hr {
	border-color: #ee7a00;
	border-width:2px;
}


/* Header
-----------------                           
*/

header {
	width:960px;
	margin: 0 auto;
	position: relative;
}

.header_catch {
	margin: 0;
	font-size: 0.8rem;
	color: #959595;
}

header h1 {
	/*margin: 10px auto 0;*/
	margin: 5px 0 10px;
	padding: 0;
	width: 314px;
}

header h1 a {
	text-decoration: none;
	color: #333333;
}

header h1 a img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

header h1 a img:active,
header h1 a img:hover {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.95);
}

.lixil_member {
	position: absolute;
	top:35px;
	left:350px;
	color: #ee7a00;
	font-weight: 400;
	font-size: 0.8rem;
}

.stripe_box {
	overflow: auto;
	margin-top: 0.5rem;
}

.header_phone {
	position: absolute;
	top:10px;
	right:0;
	width:300px;
	margin: 0;
}

.stripe_box div {
	width:50%;
	height: 4px;
	background: #333333;
	float: left;
}

.stripe_box div.left_orange {
	background: #ee7a00;
}

/* Global Navi
-----------------                           
*/

nav {
	width:100%;
	height: 50px;
	/*margin-top: 0.5rem;*/
	padding: 0;
	transition: .2s;
	background: #ffffff;
	/*z-index: 1000;
	position: relative;*/

}

nav ul,
.bottom_nav ul {
	width:960px;
	margin: 0 auto;
	padding: 0;
}

nav ul li,
.bottom_nav ul li {
	/*display: block;*/
	float: left;
	width: 192px;
	height: 50px;
	list-style: none;
	border-right:solid 1px #cbcbcb;
	box-sizing: border-box;
}

nav ul li:nth-child(5),
.bottom_nav ul li:nth-child(4) {
	border-right:none;
}

nav ul li a:link,
nav ul li a:visited {
	display: table-cell;
	text-indent: -9999px;
	width: 192px;
	height: 50px;
	font-weight: 500;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
}

nav ul li a#menu_home,
nav ul li a#menu_services,
nav ul li a#menu_works,
nav ul li a#menu_company,
nav ul li a#menu_voices {
	background-image: url(../common-images/home_btn.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

nav ul li a#menu_services {
	background-image: url(../common-images/services_btn.png);
}

nav ul li a#menu_works {
	background-image: url(../common-images/works_btn.png);
}

nav ul li a#menu_company {
	background-image: url(../common-images/company_btn.png);
}

nav ul li a#menu_voices {
	background-image: url(../common-images/voices_btn.png);
}

nav ul li a:active,
nav ul li a:hover,
.bottom_nav ul li a:active,
.bottom_nav ul li a:hover {
	background: #eeeeee;
}

nav.is-fixed ul li {
	height: 42px;
}

nav.is-fixed ul li a {
	height: 42px;
	background-position: 0 0 !important;
}


@media screen and (min-width: 768px) {
	.mobile_only_menu {
		display: none;
	}
}



.is-animation {
	height: 42px;
}

.is-animation ul li {
	height: 42px;
}

.is-animation ul li a {
	height: 42px;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	margin-top: 0;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}

#toggle {
	display: none;
}



/* Common Parts
-----------------                           
*/


.breadcrumb_list {
	font-size: 1rem;
	color: #ababab;
}

.breadcrumb_list a:link,
.breadcrumb_list a:visited {
	color: #959595;
	font-size: 1rem;
}

.breadcrumb_list a:hover,
.breadcrumb_list a:focus {
	color: #dd2222;
}


table {
	border-collapse: separate;
	border-spacing: 6px 4px;
	line-height: 1.2em;
	margin-top: 0;
	width: 100%;
}

table caption {
	text-align: left;
	/*font-size: 1.2rem;*/
	line-height: 1.2rem;
	color: #65a109;
	font-weight: bold;
}

table tr th,
table tr td {
	padding: 0.4rem;
	border-radius: 2px;
	font-size: 1rem;
}

table tr th {
	background: #dedede;
	font-weight: 500;
	width:11rem;
}

table tr td {
	border-collapse: collapse;
	border: 1px solid #959595;
	padding: 0.4rem;
	background: #fafafa;
}

.right_menu {
	width: 200px;
}

.right_menu h2 {
	border-radius: 4px;
	margin: 0;
	padding: 0.5rem 0;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
	background: #fee12b;
	/*border:solid 1px #333333;*/
	box-sizing: border-box;
}

.right_menu ul {
	padding: 0 0.5rem;
	margin: 0;
}

.right_menu ul li {
	list-style: none;
}

.right_menu ul li a:link,
.right_menu ul li a:visited {
	display: block;
	text-decoration: none;
	color: #656565;
	padding: 0.4rem 0;
	font-size: 80%;
	border-bottom: dotted 2px #cdcdcd;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	box-sizing: border-box;
}

.right_menu ul li a:hover,
.right_menu ul li a:focus {
	background: #eeeeee;
}

.right_menu ul li a:before {
	content:"▶";
	font-size: 0.6rem;
	color: #959595;
	margin-right: 0.2rem;
}

/* Top Page Parts
-----------------                           
*/

.top_slide_wrap {
	width: 100%;
	height: 550px;
	margin: 0 0 3rem;
	position: relative;
	z-index: 1;
}

.top_slide_box {
	/*z-index: 1;*/
	width:100%;
	height:100%;
	/*position:relative;*/
	margin: 0;
	background-repeat:no-repeat;
	background-size:contain;
}

.top_video_box {
	overflow: auto;
}

.top_video_box img {
	width:40%;
	float: left;
}

/*.top_video_box h2 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
	color:#855049;
	margin: 0;
}*/

.top_video_box h2 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
	background: #ffe275;
	padding: 10px;
	margin: 0 0 0 42%;
	border-radius: 4px;
}

.top_video_box p {
	margin: 2rem 0 0 42%;
}

.video_link {
	text-align: right;
}

.video_link a:link,
.video_link a:visited {
	/*display: block;*/
	border-radius: 2px;
	background: #f35938;
	color: #ffffff;
	text-decoration: none;
	padding: 0.5rem 1rem;
	text-align: center;
	width: 8rem;
	transition: opacity 0.3s ease-out;
}

/*.video_link a:link,
.video_link a:visited {
	color: #959595;
}*/

.video_link a:hover,
.video_link a:focus {
	opacity: .6;
}

.top_catch {
	width:40%;
	height: auto;
	margin: 0 auto;
	padding-top: 7%;
}

.toppage_catch_box {
	background: #fee12b;
	border-radius: 4px;
	margin: 0 0 2rem;
	padding: 0 0.5rem 0.5rem;
	box-sizing:border-box;
}

.catch_sub_box {
	background: #ffffff;
	border-radius: 4px;
	padding: 10px;
	overflow: auto;
}

/*.toppage_catch_box {
	border: 4px solid #82636b;
	border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
	margin: 0 0 2rem;
	padding: 1em;
}*/

.toppage_catch_box h2 {
	margin: 0;
	padding: 0.7rem 0;
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
}

.toppage_catch_box img {
	width:30%;
	height: auto;
	margin: 0 1rem 0 0;
	float: left;
}

.toppage_catch_box p {
	margin: 0;
}

/*.top_others_header {
	font-size: 1.4rem;
	font-weight: 400;
	color: #f48400;
	margin: 0;
	border-bottom: solid 1px #855049;
}*/

.top_others_header {
	font-size: 1.4rem;
	/*line-height: 1.4rem;*/
	font-weight: 400;
	color: #f48400;
	border:solid 2px #f48400;
	border-radius: 4px;
	padding: 0 10px;
}


/*Top Page Sub-Box*/



.top_card_wrap {
	overflow: auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.top_services_sub_box {
	width:475px;
	overflow: auto;
	box-sizing: border-box;
	margin: 0 0 1rem;
	border:solid 1px #cdcdcd;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	transition: opacity 0.3s ease-out;
}

.top_services_sub_box:hover,
.top_services_sub_box:focus {
	/*-webkit-transform: scale(0.97);
	-moz-transform: scale(0.97);
	-o-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);*/
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	opacity: .6;
}

.top_services_sub_box a {
	text-decoration: none;
}

.top_services_sub_box img {
	width:200px;
	float:left;
	vertical-align: bottom;
}

.top_services_sub_box h3 {
	font-size: 1.2rem;
	font-weight:400;
	/*background: #855049;*/
	color: #855049;
	padding: 0;
	margin: 0.2rem 0.5rem 0 210px;
	border-bottom: solid 1px #855049;
}

.top_services_sub_box p {
	color: #333333;
	font-size: 0.9rem;
	margin: 1rem 0.5rem 0 210px;

}

.example_header {
	font-size: 1.4rem;
	font-weight: 400;
	color: #ffffff;
	background: #f48400;
	border-radius: 3px;
	position: relative;
}

/*.example_header {
	font-size: 1.4rem;
	font-weight: 400;
	position: relative;
	border:solid 1px #333333;
	border-radius: 3px;
}*/

.example_header span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0 0.5rem 0 1rem;
	background-color: #f48400;
	text-align: left;
}

.example_header:before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 98%;
	height: 1px;
	background-color: #ffffff;
}

/*.example_header span span {
	font-size: 0.8rem;
	color: #ababab;
	display: inline-block;
	margin-left: 2rem;
}*/

/*------------------------------------------*/
/*@media screen and (min-width: 768px) {
.mobile_br {
	display: none;
}

}*/
/*------------------------------------------*/

.top_card_sub_box{
	width:460px;
	margin-bottom: 2.5rem;
	border-radius: 4px;
	border:solid 1px #cdcdcd;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s ease-out;
}

.top_card_sub_box:hover,
.top_card_sub_box:focus {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	opacity: .6;
}

.top_card_sub_box img {
	vertical-align: bottom;
}

.top_card_sub_box a {
	text-decoration: none;
}

.top_card_inner_box {
	padding: 1rem 0.5rem;
}

a .top_card_inner_box p {
	color: #333333;
	font-size: 0.9rem;
	margin: 0.5rem 0 0;
	background: #ffffff;
}

a .top_card_inner_box h3,
a .works_card_inner_box h3 {
	font-size: 1.2rem;
	font-weight:400;
	padding: 0 10px;
	color: #582d32;
	margin: 0;
	background: #ffe275;
	border-radius: 2px;
}

a .works_card_inner_box h3 {
	font-size: 1.1rem;
}

a .top_card_inner_box h3 span,
a .works_card_inner_box h3 span {
	font-size: 0.8rem;
	padding-left: 1rem;
	color: #757575;
}

a .works_card_inner_box h3 span {
	font-size: 0.75rem;
}

/*a .top_card_inner_box h3 {
	font-size: 1.2rem;
	font-weight:400;
	color: #855049;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}*/

/*------------------------------------------*/
/*@media screen and (min-width: 768px) {

a .top_card_inner_box h3:before,
a .top_card_inner_box h3:after {
	content:"";
	display:block;
	height:4px;
	width: 95px;
	border-top:1px solid #855049;
	border-bottom:1px solid #855049;
	position:absolute;
	top:50%;
	margin-top:-2px;
}

a .top_card_inner_box h3:left {
	left: 0;
}

a .top_card_inner_box h3:after {
	right: 0;
}

}*/
/*------------------------------------------*/



.top_othermenu_sub_box {
	width:300px;
	margin-bottom: 2.5rem;
	border-radius: 4px;
	border:solid 1px #cdcdcd;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s ease-out;
}

.top_othermenu_sub_box:hover,
.top_othermenu_sub_box:focus {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	opacity: .6;
}

.top_othermenu_sub_box a {
	text-decoration: none;
}

.top_othermenu_inner_box {
	padding: 0.5rem 0.5rem 1rem;
}

.top_othermenu_sub_box p {
	color: #333333;
	font-size: 0.9rem;
	margin: 0.5rem 0 0;
}

.top_othermenu_sub_box a h3 {
	font-size: 1.2rem;
	font-weight:400;
	padding: 0 10px;
	color: #582d32;
	margin: 0;
	background: #ffe275;
	border-radius: 2px;
}

/*.top_othermenu_sub_box a h3 {
	font-size: 1.2rem;
	font-weight:400;
	color: #855049;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}*/

/*------------------------------------------*/
/*@media screen and (min-width: 768px) {

.top_othermenu_sub_box a h3:before,
.top_othermenu_sub_box a h3:after {
	content:"";
	display:block;
	height:4px;
	width: 70px;
	border-top:1px solid #855049;
	border-bottom:1px solid #855049;
	position:absolute;
	top:50%;
	margin-top:-2px;
}

.top_othermenu_sub_box a h3:left {
	left: 0;
}

.top_othermenu_sub_box a h3:after {
	right: 0;
}

}*/
/*------------------------------------------*/


.topics_box {
	border-bottom:solid 1px #959595;
	margin-bottom: 5rem;
}



/* Voises Parts
-----------------                           
*/


.voices_wrap {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	overflow: auto;
}

.voices_sub_box {
	width:460px;
	background-color:#fbf9e3;
	border:1px solid #dedede;
	border-radius:4px;
	position:relative;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 0 2rem;
}

.voices_sub_box:before {
	border:20px solid transparent;
	border-top-color:#fbf9e3;
	border-bottom-width:0;
	bottom:-19px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}

.voices_sub_box:after {
	border:20px solid transparent;
	border-top-color:#dedede;
	border-bottom-width:0;
	bottom:-20px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}

.voices_sub_box p {
	margin: 0;
	font-size: 0.9rem;
}

.voices_sub_box p.voices_initials {
	text-align: right;
	line-height: 1rem;
	font-weight: 700px;
	font-size: 1.1rem;
	margin: 1rem 0 0;
	padding: 0.5rem 0 0;
	border-top:solid 1px #959595;
}



/* Works Parts
-----------------
*/


.works_card_wrap {
	width:720px;
}

.works_card_sub_box{
	width:350px;
	margin-bottom: 2.5rem;
	border-radius: 4px;
	border:solid 1px #cdcdcd;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s ease-out;
}

.works_card_sub_box:hover,
.works_card_sub_box:focus {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	opacity: .6;
}

.works_card_sub_box img {
	vertical-align: bottom;
}

.works_card_sub_box a {
	text-decoration: none;
}

.works_card_inner_box {
	padding: 1rem;
}

/*a .works_card_inner_box h3 {
	font-size: 1.2rem;
	font-weight:400;
	color: #855049;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}

a .works_card_inner_box h3:before,
a .works_card_inner_box h3:after {
	content:"";
	display:block;
	height:4px;
	width: 10%;
	border-top:1px solid #855049;
	border-bottom:1px solid #855049;
	position:absolute;
	top:50%;
	margin-top:-2px;
}

a .works_card_inner_box h3:left {
	left: 0;
}

a .works_card_inner_box h3:after {
	right: 0;
}*/

a .works_card_inner_box p {
	color: #333333;
	font-size: 0.9rem;
	margin: 0.5rem 0 0;
}

.works_example_box {
	border-radius: 3px;
	border: solid 1px #cdcdcd;
	box-sizing: border-box;
	padding: 10px;
}

.works_example_box h2 {
	font-size: 1.2rem;
	font-weight:400;
	padding: 0 10px;
	margin: 0 0 2rem;
	text-align: center;
	color: #582d32;
	background: #ffe275;
	border-radius: 2px;

}

/*.works_example_box h2 {
	font-size: 1.2rem;
	font-weight:400;
	color: #855049;
	padding: 0;
	margin: 0 0 2rem;
	text-align: center;
	position: relative;
}*/

/*------------------------------------------*/
/*@media screen and (min-width: 768px) {

.works_example_box h2:before,
.works_example_box h2:after {
	content:"";
	display:block;
	height:4px;
	width: 20%;
	border-top:1px solid #855049;
	border-bottom:1px solid #855049;
	position:absolute;
	top:50%;
	margin-top:-2px;
}

.works_example_box h2:left {
	left: 0;
}

.works_example_box h2:after {
	right: 0;
}

}*/
/*------------------------------------------*/

.works_example_subBox {
	overflow: auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	overflow: auto;
}

.works_example_subBox:nth-of-type(2) {
	border-top: solid 1px #cdcdcd;
	padding-top: 2rem;
}

.works_example_subBox a {
	width:47%;
}

.works_example_subBox a.triple_img {
	width: 32%;
}

.triangle_rotate {
	width:5%;
	background-image: url(../common-images/right_triangle.png);
	background-position: 0 60px;
	background-repeat: no-repeat;
	background-size: contain;
}

.works_example_box p {
	margin-bottom: 0 !important;
	color: #757575;
	font-size: 1rem;
}



/* Services Parts
-----------------                           
*/

.services_h2 {
	margin: 0;
}

.services_sub_box {
	border-radius: 3px;
	border: solid 1px #cdcdcd;
	box-sizing: border-box;
	padding: 10px;
}



.services_sub_box h2 {
	font-size: 1.2rem;
	font-weight:400;
	/*background: #855049;*/
	color: #855049;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}

/*------------------------------------------*/
@media screen and (min-width: 768px) {

.services_sub_box h2:before,
.services_sub_box h2:after {
	content:"";
	display:block;
	height:4px;
	width: 30%;
	border-top:1px solid #855049;
	border-bottom:1px solid #855049;
	position:absolute;
	top:50%;
	margin-top:-2px;
}

.services_sub_box h2:left {
	left: 0;
}

.services_sub_box h2:after {
	right: 0;
}

}
/*------------------------------------------*/

.services_sub_box p {
	color: #757575;
}

.services_main_image {
	width:48%;
}

.services_innner_box {
	width:48%;
}

.services_sub_box p.services_prices_ex {
	margin: 0;
}

.services_sub_box h3 {
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 400;
	margin: 0;
	padding: 0 0 0.5rem;
	color: #855049;
	border-bottom: solid 1px #855049;
}

.services_sub_box p.services_prices {
	font-size: 1.3rem;
	margin: 0;
	color: #333333;
}

.services_sub_box dl {
	margin: 0;
}

.services_sub_box dl dt {
	font-weight: 400;
	font-size: 0.9rem;
	margin: 0.5rem 0 0;
}

.services_sub_box dl dd {
	font-size: 0.8rem;
	margin-left: 0;
	color: #757575;
}

.services_sub_box dl dd span {
	color: #855049;
}

.services_list_h2 {
	font-size: 1.2rem;
	font-weight: 400;
	margin: 0;
}

.services_list_box {
	/*padding: 10px;*/
	padding: 0;
	margin: 0 0 3rem;
	/*border-radius: 3px;
	border: solid 1px #cdcdcd;*/
	box-sizing: border-box;
	width:100%;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}

.services_list {
	overflow: auto;
	padding:0 0 0 1rem;
	margin: 0;
}

.services_list li {
	font-size: 0.85rem;
	color: #757575;
}

.services_reasons_wrap {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.services_reasons_box {
	width:470px;
	border-radius: 4px;
	background: #fee12b;
	margin: 2rem 0 0;
	padding: 5px 10px 10px;
	box-sizing: border-box;
}

.services_reasons_box:nth-child(1),
.services_reasons_box:nth-child(2) {
	margin: 0;
}

.services_reasons_box h4 {
	font-size: 1.1rem;
	font-weight: 400;
	margin: 0;
}

.services_reasons_box h4 span {
	display: inline-block;
	width: 26px;
	height: 26px;
	-webkit-border-radius: 13px;/* width,heightの半分 */
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-color: #58bbca;
	text-align: center;
	color: #ffffff;
	line-height: 26px;
	margin-right: 0.5rem;
}

.services_reasons_box p {
	background: #ffffff;
	margin: 0.5rem 0 0;
	padding: 0 10px;
	border-radius: 4px;
	font-size: 0.9rem;
}

.services_reasons_box p img {
	margin-top: 1rem;
}

.services_list_smallBox {
	width:220px;
	border:solid 1px #cdcdcd;
	border-radius: 3px;
}

.services_list_smallBox h5 {
	color: #855049;
	margin: 0.5rem 0 1rem;
	padding: 0 10px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1rem;
}

.soundproof_box {
	border-radius: 4px;
	/*display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;*/
	background: #8dd3db;
	overflow: auto;
}

.soundproof_box img {
	width: 350px;
	border-radius: 4px 0 0 4px;
	float: left;
}

.soundproof_subBox {
	width:570px;
	background: #ffffff;
	margin: 10px;
	padding: 10px;
	float: left;
	border-radius: 4px;
}

.soundproof_subBox h4 {
	margin: 0;
	padding: 0 10px;
	font-weight: 400;
	background: #56c2cf;
	border-radius: 2px;
	color: #ffffff;
}

.soundproof_subBox p {
	font-size: 0.85rem;
	margin: 0.4rem 0 0;
}

.lixil_discount_box {
	background: #f35b3a;
	border-radius: 4px;
	padding: 10px;
}

.lixil_discount_box h3 {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
	margin: 0;
}

.lixil_discount_subBox {
	border-radius: 4px;
	background: #ffffff;
	padding: 10px;
	margin-top: 1rem;
	overflow: auto;
}

.lixil_discount_subBox img {
	width:25%;
	float: left;
	margin: 0 40px 0 0;
}

.lixil_discount_subBox p {
	margin: 1rem 0 0;
	font-size: 0.9rem;
	line-height: 0.9rem;
}

.lixil_discount_subBox p.lixil_bigger {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
}

.lixil_discount_subBox p.lixil_bigger span {
	font-size: 2rem;
	font-weight: 600;
	line-height: 2rem;
	color: #f35b3a;
}

.lixil_discount_subBox p:nth-child(3) {
	margin: 2rem 0 0;
}



/* Company Parts
-----------------
*/

#map {
	width:100%;
	height: 400px;
}

.access_dl {
	overflow: auto;
	margin: 1rem 0 0;
}

.access_dl dt {
	float: left;
	font-weight: 400;
	color: #855049;
	margin: 0 1rem 0 0;
}

.access_dl dd {
	margin: 0;
}

.access_dl dd strong {
	font-weight: 500;
}

.staff_wrap {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	overflow: auto;
}

.staff_h2 {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;
	margin: 1rem 0 0;
	padding-bottom: 0.2rem;
	border-bottom: solid 1px #333333;
}

.staff_box {
	border-radius: 3px;
	border: solid 1px #cdcdcd;
	box-sizing: border-box;
	margin: 1.5rem 0 0;
	overflow: auto;
	width:225px;
	/*height: 26rem;
	float: left;*/
}

/*.staff_box:nth-of-type(3) {
	margin-right: 0;
}*/

.staff_box img {
	width:100%;
}

.staff_box h3 {
	color: #855049;
	margin: 0.5rem 0 1rem;
	padding: 0 10px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;
}

.staff_box dl {
	overflow: auto;
	margin: 0.3rem 0 0;
	padding: 0 10px 10px;
}

.staff_box dl dt {
	font-size: 0.9rem;
	float: left;
	margin: 0;
}

.staff_box dl dd {
	font-size: 0.9rem;
	margin-left: 0;
	color: #757575;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.greetings_text_box {
	border-radius: 3px;
	border: solid 1px #cdcdcd;
	box-sizing: border-box;
	margin-bottom: 3rem;
	overflow: auto;
	background: #fee12b;
}

.greetings_text_box img {
	width:45%;
	float: left;
}

.greeting_text_subBox {
	padding: 10px;
	background: #ffffff;
	margin: 10px 10px 10px 47%;
	border-radius: 3px;
}

.greeting_text_subBox p {
	font-size: 0.8rem;
	margin: 0;
}

.greeting_presidentName {
	padding-top: 0.4rem;
}

/*.greetings_image_box p {
	font-size: 0.8rem;
	margin: 0;
	text-align: center;
}*/

/*------------------------------------------*/
@media screen and (min-width: 768px) {

.greetings_image_box p {
	display: none;
}

}
/*------------------------------------------*/

.greeting_main {
	margin: 0;
	font-size: 1rem;
}

.president_h2 {
	font-size: 1.4rem;
	font-weight: 400;
	color: #f48400;
	border:solid 2px #f48400;
	border-radius: 4px;
	padding: 0 10px;
}

.president_h2 span {
	font-size: 1rem;
	display: inline-block;
}


/* Footer
-----------------                           
*/

footer {
	width:100%;
	background: #000000;
	/*background: #532e14;*/
	margin: 0;
}

.footer_menu_box {
	background: #f48400;
}

.footer_menu_box ul {
	width:960px;
	margin: 0 auto;
	padding: 1rem 0;
	text-align: center;
}

.footer_menu_box ul li {
	list-style: none;
	display: inline-block;
	/*margin-right: 1rem;*/
}

.footer_menu_box ul li:nth-child(5) {
	margin-right: 0;
}

.footer_menu_box ul li a:link,
.footer_menu_box ul li a:visited {
	color: #ffffff;
	font-size: 95%;
	text-decoration: none;
	padding: 0 0.7rem;
	display: block;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.footer_menu_box ul li a:hover,
.footer_menu_box ul li a:focus {
	/*background: #969696;*/
	background: #f5bc7a;
}

.footer_main {
	width:960px;
	margin: 0 auto;
}

.footer_subBox {
	overflow: auto;
	text-align: center;
	margin-top: 2rem;
}

.footer_subBox h2 {
	width:200px;
	margin: 0 2rem 0 0;
	display: inline-block;
}

.footer_address_box {
	display: inline-block;
	padding-left: 2rem;
	border-left:solid 1px #ffffff;
}

.footer_address_box p {
	color: #ffffff;
	text-align: left;
	font-size: 0.9rem;
	padding: 0;
	margin: 0;
}

.footer_address_box p:link {
	color: #ffffff;
	text-decoration: none;
}

.footer_mail_link a {
	color: #ffffff;
	text-decoration: none;
}

.footer_mail_link a:before{ 
content: "\ea86"; 
font-family: "icomoon",sans-serif;
padding-right: 0.5rem;
font-size: 1.2rem;
vertical-align: middle;
}

.copyright_text {
	text-align: center;
	margin: 2rem 0 0;
	padding: 0.5rem 0;
	font-size: 0.9rem;
	color: #969696;
}

@media screen and (min-width: 768px) {
  #page-phone {
	display: none;
}
}


/* Individual Pages
-----------------                           
*/

/*.main_h1 {
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 1.6rem;
	background: #3a7b01;
	border-radius: 3px;
	padding: 10px 10px;
	margin-bottom: 2rem;
}

.main_h2 {
	color: #3a7b01;
	font-size: 1.4rem;
	line-height: 1.4rem;
	border-top: solid 1px #3a7b01;
	border-bottom: solid 1px #3a7b01;
	padding: 0.5rem 0;
}



.ind_dl {
	overflow: auto;
}

.ind_dl dt {
	font-weight: bold;
	color: #65a109;
}

.ind_dl dd {
	margin-left: 0;
}

.h1_icon {
	width: 5%;
	margin-right: 0.5rem;
	vertical-align: text-bottom;
}

.paragraph_box {
	overflow: auto;
}

.paragraph_box ul {
	padding-left: 1rem;
}

.breadcrumbs_list {
	overflow: auto;
	margin: 2rem 0 0;
	padding: 0;
}

.breadcrumbs_list li {
	list-style: none;
	float: left;
	font-size: 1rem;
}

.breadcrumbs_list li:before {
	content: '>';
	margin: 0 5px;
}

.breadcrumbs_list li:first-child:before {
	display: none;
}

.breadcrumbs_list li a:link {
	text-decoration: underline;
}

.contents_block h2 {
	color: #15837a;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 0;
}

.contents_block h3 {
	font-size:1.2rem;
	line-height: 1.2rem;
}

.contents_block p {
	margin-top: 0.5rem;
}

.separator {
	border:solid 1px #cccac0;
	margin: 2rem 0;
}

.contact_dl {
	border-radius: 2px;
	background: #e8f9c4;
	padding: 10px;
	border:solid 1px #6e9c0e;
	overflow: auto;
}

.contact_dl dt {
	color: #3a7b01;
}

.contact_dl dd {
	margin-left: 0;
}

.related_link:before {
	content: url(../common-images/related.png);
	margin-right: 1rem;
	position: relative;
	top:0.5rem;
}*/

/* Main Page Setting
-----------------                           
*/

/*.index_contents_box:link,
.index_contents_box:visited {
	width:300px;
	border-radius: 3px;
	border:solid 2px #6faa17;
	float: left;
	padding: 10px;
	margin: 0 0 2rem;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 252, 240, .8)), to(rgba(242, 237, 216, .8)));
	background: linear-gradient(to bottom, rgba(255, 252, 240, .8), rgba(242, 237, 216, .8));
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
	height: 7rem;
	display: block;
}

.index_contents_box:nth-child(even) {
	margin-left: 30px;
}

.index_contents_box:active,
.index_contents_box:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 254, 252, .8)), to(rgba(242, 239, 228, .8)));
	background: linear-gradient(to bottom, rgba(255, 254, 252, .8), rgba(242, 239, 228, .8));
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.index_contents_box h2 {
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0 0 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #000000;
	color: #3a7b01;
}

.index_contents_box p {
	margin: 0;
	font-size: 0.85rem;
	line-height: 1.2rem;
	color: #333333;
}*/



/* Utility Setting
-----------------                           
*/

.mt0 {
	margin-top: 0;
}

.mt05 {
	margin-top: 0.5rem;
}

.mt1 {
	margin-top: 1rem;
}

.mt2 {
	margin-top: 2rem;
}

.mt3 {
	margin-top: 3rem;
}

.mb2 {
	margin-bottom: 2rem;
}

.mb3 {
	margin-bottom: 3rem;
}

.mr1 {
	margin-right: 1rem;
}

.mr2 {
	margin-right: 2rem;
}

.pl0 {
	padding-left: 0;
}

.pl1 {
	padding-left: 1rem;
}

.pl2 {
	padding-left: 2rem;
}
.overflow {
	overflow: auto;
}

.flex_box {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.left_image_pc {
	float: left;
	margin-right: 10px;
	width: 45%;
}

.right_image_pc {
	float: right;
	margin-left: 10px;
	width: 45%;
}

.visual_images_left {
	width:20%;
	float: left;
	margin-right: 1rem;
}

.visual_images_left15 {
	width:15%;
	float: left;
	margin-right: 1rem;
}

.wid15 {
	width: 15% !important;
}

.wid25 {
	width: 25% !important;
}

.video {
	width: 80%;
	height: auto;
}

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



/* Contact Page
-----------------    
*/

table#form tr td input,
table#form tr td textarea {
	width: 99%;
}

table#form tr td input:active,
table#form tr td input:focus,
table#form tr td textarea:active,
table#form tr td textarea:focus {
	border:solid 2px #80c269;
	background: #e7f8e1;
}

.hissu {
	color: #dd2222;
	font-size: 0.9rem;
}

.contact_btn {
	text-align: center;
}

.contact_btn input {
	padding: 10px;
	cursor: pointer;
	/*border-radius: 2px;*/
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}

.contact_btn input:hover,
.contact_btn input:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.95);
	border: solid 1px #80c269;
	background: #def9d4;
}

.contact_btn input:nth-child(2) {
	margin-left: 1rem;
}