/* ↓最大568px スマホ限定*/
@media screen and (max-width: 568px) {
.mobileSkin iframe {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}
#jform_articletext_ifr {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100% !important;
}
#jform_articletext_tbl {
	max-height: 200px !important;
}
body {
	min-width: 100%;
//ウインドウ縮小対策
}
/* ↑最大568px スマホ限定*/
}

@media screen and (min-width: 569px) {
body {
	min-width: 1040px;
//ウインドウ縮小対策
}
/*モジュール編集オフセット*/
.btn.jmodedit {
	right: -50px !important;
	width: 15px !important;
}
}
body.component {
	box-sizing: border-box;
	min-width: auto !important;
}
#editor-xtd-buttons a {
	float: left;
	margin-bottom: 6px;
}

/* ipad対策*/
@media screen and(max-width:1040px) {
 #flexslider {
 overflow: hidden;
}
/* ipad対策ここまで*/
}
/* ↓PC・スマホ共通デザイン */

/* 見出し */
.reset {
	margin: 0;
	padding: 0;
	clear: both;
}
.kiji-midashi {
	border-left: 4px solid #0085B2;
	color: #0085B2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 20px 0;
	padding: 10px 0 10px 10px;
	background-color: #F7F7F7;
}
.kiji-midashi-2 {
	background-image: url("../images/icon_cube.png");
	background-position: left 11px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	color: #0062e2;
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0 0 5px 20px;
}
.kiji-midashi-3 {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	margin: 30px 0 10px;
	padding: 0 0 5px 0;
	color: #000;
}
.headline{
	background-image: url("../images/tbk07.png");
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 177px 0 20px 0;
	padding: 0;
}
.headline h2 {
	width: 1040px;
	margin: 0 auto 50px auto;
	padding: 0;
	text-align: center;
	background-image: url("../images/tbk08.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.p18{
	font-size: 1.8rem;
}
.p14{
	font-size: 1.4rem;
}
.text-highlight {
	background: none repeat scroll 0 0 #ffffaa;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.highlight-green {
	color: #fff;
	background: #48691b;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.highlight-light {
	color: #000;
	background: #e5e5e5;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.highlight-dark {
	color: #fff;
	background: #595959;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.head-time {
	margin: 2px 0 0 0;
}
/* レイアウトデザイン */
.right5 {
	padding: 0 5px 0 0;
}
.right10 {
	padding: 0 10px 0 0;
}
.right15 {
	padding: 0 15px 0 0;
}
.right16 {
	padding: 0 16px 0 0;
}
.right20 {
	padding: 0 20px 0 0;
}
.right25 {
	padding: 0 25px 0 0;
}
.right30 {
	padding: 0 30px 0 0;
}
.right35 {
	padding: 0 35px 0 0;
}
.right40 {
	padding: 0 40px 0 0;
}
.right45 {
	padding: 0 45px 0 0;
}
.right50 {
	padding: 0 50px 0 0;
}
.td90 {
	width: 90%;
}
.td270 {
	width: 270px;
}
.td480 {
	width: 480px;
}
.top-maintxt {
	background-color: #FFE100;
	padding: 25px 0;
	margin: 0;
}
.top-maintxt p {
	font-weight: bold;
	color: #002DB2;
	font-size: 30px;
	line-height: 1em;
	text-align: center;
}
/* オープン記念キャンペーン */
.open-camp {
	background-image: url("../images/bg01.png");
	background-position: left top;
	background-repeat: repeat;
	margin: 0;
	padding: 0;
}
/* コンバージョン */
.conversion {
	background-image: url("../images/conv_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	padding: 0 20px 50px 20px;
	margin: 0;
	position: relative;
}
.conversion::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #0F58B8;
}
.conv-area-single{
	background-color: #0F58B8;
	padding: 0 20px;
	position: relative;
}
.conv-area {
	position: relative;
	padding: 30px 0 20px 240px;
	margin: 0 auto;
	width: 790px;
}
.conv-area::before {
	content: "";
	display: inline-block;
	background-image: url("../images/conv_txt.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 185px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 35px;
}
.conv-area .areatxt {
	font-size: 4rem;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0 0 0 80px;
	position: relative;
	line-height: 1.4em;
	background-image: url("../images/logo_icon.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.conv-area .areatxt span {
	color: #FFFF26;
	font-size: 6.2rem;
}
.conv-area .areatxt::after {
	content: url("../images/5min.png");
	margin-left: 10px;
}
.conversion .bn {
	border: 5px solid #15459E;
	z-index: 2;
	width: 1040px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
}
.conversion .bn .outer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}
.conversion .bn .inner {
	width: auto;
	padding: 15px 25px 25px 25px;
	background-image: url("../images/operator.png");
	background-repeat: no-repeat;
	background-position: 108% bottom;
	background-size: contain;
}
.conversion .bn .inner .tel {
	float: left;
}
/* ブログバナー */
.blog-bn {
	background-color: #FBF9EC;
	padding: 25px 0;
	margin: 0;
}
.inner {
	width: 1040px;
	margin: 0 auto;
	padding: 0;
}
/* サービス内容 */
.service {
	border-top: 2px solid #ddd;
	border-bottom: 5px solid #1AA6E4;
	background-image: url("../images/bubble01.png"), url("../images/bubble02.png");
	background-repeat: no-repeat;
	background-position: left 20px, right 40px;
	background-attachment: fixed;
	margin: 0 0 1px 0;
	padding: 0 20px 40px 20px;
}
.service .inner {
	padding: 10px 0 0 0;
	margin: 0 auto;
	width: 1040px;
}
.service .inner h2 {
	text-align: center;
	margin: 0;
	padding: 0;
}
.service .inner h3 {
	text-align: center;
	color: #FF2626;
	font-weight: bold;
	font-size: 2.4rem;
	background-image: url("../images/fukidashi_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 0 20px 0;
	margin: 0 0 30px 0;
}
.service-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service-box .item {
	width: 31%;
	background-color: #fff;
	position: relative;
	box-shadow: 0px 1px 6px 3px #ddd;
	border-radius: 15px 15px 0px 0px;
	padding: 0;
	margin: 0 0 40px 0;
}
.service-box .item a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.service-box .item a:hover {
	background-color:rgba(255,255,255,0.3);
}
.service-box .item .ttl01 {
	background-image: url("../images/tbk01.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	margin: 0;
	border-radius: 10px 10px 0px 0px;
}
.service-box .item .ttl02 {
	background-image: url("../images/tbk02.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	margin: 0;
	border-radius: 10px 10px 0px 0px;
}
.service-box .item .ttl03 {
	background-image: url("../images/tbk03.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	margin: 0;
	border-radius: 10px 10px 0px 0px;
}
.service-box .item .ttl04 {
	background-image: url("../images/tbk04.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	margin: 0;
	border-radius: 10px 10px 0px 0px;
}
.service-box .item .ttl05 {
	background-image: url("../images/tbk05.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	margin: 0;
	border-radius: 10px 10px 0px 0px;
}
.service-box .item .ttl06 {
	background-image: url("../images/tbk06.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	margin: 0;
	border-radius: 10px 10px 0px 0px;
}
.service-box .item h4 {
	text-align: center;
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.service-box .item h4 span {
	font-size: 2.6rem;
}
.service-box .item .txtarea {
	padding: 10px 10px 15px 10px;
	text-align: center;
}
.service-box .item .txtarea img {
	margin: 10px 0;
	width: 100%;
	height: auto;
}
.w800 .service-box{
	width: 800px;
}
.w800 .service-box .item{
	width: 48%;
}
.service-item {
	border-top: 2px solid #ddd;
	border-bottom: 5px solid #1AA6E4;
	background-image: url("../images/bubble01.png"), url("../images/bubble02.png");
	background-repeat: no-repeat;
	background-position: left 20px, right 40px;
	background-attachment: fixed;
	margin: 0 0 1px 0;
	padding: 40px 20px;
}
.service-item h2{
	background-image: url("../images/service_bg1.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
}
.service-item h3{
	margin: 0 0 15px 0;
}
.service-frame{
	width: 1040px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service-frame .item{
	width: 23.8%;
	background-color: #fff;
	position: relative;
	box-shadow: 0px 1px 6px 3px #ddd;
	padding: 10px 15px 15px 15px;
	margin: 0 0 40px 0;
	border-top: 3px solid #1966C0;
	box-sizing: border-box;
}
.service-frame .item img{
	width: 100%;
	height: auto;
}
.service-frame .item h4{
	color: #1966C0;
	font-size: 1.8rem;
	font-weight: 600;
}
.service-frame .item ul{
	padding: 0;
	margin: 0;
}
.service-frame .item ul li{
	display: block;
	padding: 0 0 0 16px;
	margin: 5px 0;
	font-size: 1.4rem;
	line-height:1.6em;
	text-align: left;
	position: relative;
}
.service-frame .item li::before {
	content: "\f043";
	font-family: FontAwesome;
	color: #28A7E1;
	font-weight: normal;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.service-frame .item p{
	font-size: 1.4rem;
	line-height:1.8em;
	text-align: left;
}
.sv-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.sv-tbl th {
	padding: 3px 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.sv-tbl th:first-child {
	background-color: #EBF4F8;
	border-right: 3px solid #fff;
	width: 60%;
}
.sv-tbl th:last-child {
	background-color: #EEEEEE;
	width: 40%;
	border-left: 2px solid #EEEEEE;
}
.sv-tbl td {
	text-align: center;
	vertical-align: top;
	padding: 15px 5px 0 5px;
}
.sv-tbl td:last-child {
	border-left: 2px solid #eee;
}
.sv-price {
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
.sv-price span {
	color: #EA3466;
	font-size: 3.4rem;
}
.sv-min {
	font-weight: bold;
	line-height: 1.4em;
}
.sv-min span {
	color: #10419F;
	font-size: 3.4rem;
}
.subtxt {
	font-size: 1.2rem;
}
/* 選べるお支払い方法 */
.pay {
	background-image: url("../images/card_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 40px 20px 50px 20px;
}
.pay h2 {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	margin: 0 auto;
}
.pay-item {
	border-radius: 10px;
	background-color: #fff;
	border: 5px solid #99E5FF;
	width: 1040px;
	margin: 90px auto 40px auto;
	padding: 40px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0px 0px 6px 2px #666;
}
.pay-item h3 {
	font-size: 2rem;
	margin: 10px 0;
}
.pay-item h4 {
	margin: 20px 0 10px 0;
	position: relative;
	padding: 0 65px;
	text-align: center;
	font-weight: 500;
	font-size: 1.8rem;
}
.pay-item h4:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #000;
}
.pay-item h4 span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}
.pay2 {
	background-color: #2269C2;
	padding: 40px 20px 50px 20px;
}
.pay2 h2 {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	margin: 0 auto;
}
/* メーカー一覧 */
.maker-logo {
	width: 1040px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
}
.maker-logo h3 {
	color: #fff;
	font-size: 2rem;
	text-align: center;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 10px;
	line-height: 1.4em;
	background-color: #333333;
}
.maker-logo .makerlist{
	padding: 10px 40px;
	margin: 0;
}
.maker-logo .makerlist ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
.maker-logo .makerlist ul li{
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	margin: 0 10px 10px 10px;
	letter-spacing: normal;
}
/* コロナ対策 */
.covid{
	padding: 45px 20px;
	margin: 0 auto;
	width: 1080px;
	box-sizing: border-box;
}
.covid h2{
	background-color: #FF5A84;
	text-align: center;
	padding: 10px;
	margin: 0;
	color: #fff;
	font-weight: 500;
}
.covid .covid-icon{
	border-left: 4px solid #ddd;
	border-bottom: 4px solid #ddd;
	border-right: 4px solid #ddd;
	padding: 40px 50px;
	text-align: center;
}
.covid .covid-icon ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
.covid .covid-icon ul li{
	display: inline-block;
	padding: 0 10px;
	letter-spacing: normal;
	margin: 0;
}
.covid .covid-icon ul li img{
	display: block;
	margin: 0 0 5px 0;
}
.covid .covid-icon .caption{
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 2px solid #ddd;
	font-size: 2rem;
	font-weight: 600;
}
/* 実績 */
.works{
	padding: 60px 20px;
	margin: 0;
	border-top: 1px solid #ddd;
	position: relative;
}
.works::before{
	content: "";
	display: inline-block;
	background-image: url("../images/result_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 35%;
}
.works h2{
	text-align: center;
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
}
.result-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
.result-box .item {
	width: 49%;
	background-color: #fff;
	padding: 25px 20px;
	margin: 0 0 40px 0;
	border-top: 3px solid #1AA6E4;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.before-after{
	padding: 0;
	margin: 0 0 15px 0;
	position: relative;
}
.before-after::before{
	content: url("../images/beforeafter_arrow.png");
	position: absolute;
	left: 0;
	right: 0;
	top: 110px;
	margin: 0 auto;
	z-index: 3;
	text-align: center;
}
.before-after ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.before-after ul li{
	display: inline-block;
	width: 49%;
	padding: 0 1px;
	letter-spacing: normal;
}
.before-after ul li img{
	width: 100%;
	height: auto;
}
.before{
	position: relative;
}
.before::before{
	content: url("../images/tag_bf.png");
	position: absolute;
	left: 1px;
	top: 0;
}
.after{
	position: relative;
}
.after::before{
	content: url("../images/tag_af.png");
	position: absolute;
	left: 1px;
	top: 0;
}
.result-tbl{
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
}
.result-tbl th{
	background-color: #EEEEEE;
	border-bottom: 1px solid #ddd;
	padding: 8px 15px;
	text-align: left;
	width: 30%;
	font-weight: 600;
	white-space: nowrap;
}
.result-tbl td{
	border-bottom: 1px solid #ddd;
	padding: 8px 15px;
	text-align: left;
	vertical-align: middle;
}
.bf-min{
	color: #0A3FA3;
	font-size: 2.2rem;
	font-weight: 600;
}
.bf-price{}
.bf-price span{
	color: #EC3266;
	font-weight: 600;
	font-size: 3rem;
}
.bt-more{
	text-align: right;
	margin: 10px 0 0 0;
}
.bt-more ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
.bt-more ul li{
	display: inline-block;
	letter-spacing: normal;
}
.bt-more ul li a{
	display: block;
	padding: 3px 30px;
	background-color: #1AA6E4;
	border-radius: 5px;
	color: #fff;
}
.bt-more ul li a::after{
	content: "\f105";
	font-family: FontAwesome;
	margin-left: 10px;
}
.bt-more ul li a:hover{
	background-color: #52CBFF;
	text-decoration: none;
}
.bt-more-l{
	text-align: center;
	margin: 30px 0 0 0;
}
.bt-more-l ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
.bt-more-l ul li{
	display: inline-block;
	letter-spacing: normal;
}
.bt-more-l ul li a{
	display: block;
	padding: 16px 80px 16px 140px;
	background-color: #023BA6;
	border-radius: 50px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.6);
	position: relative;
}
.bt-more-l ul li a::before{
	content: "";
	display: inline-block;
	background-image: url("../images/logo_icon_b.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	position: absolute;
	left: 20px;
	bottom: 10px;
	width: 92px;
	height: 98px;
}
.bt-more-l ul li a::after{
	content: "\f138";
	font-family: FontAwesome;
	margin-left: 10px;
}
.bt-more-l ul li a:hover{
	background-color: #52CBFF;
	text-decoration: none;
}
/* 当社の特徴 */
.reason{
	background-image: url("../images/tokutyou_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 60px 20px 30px 20px;
}
.reason h2{
	margin: 0;
	padding: 0;
}
.point-box{
	width: 1040px;
	margin: 0 auto 40px auto;
	padding: 40px 38px;
	box-sizing: border-box;
	background-color: #fff;
	border: 2px solid #ddd;
}
.point-col2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.point-col2 .item{
	width: 49%;
	padding: 30px;
	box-sizing: border-box;
}
.point-col2 .item h4{
	text-align: center;
	margin: 0 0 10px 0;
}
.point-col2 .item .other{
	background-color: #FCFCFC;
	padding: 50px 20px 20px 20px;
	margin: 30px 0 20px 0;
	position: relative;
}
.point-col2 .item .other::before{
	content: url("../images/icon_other.png");
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: -20px;
	margin: 0 auto;
}
.point-col2 .item .our{
	background-color: #FCFCFC;
	padding: 50px 20px 20px 20px;
	margin: 30px 0 20px 0;
	position: relative;
}
.point-col2 .item .our::before{
	content: url("../images/icon_our.png");
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: -20px;
	margin: 0 auto;
}
.point-col2 .item .other p{
	line-height: 1.8em;
}
.point-col2 .item .our p{
	line-height: 1.8em;
	color: #D90000;
}
.point-col2 .item:first-child{
	background-color: #EEEEEE;
	background-image: url("../images/memo_tag.png");
	background-repeat:no-repeat;
	background-position: right bottom;
}
.point-col2 .item:last-child{
	background-color: #FFECE4;
	background-image: url("../images/memo_tag.png");
	background-repeat:no-repeat;
	background-position: right bottom;
}
.ex-list{
	padding: 0;
	margin: 0;
}
.ex-list ul{
	padding: 0;
	margin: 0
}
.ex-list ul li{
	padding: 0 0 0 30px;
	position: relative;
}
.ex-list ul li::before{
	position: absolute;
	content: "\f058";
	font-family: FontAwesome;
	margin-left: 10px;
	left: 0;
	top: 0;
}
.point-col2 .item:last-child .ex-list{
	width: 80%;
	margin: 0 auto;
}
.point-col2 .item:last-child .ex-list ul li::before{
	color: red;
}
.tokutyou01{
	position: relative;
	background-color: #00448E;
	padding: 16px;
	margin: 0 0 15px 0;
	border-bottom: 3px solid #00A5E7;
	text-align: center;
	color: #fff;
	font-size: 3.2rem;
}
.tokutyou02{
	position: relative;
	background-color: #00448E;
	padding: 16px;
	margin: 0 0 15px 0;
	border-bottom: 3px solid #00A5E7;
	text-align: center;
	color: #fff;
	font-size: 3.2rem;
}
.tokutyou03{
	position: relative;
	background-color: #00448E;
	padding: 16px;
	margin: 0 0 15px 0;
	border-bottom: 3px solid #00A5E7;
	text-align: center;
	color: #fff;
	font-size: 3.2rem;
}
.tokutyou01::before{
	content: url("../images/tokutyou01.png");
	position: absolute;
	left: -20px;
	bottom:30px;
}
.tokutyou02::before{
	content: url("../images/tokutyou02.png");
	position: absolute;
	left: -20px;
	bottom:30px;
}
.tokutyou03::before{
	content: url("../images/tokutyou03.png");
	position: absolute;
	left: -20px;
	bottom:30px;
}
.tokutyou01 span, .tokutyou02 span, .tokutyou03 span{
	color: #FFFF00;
}
.caution{
	background-color: #eee;
	margin: 50px 0;
	padding: 40px 20px 20px 20px;
	position: relative;
}
.caution h3{
	text-align: center;
	font-size: 2.6rem;
	font-weight: 600;
	color: #FF0000;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	position: relative;
}
.caution h3::before{
	content: url("../images/caution_icon.png");
	position: absolute;
	left: 0;
	right: 0;
	top: -60px;
	margin: 0 auto;
}
.caution::before{
	content: "";
	display: inline-block;
	width: 180px;
	height: 100%;
	position: absolute;
	left: 20px;
	top: -30px;
	background-image: url("../images/peason01.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.caution::after{
	content: "";
	display: inline-block;
	width: 180px;
	height: 100%;
	position: absolute;
	right: 20px;
	top: -30px;
	background-image: url("../images/peason02.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.caution .textarea{
	width: 60%;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.caution-box{
	position: relative;
	background-color: #FF0000;
	padding: 20px;
	text-align: center;
	margin: 10px 0 0 0;
	z-index: 1;
}
.caution-box h4{
	color: #fff;
	font-size: 2.2rem;
}
.caution-box p{
	color: #fff;
}
.point-col3{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0 20px 0;
}
.point-col3 .item{
	width: 32%;
	border: 1px solid #A5EEFF;
	border-radius: 10px;
	background-color: #DBF8FF;
	padding: 40px 20px 20px 20px;
	box-sizing: border-box;
	position: relative;
}
.point-col3 .item::before{
	content: url("../images/icon_extramation.png");
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: -10px;
	margin: 0 auto;
	z-index: 1;
}
.point-col3 .item h5{
	text-align: center;
	font-size: 1.8rem;
	color: #00448E;
	padding: 0;
	margin: 0 0 10px 0;
}
.kaiketu-box{
	border: 2px solid #FFCA00;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
	padding: 30px 20px;
	margin: 20px 0 0 0;
	height: 130px;
}
.kaiketu-box .kaiketsu{
	background-color: #FFCA00;
	border-radius: 50px;
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	margin: 0 auto;
	text-align: center;
	width: 120px;
	font-weight: bold;
}
.kaiketu-box p{
	font-size: 1.5rem;
	line-height: 1.6em;
}
/* お客様の声 */
.voice {
	background-color: #F9FAFA;
	padding: 60px 0 20px 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	border-top: 2px solid #eee;
}
.voice::before{
	content:"";
	display: inline-block;
	width: 100%;
	height: 30%;
	background-image: url("../images/voice_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.voice h2{
	text-align: center;
	position: relative;
	margin: 0 auto 20px auto;
}
.voice-box{
	width: 1040px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0 0 20px 0;
	position: relative;
}
.voice-box .item{
	width: 32%;
	background-color: #fff;
	border: 2px solid #ccc;
	margin: 20px 0;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}
.voice-box .item img{
	position: absolute;
	left: 15px;
	top: -10px;
}
.voice-box .item h4{
	line-height: 1.5em;
	padding: 0 0 15px 90px;
}
.voice .inner {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.voice h3 {
	text-align: center;
	margin: 0 0 25px 0;
	padding: 0;
}
.voice-box1 {
	background-image: url("../images/voice_icon01.png"), url("../images/voice_box.png");
	background-position: 18px top, left top;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #c3c3c3;
	margin: 0 0 25px;
	padding: 20px;
	width: 270px;
	height: 220px;
}
.voice-box2 {
	background-image: url("../images/voice_icon02.png"), url("../images/voice_box.png");
	background-position: 18px top, left top;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #c3c3c3;
	margin: 0 0 25px;
	padding: 20px;
	width: 270px;
	height: 220px;
}
#toilet .voice-box1 {
	height: 320px;
}
#toilet .voice-box2 {
	height: 320px;
}
#toilet .voice-box3 {
	height: 320px;
}
#kitchen .voice-box1 {
	height: 320px;
}
#kitchen .voice-box2 {
	height: 320px;
}
#kitchen .voice-box3 {
	height: 320px;
}
#bathroom .voice-box1 {
	height: 360px;
}
#bathroom .voice-box2 {
	height: 360px;
}
#bathroom .voice-box3 {
	height: 360px;
}
#bathroom .voice-box4 {
	height: 250px;
}
#bathroom .voice-box5 {
	height: 250px;
}
#bathroom .voice-box6 {
	height: 250px;
}
#washroom .voice-box1 {
	height: 280px;
}
#washroom .voice-box2 {
	height: 260px;
}
#washroom .voice-box3 {
	height: 260px;
}
#washroom .voice-box4 {
	height: 280px;
}
#washroom .voice-box5 {
	height: 260px;
}
#washroom .voice-box6 {
	height: 280px;
}
#outdoors .voice-box1 {
	height: 280px;
}
#outdoors .voice-box2 {
	height: 280px;
}
#outdoors .voice-box3 {
	height: 280px;
}
#outdoors .voice-box4 {
	height: 280px;
}
#outdoors .voice-box5 {
	height: 280px;
}
#outdoors .voice-box6 {
	height: 280px;
}
.voice-box3 {
	background-image: url("../images/voice_icon03.png"), url("../images/voice_box.png");
	background-position: 18px top, left top;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #c3c3c3;
	margin: 0 0 25px;
	padding: 20px;
	width: 270px;
	height: 220px;
}
.voice-box4 {
	background-image: url("../images/voice_icon04.png"), url("../images/voice_box.png");
	background-position: 18px top, left top;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #c3c3c3;
	margin: 0 0 25px;
	padding: 20px;
	width: 270px;
	height: 300px;
}
.voice-box5 {
	background-image: url("../images/voice_icon05.png"), url("../images/voice_box.png");
	background-position: 18px top, left top;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #c3c3c3;
	margin: 0 0 25px;
	padding: 20px;
	width: 270px;
	height: 300px;
}
.voice-box6 {
	background-image: url("../images/voice_icon06.png"), url("../images/voice_box.png");
	background-position: 18px top, left top;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #c3c3c3;
	margin: 0 0 25px;
	padding: 20px;
	width: 270px;
	height: 300px;
}
.voice-ttl {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 90px;
	margin: 0 0 10px 0;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}
.anc {
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
}
.anc ul {
	margin: 0 auto 40px auto;
	padding: 0;
	letter-spacing: -0.4em;
}
.anc ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0 0.5%;
	width: 32%;
	letter-spacing: normal;
}
.anc ul li a {
	display: block;
	background-image: url("../images/icon_anc.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #F0FCFE;
	border: 2px solid #208DDD;
	font-size: 1.8rem;
	font-weight: normal;
	color: #208DDD;
	text-decoration: none;
	padding: 15px 40px 15px 10px;
	margin: 5px 2px;
	border-radius: 10px;
	font-weight: bold
}
.anc ul li a:hover {
	display: block;
	background-image: url("../images/icon_anc_ov.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #208DDD;
	border: 2px solid #208DDD;
	color: #fff;
	text-decoration: none;
}
/* 作業の流れ */
.flow-ttl {
	background-image: url("../images/tbk07.png");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #F9FAFA;
	margin: 0;
	padding: 0;
}
.flow-ttl h3 {
	background-image: url("../images/tbk08.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.flow-textarea {
	background-image: url("../images/service_bg2.png");
	background-repeat: repeat;
	background-position: left top;
	padding: 40px 20px;
	margin: 0;
	overflow: hidden;
}
.flow-box1, .flow-box2, .flow-box3 {
	background-color: #fff;
	border-top: 10px solid #276BBF;
	border-left: 1px solid #276BBF;
	border-bottom: 1px solid #276BBF;
	border-right: 1px solid #276BBF;
	margin: 30px auto;
	padding: 20px;
	width: 1040px;
	position: relative;
	box-sizing: border-box;
}
.flow-box1::before{
	content: url("../images/step1.png");
	position: absolute;
	left: 10px;
	top: -20px;
}
.flow-box2::before{
	content: url("../images/step2.png");
	position: absolute;
	left: 10px;
	top: -20px;
}
.flow-box3::before{
	content: url("../images/step3.png");
	position: absolute;
	left: 10px;
	top: -20px;
}
.flow-box1 img, .flow-box2 img, .flow-box3 img{
	width: 220px;
	height: auto;
	border: 5px solid #fff;
	box-shadow: 0px 1px 3px 1px #ddd;
}
.flow-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.flow-tbl tbody {
/*display: table;
	width:100%;*/
}
.flow-tbl tr {
/*display: table-row;
    width: auto !important;*/
}
.flow-tbl td {
	display: table-cell;
	padding: 0 0 0 30px;
	text-align: left;
	vertical-align: middle;
}
.flow-tbl th {
	display: table-cell;
	font-weight: normal;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	width: 10%;
	white-space: nowrap;
}
.flow-tbl h4{
	color: #0094D7;
	font-family: 600;
	font-size: 2rem;
	margin: 0 0 10px 0;
}
/* 対応エリア */
.area-servicelist{
	width: 1040px;
	margin: 0 auto 60px auto;
	padding: 0;
}
.choice-ttl {
	position: relative;
	padding: 0 65px;
	margin: 0 0 30px 0;
	text-align: center;
	font-weight: 500;
	font-size: 2.4rem;
}
.choice-ttl:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #000;
}
.choice-ttl span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}
.area-servicelist .bnlist{
	text-align: left;
	vertical-align: middle;
}
.area-servicelist .bnlist ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
	text-align: left;
}
.area-servicelist .bnlist ul li{
	display: inline-block;
	letter-spacing: normal;
	width: 32.4%;
	padding:0.4%;
}
.area-servicelist .bnlist ul li a{
	display: block;
	width: auto;
	padding: 20px;
	position: relative;
	font-size: 2rem;
	font-weight: bold;
	background-color: #F0FCFE;
	border: 2px solid #208DDD;
	color: #208DDD;
	border-radius: 5px;
}
.area-servicelist .bnlist ul li a:hover{
	background-color: #208DDD;
	border: 2px solid #208DDD;
	color: #fff;
	text-decoration: none;
}
.area-servicelist .bnlist ul li a::after{
	content: "\f138";
	font-family: FontAwesome;
	margin-left: 10px;
	position: absolute;
	right: 20px;
}
.area-ttl h3 {
	background-image: url("../images/tbk08.png"), url("../images/tbk07.png");
	background-repeat: no-repeat, repeat-x;
	background-position: center bottom;
	background-color: #2269C2;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.area-textarea {
	width: 1040px;
	margin: 0 auto;
	padding: 50px 20px;
	overflow: hidden;
}
.area-box {
	padding: 0 0 30px 0;
	overflow: hidden;
}
.area-box a{
	color: #333;
	text-decoration:underline;
}
.area-box a:hover{
	text-decoration: none;
}
/* よくある質問 */
.faq {
	background-color: #ECF7FE;
	margin: 0;
	padding:0;
	overflow: hidden;
}
.faq-ttl {
	background-image: url("../images/tbk07.png");
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
.faq-ttl h3 {
	width: 1040px;
	margin: 0 auto 50px auto;
	padding: 0;
	text-align: center;
	background-image: url("../images/tbk08.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.faq .inner {
	width: 1040px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	overflow: hidden;
}
.faq-box {
	background-color: #ffffff;
	margin: 15px 0;
	overflow: hidden;
	padding: 30px;
	box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.ttl-q {
	background-image: url("../images/icon_q.png");
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #00a5fb;
	color: #00A6FB;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 10px 0 15px 50px;
}
.faq-table {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}
.faq-table tbody {
/*display: table;
    width: 100%;*/
}
.faq-table tr {
/* display: table-row;
    width: auto;*/
}
.faq-table td {
	display: table-cell;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
.faq-table th {
	display: table-cell;
	font-weight: normal;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 50px;
}
/* お問い合わせ */
.contact {
	background-image: url("../images/contact_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	padding: 40px 20px;
	margin: 0;
	overflow: hidden;
}
.contact .inner {
	width: 1040px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.contact ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.contact ul li{
	display: inline-block;
	padding: 0 1%;
	margin: 0;
	vertical-align: middle;
}
#userForm{
	border: 5px solid #1BB6ED;
	border-radius: 10px;
	margin: 20px 0;
	padding: 50px;
	background-color: #fff;
}
.p-time {
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	margin: 10px 0;
	padding: 0;
}
.policy-box {
	border: 4px solid #eee;
	max-height: 300px;
	overflow: auto;
	padding: 40px;
	margin: 20px 0;
}
/*会社概要*/
#gaiyo-table {
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0;
}
#gaiyo-table tbody {
}
#gaiyo-table td {
	border: 1px solid #ccc;
	padding: 15px;
}
#gaiyo-table th {
	background-color: #efefef;
	border: 1px solid #ccc;
	display: table-cell;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 15%;
}
/*アンカーリンク*/
#service {
	margin-top: -215px;
	padding-top: 215px;
}
#point {
	margin-top: -215px;
	padding-top: 215px;
}
#voice {
	margin-top: -215px;
	padding-top: 215px;
}
#flow {
	margin-top: -215px;
	padding-top: 215px;
}
#area {
	margin-top: -215px;
	padding-top: 215px;
}
#faq {
	margin-top: -215px;
	padding-top: 215px;
}
#contact {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-mizumawari {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-toilet {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-kitchen {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-bathroom {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-washroom {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-out {
	margin-top: -215px;
	padding-top: 215px;
}
#voice-heater {
	margin-top: -215px;
	padding-top: 215px;
}
.news-title {
	background-color: #E5E2D3;
	color: #444444;
	font-size: 14px;
	margin: 15px 0 0;
	padding: 7px 10px;
}
.news-box {
	border: 1px solid #CCCCCC;
	max-height: 150px;
	overflow: auto;
	padding: 7px;
}
.news-box table {
	width: 100%;
}
.news-box table th {
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	width: 80px;
	font-size: 13px;
}
.news-box table th:before, .news-box ul li:before {
	color: #999;
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 5px;
}
.news-box table td {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	vertical-align: top;
}
.news-box ul {
	margin: 0;
	padding: 0;
}
.news-box ul li {
	border-bottom: 1px dotted #cccccc;
	color: #333333;
	font-size: 1em;
	list-style: none outside none;
	margin: 0 0 5px;
	padding: 0 0 5px 10px;
}
.news-box .mod-articles-category-date {
	margin-right: 10px;
}
.news-box .mod-articles-category-title {
	font-weight: bold;
}
.news-box a.catid-85:before {
	font-family: FontAwesome;
	content: "\f1ea";
	color: #3D9675;
}
.news-box a.catid-84:before {
	font-family: FontAwesome;
	content: "\f1ea";
	color: #fc6767;
}
/*基本設定
****************************************/
body {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 2em;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #444;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
a {
	color: #0066DF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline
}
a:hover img {
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	/* IE lt 8 */
	-ms-filter: “alpha(opacity=80)”;/* IE 8 */
}
a img {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
html {
	height: 100%;
	font-size: 62.5%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, blockquote, th, td, img, p {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal
}
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
q:before, q:after {
	content: '';
}
img, object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
h1#h1title {
	color: #fff;
	position: absolute;
	left: 0;
	width: 1040px;
	right: 0;
	margin: 0 auto;
	bottom: 150px;
	display: inline-block;
	text-align: center;
}
img, abbr, acronym, fieldset {
	border: none;
}
ol, ul {
	margin: 0 0 0 20px;
}
li {
	list-style-type: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none
}
:focus {
	outline: 0
}
#all {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.numlist {
	padding: 0;
	margin: 10px 0;
}
.numlist ol {
	padding: 0;
	margin: 0 0 0 20px;
}
.numlist ol li {
	list-style: inherit;
	padding: 0;
}
/*image
****************************************/
.imgfull {
	width: 100%;
	height: auto;
}
.img100 {
	width: 100px;
	height: auto;
}
.img150 {
	width: 150px;
	height: auto;
}
.img180 {
	width: 180px;
	height: auto;
}
.img200 {
	width: 200px;
	height: auto;
}
.img225 {
	width: 225px;
	height: auto;
}
.img250 {
	width: 250px;
	height: auto;
}
.img300 {
	width: 300px;
	height: auto;
}
.img350 {
	width: 350px;
	height: auto;
}
.img360 {
	width: 360px;
	height: auto;
}
.img370 {
	width: 370px;
	height: auto;
}
.img380 {
	width: 380px;
	height: auto;
}
.img390 {
	width: 390px;
	height: auto;
}
.img400 {
	width: 400px;
	height: auto;
}
.img450 {
	width: 450px;
	height: auto;
}
.img470 {
	width: 470px;
	height: auto;
}
.img500 {
	width: 500px;
	height: auto;
}
.img570 {
	width: 570px;
	height: auto;
}
.img600 {
	width: 600px;
	height: auto;
}
.img900 {
	width: 900px;
	height: auto;
}
.blockimg {
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 20px;
	display: block;
	text-align: center;
	box-sizing: border-box;
}
.blockimg img {
	text-align: center;
	margin: 0 auto;
}
/*margin
****************************************/
.top0 {
	margin-top: 0 !important;
}
.top5 {
	margin-top: 5px !important;
}
.top10 {
	margin-top: 10px !important;
}
.top20 {
	margin-top: 20px !important;
}
.top25 {
	margin-top: 25px !important;
}
.top30 {
	margin-top: 30px !important;
}
.top40 {
	margin-top: 40px !important;
}
.top50 {
	margin-top: 50px !important;
}
.top60 {
	margin-top: 60px !important;
}
.top70 {
	margin-top: 70px !important;
}
.top80 {
	margin-top: 80px !important;
}
.top90 {
	margin-top: 90px !important;
}
.top100 {
	margin-top: 100px !important;
}
.btm0 {
	margin-bottom: 0 !important;
}
/*	Grid  */

.container {
	width: 100%;
	max-width: 100%;
	min-width: 220px;
	margin: 0 auto;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: border-box;
}
#blog .container {
	width: 1040px;
	max-width: 100%;
}
#topics .container {
	width: 1040px;
	max-width: 100%;
}
#company .container {
	width: 1040px;
	max-width: 100%;
}
#post .container {
	width: auto;
	overflow: hidden;
}
.icon-remove:before {
	content: "\f00d";
	font-family: FontAwesome;
	font-style: normal;
}
.container .row, .col {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row {
	margin-bottom: 1.5em
}
.col {
	display: block;
	float: left;
	width: 100%;
}
.col:first-child {
	margin-left: 0
}
.row:after, .col:after, .clr:after, .group:after {
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden;
}
/* grid */

.col {
	margin-left: 4%
}
.span_1 {
	width: 6.5%
}
.span_2 {
	width: 15.0%
}
.span_3 {
	width: 23.5%
}
.span_4 {
	width: 32.0%
}
.span_5 {
	width: 40.5%
}
.span_6 {
	width: 49.0%
}
.span_7 {
	width: 57.5%
}
.span_8 {
	width: 66.0%
}
.span_9 {
	width: 72.5%
}
.span_10 {
	width: 83.0%
}
.span_11 {
	width: 91.5%
}
.span_12 {
	width: 100%
}
#wrapper {
	padding: 0!important;
}
.count-1 {
	clear: both;
	margin-left: 0;
}
#wrapper {
	background-color: #fff;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	width: 100%;
}
#comp-wrap {
	padding: 0;
	position: relative;
}
.full {
	padding: 0;
	margin: 0;
	clear: both
}
.contact a {
	text-decoration: none
}
/* Article Columns */
.column-1, .column-2, .column-3, .column-4 {
	position: relative;
	margin: 0;
	padding: 0;
}
/* Content styles */
#archive {
	padding: 0;
	margin: 0;
}
.archive {
	padding: 0;
}
.archive .article-count {
	color: #999;
}
.items-leading {
	position: relative;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}
.leading {
	margin: 0 0 20px 0;
	position: relative;
}
.items-row, .item-page, .contact {
	position: relative;
}
.item-separator {
	margin-bottom: 0;
}
#blog .item-separator {
	margin-bottom: 30px;
}
#topics .item-separator {
	margin-bottom: 30px;
}
.item-page {
	position: relative
}
.item-page-title {
	background-color: #2BB7EB;
	padding: 10px 15px;
	margin: 0;
}
.item-page-title, .item-page-title a, .contact-name {
	text-decoration: none;
	font-size: 2rem;
	color: #fff;
}
#blog .item-page-title {
	padding:30px 20px;
	margin: 0;
	background-image: url("../images/blog_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-size: 3rem;
	color: #fff;
}
#blog .item-page-title, #blog .item-page-title a, #blog .contact-name {
	font-size: 3rem;
	color: #fff;
}
#blog .item{
	border: 1px solid #ccc;
	padding: 30px;
	margin: 0 0 40px 0;
}
#topics .item{
	padding: 0;
	margin: 0 0 90px 0;
}
.contact h2 {
	margin: 0 0 20px 0;
}
.contact .current {
	margin: 0;
	padding: 0;
}
dl.tabs {
	display: block;
	clear: both;
	border-bottom: 1px solid #ddd;
}
dl dt.tabs {
	display: inline-block;
	margin: 0 0 -1px 0
}
dt.tabs h3 {
	margin: 0 2px 5px 0;
}
dt.tabs h3 a {
	padding: 8px 8px 3px 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	text-decoration: none
}
dt.tabs.closed h3 a {
	border-color: #eeeeee #eeeeee #dddddd;
}
dt.tabs h3 a, dt.tabs h3.open a {
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
dd.tabs {
	padding: 10px 20px
}
.jicons-icons {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0
}
h1.componentheading {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	color: #333;
}
.buttons {
	clear: both;
	display: block;
	overflow: hidden;
}
ul.button-icons {
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
ul.button-icons li {
	display: inline-block
}
ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	float: left;
	overflow: hidden;
	line-height: 20px;
}
.iteminfo, .content_rating {
	display: block;
	font-size: 11px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: right;
	border-bottom: 1px solid #ddd;
}
.content_rating p {
	margin: 0;
	padding: 0;
}
.iteminfo span {
	margin: 0 10px 0 0;
}
.iteminfo .category, .iteminfo .sub-category, .iteminfo .create, .iteminfo .modified, .iteminfo .published, .iteminfo .createdby, .iteminfo .hits {
	display: inline-block;
	line-height: 20px!important;
}
.iteminfo .createdby {
	font-weight: bold;
}
.items-more {
	clear: both;
}
h3.items-more {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.items-more ol {
	margin: 0 0 0 30px;
	padding: 0
}
th.item-title, th.list-title {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
/* Commons */
.clear {
	clear: both
}
blockquote {
	position: relative;
	margin: 30px 0;
	padding: 20px;
	background-color: #e9e9e9;
	color: #505050;
	border-left: 5px solid #ddd;
	font-size: 16px;
	font-style: italic;
	font-family: 'Georgia', sans-serif;
	line-height: 1.8em;
}
pre {
	margin: 30px 0;
	padding: 20px;
	background-color: #e9e9e9;
	color: #505050;
	border-left: 5px solid #ddd;
	font-size: 15px;
	font-family: 'Georgia', sans-serif;
	line-height: 1.8em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
address {
	margin: 20px 0;
	letter-spacing: 1px;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0 0 10px;
}
h1 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
h2 {
	font-size: 22px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
h6 {
	font-size: 12px
}
.entry p:last-child {
	margin: 0
}
.entry ul {
	margin: 30px 0 30px 20px
}
.entry ul li, .entry ol li {
	margin: 0 0 5px
}
.entry ol {
	margin: 30px 0 30px 25px
}
.entry ol {
	list-style: decimal
}
.entry ul {
	list-style: disc
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	margin: 40px 0 20px
}
p {
	margin: 0;
}
p.lead {
	font-size: 21px;
	line-height: 27px;
}
em {
	font-style: italic
}
strong {
	font-weight: bold
}
small {
	font-size: 80%
}
hr {
	height: 0;
	margin: 10px 0;
	border: solid #eee;
	border-width: 1px 0 0;
	clear: both;
}
hr#system-readmore {
	background-color: #f473ab;
	border: medium none;
	height: 22px;
	text-align: center;
}
hr#system-readmore::before {
	color: #fff;
	content: "▼続きを読む▼";
}
a {
	outline: 0;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease
}
a:hover {
	text-decoration: underline;
}
a[href$=".pdf"]::before {
	content: "\f1c1";
	font-family: FontAwesome;
	color: #ee0822;
}
/* Header  */
#header-wrap {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#header-wrap #top {
	width: 100%;
	background-color: #fff;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index: 98;
	height: 95px;
}
#header-wrap #top .custom {
	width: 1040px;
	margin: 0 auto;
	padding: 15px 10px;
}
#social {
	display: block;
	float: right
}
#social a.social-icon {
	display: inline-block;
	margin-left: 2px;
	padding: 0;
	width: 32px;
	height: 32px;
}
#social a.social_1 {
	background: url(../images/social/facebook.png) 0 0 no-repeat;
}
#social a.social_2 {
	background: url(../images/social/twitter.png) 0 0 no-repeat;
}
#social a.social_3 {
	background: url(../images/social/google.png) 0 0 no-repeat;
}
#social a.social_4 {
	background: url(../images/social/youtube.png) 0 0 no-repeat;
}
#social a.social_5 {
	background: url(../images/social/dribbble.png) 0 0 no-repeat;
}
#social a.social_6 {
	background: url(../images/social/flickr.png) 0 0 no-repeat;
}
#social a.social_7 {
	background: url(../images/social/pinterest.png) 0 0 no-repeat;
}
#social a.social_8 {
	background: url(../images/social/picasa.png) 0 0 no-repeat;
}
#social a.social_9 {
	background: url(../images/social/linkedin.png) 0 0 no-repeat;
}
#social a.social_10 {
	background: url(../images/social/reddit.png) 0 0 no-repeat;
}
ul.tags {
	border-top: 1px dotted #ddd;
	margin: 10px 0;
	padding: 10px 0;
}
ul.tags li {
	display: inline-block;
	list-style: outside none none;
}
ul.tags li a {
	padding: 4px 7px;
}
.tag-category form > ul {
	margin: 0;
	padding: 0;
}
.tag-category form > ul li {
	list-style: outside none none;
}
/* Navigation */
#navbar-wrap {
	padding: 0 0 10px 0;
	position: fixed;
	top: 95px;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	min-width: 1040px;
}
#navbar {
	margin: 0 auto;
	position: relative;
	width: 1040px !important;
}
#navbar.row {
	margin-bottom: 0
}
#navigation .menu {
	clear: both;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#navigation .menu .icon-angle-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px;
	color: #aaa;
	font-size: 12px;
}
#navigation .menu > li {
	display: block;
	float: left;
}
#navigation .menu > li ul {
	padding: 0;
}
#navigation .menu ul {
	position: absolute;
	left: 0;
	top: 100%;
	margin: 10px 0 0 0;
	/*IE6 only*/
    
	_margin: 0;
	nowhitespace: afterproperty;
	opacity: 0;
	transition: all .2s ease-in-out;
	visibility: hidden;
	z-index: 99;
}
#navigation .menu ul ul {
	left: 100%;
	top: 0;
}
#navigation .menu ul ul li {
	width: 100%
}
#navigation .menu li {
	position: relative;
	list-style: none;
}
#navigation .menu li:first-child {
	border-left: 1px solid #ddd;
}
#navigation .menu li:hover > ul {
	margin: 0;
	opacity: 1;
	visibility: visible;
}
#navigation .menu a {
	display: block;
	position: relative;
}
span.image-title {
	display: none;
}
/* current item */
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover {
	color: #1AA6E4;
}
#navigation .menu > .active > a, #navigation li.active > a {
	font-weight: normal;
	color: #333;
}
#navigation .menu a {
	color: #333;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	padding: 0 19.4px;
	font-size: 1, 7rem;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
#navigation .menu a:hover, #navigation .menu a:focus {
	background-color: inherit;
}
#navigation .menu li > span.separator {
	cursor: default;
}
#navigation .menu li > span {
	color: #fff;
	display: block;
	padding: 10px 13px;
	font-size: 13px;
}
/* 画像メニューのスタイル */
#navigation ul#img-menu > li > a {
	padding: 0;
}
#navigation ul#img-menu li > span {
	padding: 0;
}
/* drop-down styles */
#navigation .menu ul {
	border-top: none;
	background: #1AA6E4;
	min-width: 200px;
}
#navigation .menu li:hover ul {
	margin-top: 0;
}
#navigation .menu ul ul.sub-menu {
	margin-top: -1px;
	margin-left: 1px;
}
#navigation .menu ul li {
	border-bottom: 1px solid #fff;
}
#navigation .menu ul li:first-child {
}
#navigation .menu ul li:last-child {
	border: 0
}
#navigation .menu ul li > a:hover {
	color: #fff;
	background-color: #0092D1;
}
#navigation .menu ul a {
	display: block;
	height: auto;
	margin: 0px;
	padding: 10px 15px;
	border: 0px;
	line-height: 20px;
	color: #fff;
	font-size: 1.4rem;
}
#navigation .selector {
	display: none
}
#navigation ul.sub-menu .icon-angle-down:before {
	content: "\f105"!important;
}
#navigation ul.sub-menu a {
	font-size: 12px;
}
#navigation i {
	text-align: right
}
#menu-icon {
	display: none;
}
/* slide　*/
#slide-wrap {
	min-height: 290px;
}
.slide-show {
	margin: 0 auto;
	width: 980px;
	min-height: 290px;
}
/* Module Classes */
ul.categories-module {
	margin: 0;
	padding: 0 15px 10px 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#sidebar .categories-module li {
	list-style: outside none none;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
	color: #999;
}
#sidebar .categories-module li:last-child{
	border: medium none;
}
#sidebar .categories-module li a{
	color: #333;
	font-weight: 600;
}
#sidebar .categories-module li::before {
	content: "\f043";
	font-family: FontAwesome;
	color: #28A7E1;
	font-weight: normal;
	margin-right: 5px;
}
ul.categories-module h4 {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
#sidebar .tagspopular {
}
#sidebar .tagspopular ul {
	margin: 0;
	padding-left: 15px;
}
#sidebar .tagspopular ul li {
	margin: 0 0 10px;
}
#sidebar .tagspopular ul li a {
}
ul.latestnews{
	padding: 15px;
	margin: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
ul.latestnews li{
	font-size: 1.3rem;
	padding: 8px 0 !important;
	line-height: 1.4em !important;
}
ul.latestnews li a{
	color: #333;
	text-decoration: underline;
}
ul.latestnews li a:hover{
	color: #28A7E1;
}
ul.latestnews li:last-child{
	border-bottom: medium none;
}
/* light */
.light {
	border: 1px solid #cfcfcf !important;
	background: #F6F6F6 !important;
	color: #555 !important;
}
.light .module-title {
	color: #555 !important;
	background: none!important;
	border-bottom: none!important;
}
.light .module-body {
	border-top: none !important;
}
.light a {
	text-decoration: underline !important;
}
.light a:hover {
	color: #333!important
}
/* normal */
.normal {
	border: 1px solid #46acd1 !important;
	background: #58C0E6!important;
	color: #fff!important;
}
.normal .module-title {
	color: #fff !important;
	background: none!important;
	border-bottom: none!important;
}
.normal .module-body {
	border-top: none !important;
}
.normal a {
	text-decoration: underline !important;
	color: #fff!important
}
.normal a:hover {
	color: #303030!important
}
/* dark */
.dark {
	border: 1px solid #333 !important;
	background: #363636!important;
	color: #fff !important;
}
.dark .module-title {
	color: #fff !important;
	background: none !important;
	border-bottom: none!important;
}
.dark .module-body {
	border-top: none !important;
}
.dark a {
	text-decoration: underline !important;
	color: #58C0E6!important
}
.dark a:hover {
	color: #fff!important
}
/* blank */
.blank {
	border: none!important;
	background: none!important;
	padding: 5px!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-o-border-radius: 0!important;
	border-radius: 0!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	-o-box-shadow: none!important
}
.blank .module-title {
	border: none!important;
	padding: 0 0 0 5px!important
}
.light, .normal, .dark {
	padding: 10px!important;
}
.light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a {
	text-decoration: none!important
}
.light .module-title, .normal .module-title, .dark .module-title {
	padding: 0 0 0 5px!important;
	border: none!important;
	line-height: 30px!important;
}
.light .module-body, .normal .module-body, .dark .module-body {
	padding: 0 5px !important;
}
/* Page Navigation */
ul.pagenav {
	clear: both;
	display: block;
	padding: 0;
}
ul.pagenav li {
	list-style: none;
}
ul.pagenav li a {
	display: block
}
.pagenav-prev {
	float: left;
}
.pagenav-next {
	float: right
}
#pagination {
	clear: both;
	text-align: center;
	padding: 0;
}
/* Breadcrumbs */
.breadcrumbs {
	padding: 10px 0;
	width: 1040px;
	margin: 0 auto;
}
.breadcrumbs .icon-angle-right {
	padding: 0 5px
}
/* Sidebar */
#leftbar-w {
	float: left
}
#rightbar-w {
	float: right;
	display: block;
}
#sidebar {
	padding: 0;
	position: relative;
}
#sidebar .module {
	margin-bottom: 30px;
	padding: 0;
}
#sidebar .module-title {
	color: #333;
	font-size: 1.6rem;
	padding: 10px;
	margin: 0;
	background-color: #E7F9FD;
	text-align: center;
	border-top: 3px solid #37AEE1;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #003292;
}
#sidebar h3 {
	margin: 0;
	padding: 0;
}
#rightbar-w .module-title {
}
#sidebar .module-body {
	margin: 0;
	padding: 0;
}
#sidebar .module-body p {
	padding: 0;
	margin: 0;
}
#sidebar ul li {
	margin: 0 5px;
	padding: 0;
}
/* Sidebar Menu*/
#sidebar .module ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar .module ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ced8df
}
#sidebar .module ul.menu li:last-child {
	border-bottom: none
}
#sidebar .module ul.menu li span.separator {
	display: inline-block;
	padding: 7px;
}
#sidebar .module ul.menu li::before {
	content: "\f105";
	font-family: FontAwesome;
	color: #777;
}
#sidebar .module ul.menu li.divider::before {
	content: none;
}
#sidebar .module ul.menu li a {
	display: inline-block;
	margin: 0;
	padding: 7px;
	text-decoration: none;
}
#sidebar .module ul.menu li a:hover {
	text-decoration: underline;
}
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {
	margin: 0;
	border-top: 1px dotted #ced8df;
	padding-left: 0;
}
#sidebar .module ul.menu li ul li {
	background: none;
	margin: 0;
	padding: 0 0 0 10px
}
#sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child {
	background: none
}
#sidebar .module ul.menu li ul li a:hover {
	border: 0;
}
.module .menu .icon-angle-down:before {
	content: ""!important
}
/* promo and fotter */
#promo-wrap {
	background-image: url("../images/main_peason.png"), url("../images/main_bg.jpg");
	background-position: right top, left top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 177px 0 0 0;
	background-size: contain, cover;
}
#promo {
	width: 1040px;
	max-width: inherit;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
#home #promo-wrap {
	background-image: url("../images/main_peason.png"), url("../images/main_bg.jpg");
	background-position: right top, left top;
	background-repeat: no-repeat;
	padding: 0;
	background-size: contain, cover;
}
/*#toilet #promo-wrap {
	background-image: url("../images/teaser_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	margin: 215px 0 0;
	padding: 0;
}
#kitchen #promo-wrap {
	background-image: url("../images/teaser_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	margin: 215px 0 0;
	padding: 0;
}
#bathroom #promo-wrap {
	background-image: url("../images/teaser_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	margin: 215px 0 0;
	padding: 0;
}
#washroom #promo-wrap {
	background-image: url("../images/teaser_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	margin: 215px 0 0;
	padding: 0;
}
#outdoors #promo-wrap {
	background-image: url("../images/teaser_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	margin: 215px 0 0;
	padding: 0;
}
#water #promo-wrap {
	background-image: url("../images/teaser_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	margin: 215px 0 0;
	padding: 0;
}*/
#home #promo {
	width: 1040px;
	max-width: inherit;
}
/*#toilet #promo {
	width: 1040px;
	max-width: inherit;
}
#kitchen #promo {
	width: 1100px;
	max-width: inherit;
}
#bathroom #promo {
	width: 1100px;
	max-width: inherit;
}
#washroom #promo {
	width: 1100px;
	max-width: inherit;
}
#outdoors #promo {
	width: 1100px;
	max-width: inherit;
}
#water #promo {
	width: 1100px;
	max-width: inherit;
}*/
#promo .module {
	color: #555;
	margin-bottom: 10px
}
#promo .inner {
	padding: 0 10px;
}
#promo .module-title {
	display: block;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
}
#promo h3.module-title {
	margin-bottom: 0;
	padding-bottom: 0;
}
#promo ul {
	margin: 0;
	padding: 0;
}
#promo ul li {
	list-style: none;
}
#promo-page-title {
	background-color: #f7f7f7;
	margin-bottom: 20px;
	padding: 20px 0;
	display: none;
}
#promo-page-title .container {
}
#promo-page-title h2 {
	font-size: 28px;
	font-weight: normal;
	margin: 0;
	text-align: center;
}
body#home #promo-page-title {
	display: none;
}
/* User 2 */
#content-bottom {
	clear: both;
	margin: 0;
}
#footer {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 10px;
}
#footer .module {
	margin: 0px
}
#footer .inner {
	padding: 0 10px;
}
#footer .module-title {
	display: block;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
}
#footer h3.module-title {
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer .module-body {
}
#footer a {
}
#footer a:hover {
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
	border-bottom: 1px dotted #ced8df
}
#footer ul li:hover {
}
#footer ul li a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(../images/sidebar-li1.png) 5px 50% no-repeat;
	text-decoration: none;
	color: #999;
	font-size: 12px;
	line-height: 15px;
}
#footer ul li a:hover {
	background: url(../images/sidebar-li2.png) 5px 50% no-repeat;
	text-decoration: none;
	color: #58C0E6;
}
#footer-content {
	width: 1040px;
	margin: 0 auto;
}
#footer-content p {
	text-align: center;
	line-height: 1.8em;
}
#footer-content .link {
	margin: 0;
}
#footer-content .link a {
	color: #fff;
	text-decoration: underline;
}
#footer-content .link a:hover {
	text-decoration: none;
}
#footer-content td {
	vertical-align: top;
}
/* Search */
input[type="search"] {
	display: block;
	width: 100%;
	padding: 10px 32px 10px 11px;
	color: #202020;
	font-size: 11px;
	-moz-box-sizing: border-box;
	-webkit-appearance: none !important;
	-webkit-box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none
}
input[type="search"]::-webkit-search-decoration {
 display: none
}
input[type="search"]:focus {
	color: #000;
	outline: none;
}
/* Forms / Inputs / Buttons */
#modlgn-remember {
	float: left;
	width: 20px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea {
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	margin-left: 0;
	padding: 8px;
	font-weight: 400;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset;
}
fieldset.phrases {
}
fieldset.phrases .phrases-box {
	margin-bottom: 10px;
}
fieldset.phrases .ordering-box, fieldset.phrases .form-limit {
	display: inline-block;
}
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="tel"]:focus, form textarea:focus {
	border-color: #A0ECFF;
	outline: none;
}
form input[type="button"], form input[type="submit"], form button[type="submit"], form button[type="button"] {
}
form .mceLayout button[type="button"] {
	min-height: auto;
}
select {
	background-color: #f7f7f7;
	border-radius: 5px;
	display: inline;
	line-height: 100%;
	margin: 0;
	padding: 3px;
	vertical-align: middle;
	width: auto;
	border: 1px solid #ccc;
}
select[disabled="disabled"], select.disabled {
	color: #999;
	background: #f5f5f5;
	-moz-box-shadow: inset 0px 0px 2px #ddd;
	-webkit-box-shadow: inset 0px 1px 2px #ddd;
	box-shadow: inset 0px 1px 2px #ddd;
}
.input-medium, .input-large {
	width: auto !important;
}
.readmore {
	margin: 5px;
	text-align: right;
}
.btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ed1eb+0,37b8e0+50,0faada+100 */
	background: rgb(126,209,235); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(126,209,235,1) 0%, rgba(55,184,224,1) 50%, rgba(15,170,218,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(126,209,235,1) 0%, rgba(55,184,224,1) 50%, rgba(15,170,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(126,209,235,1) 0%, rgba(55,184,224,1) 50%, rgba(15,170,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed1eb', endColorstr='#0faada', GradientType=0 ); /* IE6-9 */
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #fff;
	padding: 4px 7px;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	background-color: #e6e6e6;
 *background-color: #d9d9d9;
}
.btn:active, .btn.active {
	background-color: #cccccc \9;
}
.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
a.btn-readmore {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 *background-color: #e6e6e6;
 filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #bbb;
 *border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 *margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
a.btn-readmore:hover, a.btn-readmore:focus, a.btn-readmore:active, a.btn-readmore.active, a.btn-readmore.disabled, a.btn-readmore[disabled] {
	color: #333;
	background-color: #e6e6e6;
 *background-color: #d9d9d9;
}
.system-unpublished {
	background-color: #efefef;
	padding: 5px;
}
/* Mailto */
.mailto {
	background: #fff;
	color: #222;
	padding: 10px;
}
/* Tooltips */
.tip-wrap {
	float: left;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #535353;
	border: 1px solid #222;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	max-width: 200px;
	text-shadow: 1px 1px #000
}
.tip-title {
	padding: 0;
	margin: 0;
	display: none
}
.tip-text {
	font-size: 100%;
	margin: 0;
}
#topcontrol {
	background: url(../images/arrow_up.png) 50% 50% no-repeat;
	width: 60px;
	height: 60px;
	white-space: nowrap;
	cursor: pointer;
	opacity: 0.7;
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
	bottom: 20px;
	right: 20px;
	z-index: 999;
}
/* Error */
#error {
	padding: 20px;
	text-align: center
}
#error .error {
	color: #FF0000;
	display: block;
	padding: 0;
	font-size: 140px;
	font-weight: bold;
	line-height: 200px;
}
#error .center {
	width: 400px;
	margin-left: -200px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 20%
}
#error .error {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.7);
}
#error .error > span {
	display: inline-block;
	position: relative;
}
#error .error > span:before {
	content: "";
	position: absolute;
	top: 70%;
	left: -30px;
	right: -30px;
	height: 80px;
	background: url(../images/error.png) no-repeat;
	background-size: 100% 100%;
}
#error ol li {
	text-align: left;
}
/* Offline */
.error-offline .error > span:before {
	top: 65%;
}
.error-offline .message {
	width: 350px;
}
/* Thumbs */
.width-10 {
	width: 10px;
}
.width-20 {
	width: 20px;
}
.width-30 {
	width: 30px;
}
.width-40 {
	width: 40px;
}
.width-50 {
	width: 50px;
}
.width-60 {
	width: 60px;
}
.width-70 {
	width: 70px;
}
.width-80 {
	width: 80px;
}
.width-90 {
	width: 90px;
}
.width-100 {
	width: 100px;
}
.height-10 {
	height: 10px;
}
.height-20 {
	height: 20px;
}
.height-30 {
	height: 30px;
}
.height-40 {
	height: 40px;
}
.height-50 {
	height: 50px;
}
.height-60 {
	height: 60px;
}
.height-70 {
	height: 70px;
}
.height-80 {
	height: 80px;
}
.height-90 {
	height: 90px;
}
.height-100 {
	height: 100px;
}
.thumbnail {
	border: 1px solid #ccc!important;
	max-width: 100%!important;
}
.thumbnail img {
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.thumbnail img:hover {
	opacity: 1;
}
.thumbnail.pull-left {
	margin-right: 10px!important
}
.thumbnail.pull-right {
	margin-left: 10px!important
}
.thumbnails {
	margin-left: -20px;
	list-style: none;
 *zoom: 1;
}
.thumbnails:before, .thumbnails:after {
	display: table;
	content: "";
	line-height: 0;
}
.thumbnails:after {
	clear: both;
}
.thumbnails > li {
	float: left;
	margin-bottom: 18px;
	margin-left: 20px;
}
.thumbnail {
	display: block;
	padding: 4px;
	line-height: 18px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a.thumbnail:hover {
	border-color: #08c;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.thumbnail .caption {
	padding: 9px;
	color: #555;
}
/* Footer */
#footer-wrap {
	background-color: #0066df;
	margin: 30px auto 0;
	padding: 30px 0 0;
	position: relative;
}
#footer-wrap p {
	margin: 0;
	padding: 0;
	color: #fff;
}
#footer-wrap a {
	color: #fff;
	text-decoration: none;
}
#footer-wrap .login {
	margin: 5px;
	text-align: center;
}
#footer-wrap .login a {
	color: #444;
	font-size: 10px;
	line-height: 1;
}
.copyright {
	margin: 0 auto;
	padding: 0 0 5px 0;
}
.copyright a {
}
.copy a:hover {
}
.business {
	margin: 0 -480px 0 0;
	padding: 0;
	font-size: 10px;
	color: #ccc;
	text-align: right;
	text-shadow: none;
	bottom: 0;
	right: 50%;
	line-height: 10px;
	height: 10px;
	position: absolute;
}
#bottom {
	background-color: #0066df;
	color: #fff;
	padding: 15px 0 180px 0;
}
#bottom p {
	color: #fff;
}
#bottom a {
	color: #fff;
	text-decoration: none;
}
#bottom a:hover {
	color: #fff;
	text-decoration: underline;
}
.btm-contact{
	padding: 20px 20px 0 20px;
	margin: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	width: 100%;
	background-image: url("../images/btm_contact_bg.png");
	background-repeat: repeat-x;
	background-position: left top;
	box-sizing: border-box;
}
.btm-contact ul{
	padding: 0 0 10px 0;
	margin: 0 auto;
	letter-spacing: -0.4em;
	width: 990px;
	position: relative;
}
.btm-contact ul::after{
	content: "";
	display: inline-block;
	width: 146px;
	height: 160px;
	position: absolute;
	right: -100px;
	bottom: 0;
	background-image: url("../images/operator.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	z-index:-1;
}
.btm-contact ul li{
	display: inline-block;
	padding: 0 3px;
	vertical-align: top;
}
.btm-contact ul li:last-child{
	padding-right: 40px;
}
.business a, .business a:hover {
	text-decoration: none;
	font-size: 10px;
	color: #ccc
}
.dl-horizontal dt {
	clear: left;
	float: left;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40px;
}
.dl-horizontal dd {
	margin-left: 50px;
}
.items-more h3 {
	margin-bottom: 10px;
}
p.errorcontainer {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}
fieldset {
	border: medium none;
	margin: 0;
	padding: 0;
}
.hidden {
	display: none !important;
}
.nav-tabs {
	padding: 0;
}
.btn-toolbar {
	margin: 15px 0;
}
.btn-group {
	display: inline;
}
h2.componentheading, .page-header h2 {
	background-image: url("../images/bg02.png");
	background-position: left top;
	background-repeat: repeat;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
	margin: 200px auto 20px auto;
	padding: 20px 15px;
	box-sizing: border-box;
}
#compnay h2.componentheading, #compnay .page-header h2{
	width: 1040px;
}
iframe {
	border: medium none;
}
.btnmenu {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0;
	padding: 10px;
}
ul#usermenu {
	margin: 0;
	padding: 0;
}
ul#usermenu li {
	list-style: outside none none;
	margin-bottom: 10px;
}
ul#usermenu li:last-child {
	margin-bottom: 0;
}
#usermenu a.btn {
	display: inline-block;
	padding: 7px 15px;
	text-align: left;
}
#login-form {
	margin: 20px 0;
}
#header-table {
	width: 100%;
}
#header-table td {
	vertical-align: bottom;
	padding-right: 10px;
}
#header-table td:first-child {
	padding: 0 35px 0 0;
	width: 270px;
}
#header-table td:last-child {
	text-align: right;
	padding-right: 0;
}
#header-table img {
	width: 100%;
	height: auto;
}
.control-group {
	margin-bottom: 10px;
}
.chzn-container {
	width: 250px !important;
}
.input-append input {
	display: inline;
}
.input-append button {
	display: inline;
	margin-left: 5px;
	padding: 9px 12px;
}
/*shadowbox*/
#sb-nav {
	height: auto;
	line-height: 1;
}
#sb-info, #sb-info-inner {
	height: auto;
}
#sb-info-inner {
	font-size: 14px;
	height: auto;
}
#sb-nav a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #fff;
	font-family: FontAwesome;
	font-size: 18px;
	height: 20px;
	width: 20px;
}
#sb-nav a:hover {
	text-decoration: none;
}
#sb-nav-next:before {
	content: "\f0a9";
}
#sb-nav-close:before {
	content: "\f05c";
}
#sb-nav-previous:before {
	content: "\f0a8"
}
.accordeonck .toggler:before {
	content: "\f0fe";
	font-family: FontAwesome;
	color: #999;
	margin-right: 10px;
}
.accordeonck ul li ul {
	margin: 0;
}
.accordeonck ul li ul li {
	list-style: none outside none !important;
	margin: 0 !important;
}
.accordeonck ul li a {
}
.pchidden {
	display: none;
}
#footer .switchBtn {
	margin: 20px 0;
	text-align: center;
}
#footer .switchBtn a {
	border: 1px solid #b5b3b3;
	border-radius: 4px;
	color: #494949;
	display: inline-block;
	padding: 8px 30px;
	background-color: #fff;
}
#footer .switchBtn a.btnAcv {
	display: none;
	background-color: #C4C4C4;
	background-image: none;
}
.switchBtn a:first-child {
	margin-right: 10px;
}
.component_container {
	padding: 0;
}
/* ↓tab & Slides */
ul.jwts_tabbernav li a {
	border-radius: 4px 4px 0 0;
}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
	background-position: 0 3px;
}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
	background-position: 0 -142px;
}
#responsive-tabs {
	margin-bottom: 15px;
}
#responsive-tabs label {
	margin: 0;
	padding: 7px 20px;
}
#responsive-tabs input[type="radio"]:checked + label, #responsive-tabs input.checked[type="radio"] + label {
	border-top-color: #494949;
}
#responsive-tabs label:first-child {
}
#responsive-tabs label span {
	font-size: 14px;
}
.edit .tab-content, .tab-content {
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	padding: 10px;
}
.tab-content .tab-content-item {
}
.star {
	color: #ff002a;
}
/* ↑tab & Slides */

/*↓ showplus サムネイルスライド*/
.showplus-thumbnails > ul > li > a {
	margin-left: 1px !important;
	margin-right: 1px !important;
	padding: 0 !important;
	box-sizing: border-box;
}
.showplus-thumbnails > ul > li > a:hover {
}
.showplus-horizontal .showplus-thumbnails > ul > li:last-child > a {
	margin-left: 2px !important;
}
.showplus-horizontal .showplus-thumbnails > ul > li:first-child > a {
}
.showplus-thumbnails > ul {
	height: auto !important;
	overflow: hidden;
}
/*↑ showplus サムネイルスライド*/
ul.rsstableList {
	margin: 0;
	padding: 0;
}
ul.rsstableList li {
	border-bottom: 1px dotted #ddd;
	list-style: none outside none;
	overflow: hidden;
	padding: 10px 0;
}
ul.rsstableList li.odd {
}
ul.rsstableList li.even {
}
ul.newsflash-horiz {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.newsflash-horiz li {
	box-sizing: border-box;
	float: left;
	list-style: outside none none;
	padding-right: 10px;
	margin-bottom: 15px;
	width: 50%;
	position: relative;
}
ul.newsflash-horiz li:last-child {
	padding-right: 0;
}
ul.newsflash-horiz .article-separator {
	display: none;
}
.news-flash-readmore {
	float: right;
}
h4.newsflash-title {
	background-color: #f7f7f7;
	font-size: 15px;
	padding: 8px;
}
h4.newsflash-title a {
}
ul.newsflash-vert {
	margin: 0;
	padding: 0;
}
ul.newsflash-vert li {
	list-style: outside none none;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}
.whole-link {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.whole-link:hover {
	background-color: #fff;
	opacity: 0.4;
}
/* module editor */
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
.label {
	border-radius: 3px;
}
.label, .badge {
	background-color: #999;
	color: #fff;
	display: inline-block;
	font-size: 10.998px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}
.row-fluid:before, .row-fluid:after {
	content: "";
	display: table;
	line-height: 0;
}
.row-fluid:after {
	clear: both;
}
.row-fluid .form-horizontal .control-group:before, .row-fluid .form-horizontal .control-group:after {
	content: "";
	display: table;
	line-height: 0;
}
.row-fluid .form-horizontal .control-group:after {
	clear: both;
}
.row-fluid .form-horizontal .control-group {
	margin-bottom: 18px;
}
.row-fluid .form-horizontal .control-label {
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 20%;
}
.row-fluid .form-horizontal .controls {
	margin-left: 25%;
}
.row-fluid .control-label .hasTooltip {
	display: inline-block;
}
.row-fluid .controls > .radio:first-child, .row-fluid .controls > .checkbox:first-child {
	padding-top: 5px;
}
.row-fluid fieldset.radio.btn-group {
	padding-left: 0;
}
.row-fluid .radio, .row-fluid .checkbox {
	min-height: 18px;
	padding-left: 20px;
}
#jform_articletext_tbl {
	width: 100%;
}
iframe#jform_articletext_ifr {
	width: 100% !important;
}
.ckdatetimepicker {
	float: left;
}
.datepickerbtn {
	float: left;
	margin-left: 5px;
	padding: 8px 10px !important;
}
.input-append.date {
	overflow: hidden;
}
.dtp-calendar {
	border: 1px solid #ccc;
	margin-left: 5px;
	padding: 1px;
}
.dtp-calendar:first-child {
	margin: 0;
}
.table-striped td, .table-striped th {
 // font-size: 18px;
	padding: 7px 10px !important;
}
.close {
	position: absolute;
	right: 0;
	z-index: 1;
}
#system-message .alert {
	margin: 0;
}
.alert-message a.close {
	display: none;
}
#jf_mm_menu, .jf_mm_trigger {
	display: none;
}
/* simple image gallery pro*/
ul.sigProContainer span.sigProPseudoCaption {
	padding-bottom: 0;
	padding-top: 0;
	line-height: 2;
}
.cat-items table {
	border-top: 1px solid #ddd;
	width: 100%;
}
/* スマートサーチ */
.finder label {
	display: none;
}
.finder input {
	margin: 0;
}
.finder button {
	box-shadow: none;
	margin: 0;
	padding: 7px 12px 8px;
}
.finder .fa-search::before {
	font-size: 15px;
	line-height: 1.2;
	margin-right: 5px;
}
#search-results {
}
#search-query-explained {
}
ul.search-results {
	list-style: outside none none;
	margin: 15px 0;
	padding: 0;
}
ul.search-results li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ul.search-results li:first-child {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
.result-title {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
/* スマートサーチ ここまで*/

/* rsforms pro*/
.yui-calcontainer .yui-cal-nav-mc {
	box-sizing: border-box;
}
#userForm .rsform-block {
	display: table;
	margin: 8px 0 0;
	width: 100%;
}
#userForm .rsform-block > label {
	border-top: 1px dotted #ccc;
	display: table-cell;
	padding: 8px 10px 3px 8px;
	vertical-align: top;
	width: 30%;
}
#userForm .rsform-block .formControls {
	display: table-cell;
	border-top: 1px dotted #ccc;
	vertical-align: top;
	padding: 8px 8px 3px;
}
#userForm .rsform-block-submit {
	display: block;
}
#userForm .rsform-block-submit > label {
	border: medium none;
	display: inline-block;
	padding: 0;
}
#userForm .rsform-block-submit .formControls {
	display: block;
	text-align: center;
}
#submit {
	font-size: 22px;
	line-height: 1;
	padding: 10px 20px;
}
strong.formRequired {
	color: #ff002a;
	font-weight: normal !important;
	font-size: 11px;
}
#userForm .checkbox {
	display: block;
	margin-right: 10px;
}
#userForm .radio {
	margin-right: 10px;
	display: block;
}
#userForm .inline {
	display: inline;
}
.formValidation {
	display: block;
}
.formValidation .formError {
	font-size: 14px;
}
.formControls input.btn {
	margin-left: 10px;
	padding: 6px 5px 8px;
}
.rsform-calendar-button::before {
	content: "\f073";
	font-family: FontAwesome;
}
/* rsforms pro　ここまで*/

#top .time {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #FF0000;
	text-align: center;
	padding: 5px 0;
	font-size: 1.8rem;
	top: 135px;
}
#top .time font {
	color: #fff !important;
}
.conversion .time {
	color: #fff;
	font-size: 20px;
}
.conv-area .time {
	color: #fff;
	font-size: 20px;
}
#about #promo-wrap{
	display: none;
}
#flow #promo-wrap{
	display: none;
}
#faq #promo-wrap{
	display: none;
}
#voice #promo-wrap{
	display: none;
}
#area #promo-wrap{
	display: none;
}
#blog #promo-wrap{
	background: none;
}
#topics #promo-wrap{
	background: none;
}
#about .reason{
	margin-top: 177px;
}
#flow .flow-ttl{
	margin-top: 177px;
}
#faq .faq-ttl{
	margin-top: 177px;
}
#voice h2{
	margin-top: 200px;
}
.p-left{
	text-align: left;
}

/*2022　ログイン画面&投稿画面　調整*/
#login #box-wrap {
  margin-top: 200px;
}

/* ↑PC・スマホ共通デザイン */